Enhancing the HR Application for an Improved Organizational Experience.

  • UI/UX Design
  • Responsive Design
  • 30+ Screens
  • Prototyping
titan/titan_logo.webp

Project overview

titan/titan_banner.webp

Existing Problem

Our Solution

Wireframes

Several iterations were created and ideas were thrown around in achieving the user experience part for the exercise module. From dashboard to the admin tables, pixel perfect wireframes were created.

titan/titan_wireframe1.webp
titan/titan_wireframe2.webp
titan/titan_wireframe3.webp
titan/titan_wireframe4.webp
titan/titan_wireframe5.webp
titan/titan_wireframe6.webp
titan/titan_wireframe7.webp
titan/titan_wireframe8.webp

Color Pallete

Tiffany Blue is selected to adhere to brand guidelines, while secondary colors are chosen to complement the primary color, enhancing its aesthetic appeal and providing contrast for design

titan/titan_colorcase.webp

Typography

Mulish is a versatile, modern sans-serif font. It is optimised for web and mobile interfaces, ensuring excellent legibility and a clean, minimalist appearance. Mulish offers a professional and approachable look, making it ideal for a wide range of application.

titan/titan_work.webp

UI Elements

titan/titan_components.webp

Elevating Emp Experiences

The Me@Titan platform provides a range of essential features such as document and policy access, clearance status tracking, along with feel-good perks like discount coupons and asset at residence buying and buyback.

  • Home

    titan/titan_screen1.webp
  • Discount Coupon

    titan/titan_screen2.webp
  • My Documents

    titan/titan_screen3.webp
  • Asset at Residence

    titan/titan_screen4.webp
  • Policies and Notification

    titan/titan_screen5.webp
  • Clearance Status

    titan/titan_screen6.webp
titan/titan_screen1.webp
titan/titan_screen2.webp
titan/titan_screen3.webp
titan/titan_screen4.webp
titan/titan_screen5.webp
titan/titan_screen6.webp

Admin Configurations

Administrators can effortlessly configure banners, widgets, prompts, and policies, customizing the interface to align with organizational objectives and enhance user engagement. Additionally, administrators can customize content for either the entire global workforce or specific departments within the company.

titan/prompt_config.webp
Configure Prompt
Configure Policy
Configure Banner
Configure Widget

Insightful Reports

Effortlessly generate comprehensive reports on store attendance and user engagement, enabling informed decision-making and optimizing operational strategies for enhanced performance and employees satisfaction.

titan/user_engage.webp
User Engagement
Store Attendance

Dual Mode

The platform was designed for both light and dark mode to accommodate user's preferences and enhance accessibility in various lighting conditions, ensuring a comfortable viewing experience for everyone.

titan/dark_moon.webp
titan/light_mode.webp

Accessibility

Our objective was to enhance the user experience and accessibility of our web application by implementing variable font sizes. Given the wide age range of Titan employees, this approach ensures that users with diverse visual needs can comfortably read and interact with the content.

Responsive UI

Responsive versions were also developed for the platform, following a 4-column grid system to ensure a user-friendly interface across all devices.

titan/titan_responsive_ui.webp

Similar Portfolios

projects/kredx.webp

Kredx

Super Account uses cutting-edge technology and data to simplify the financial needs of businesses. A compelling branding and a new website design were required to present the information in a systematic & easy to understand manner.

View case study
projects/ather.webp

Ather

Ather Energy is an Indian electric vehicle company, We collaborated with Ather on the front-end development of their marketing website, customer portal and Ather space.

View case study