works

UI/UX Redesign Brought Simplicity to an Extensive HRMS Solution, for Ascent

Created a simplified design system that’s easily accessible and user-friendly, thus leading to 45% growth in monthly active users.

Ascent is a high-performing HRMS software that allows small-to-large businesses in manufacturing, retail, construction, healthcare and other sectors to manage payroll, attendance, and other HR services.

However, the system’s old functionality was hampering its usability and product growth.

The challenge here was to create a simplified design system that’s easily accessible and helps users (employees) to do their jobs better, being stress-free.

Image

Ascent is a high-performing HRMS software that allows small-to-large businesses in manufacturing, retail, construction, healthcare and other sectors to manage payroll, attendance, and other HR services.

However, the system’s old functionality was hampering its usability and product growth.

The challenge here was to create a simplified design system that’s easily accessible and helps users (employees) to do their jobs better, being stress-free.

ascent2

Objective of Design

For an enterprise application with 100s of screens, developing pages from scratch involves high costs and plenty of dev time. We aimed to identify a solution that would reduce repetitive work, increase efficiency of development, and meet qualitative expectations. Our design objective here was:

 

  • To create a Human Resource Management System which understood the need of a humane element and translated that into design.
  • A software is available when it’s needed.
  • Helps employees do their job better with less anxiety.
Image

Our Process

Pain Points
  • Old and heavily used software.
  • Tons of features and deep underlying functionality.
  • Heavy software with over 300 screens.
Discovery
  • Our conversations with the workforce found it devoid of process, with the key aspect that made communities tick – the human touch.
  • The need for a design system arose from the realization that it took precious dev time for them to build pages for new modules from scratch, leading to increased costs, efforts and also, a decline in quality.
Implementation
  • To create a design system that acts as a repository of visual assets, accessible any time new pages need to be developed.
  • Enable a drag & drop facility for visual elements on pages saving time and effort for developers, as well as reducing heavy costs.

Outcomes

Image
Image

Outcomes

Design Style Guide that powered the Front End Style Guide:

  • A universal style guide for the platform.
  • Modular and Scalable.
  • Gave the front-end an all-in-one toolkit.

 

Front-End Style Guide that powered the developers:

  • Design guide led to developers creating their own front-end style guide.
  • This reduced the development time considerably, whenever a new feature or product was developed.

A Simplified Design Solution to an Extensive HRMS System with a Structured Style Guide

Image
Image

A Simplified Design Solution to an Extensive HRMS System with a Structured Style Guide

  • Once the style guide was set, the process of developing new features and products on the platform was streamlined. We created wireframes, which once approved, were handed over to the dev team.
  • Because of the front-end and design style guides, developers knew what to pick and where to pick from. Creating these applications used to take 6 months earlier– which now took merely 2-3 weeks.
  • We designed a Human Resource Management System with an 80-20 approach allowing us to bring the most important and most used things up-front. A user-centric approach helped us add features that improved salability.
  • Design solution was used to simplify tasks, by drastically reducing the number of screens. Our insights helped in understanding user intentions for creating new features, enabling faster and more informed decision making.
  • Our interface design was aimed towards improving the user friendliness of the system, making it look aesthetically appealing.

Impact

Business Impact

  • The new design solution helped in faster customer acquisition and also gained new customer orders for more modules.
  • This also helped in setting a big competitive edge against Indian and international players, leading to a better brand perception both on customer and employer side.

User Impact

  • Quicker, more accurate task completion by the users. The design solution also enabled user flexibility and control through modular design.
  • Reduced cost of on-boarding with 45% growth in monthly active users. Better usage for 250+ customers and 60,000 employees.

UI/UX Redesign for the World’s Largest Biometric System- Aadhaar

A user experience design, to make the website responsive, accessible to millions and to render itself well on mobile devices.
Logo
Image
Image
Previous
Next

Crafting a UI/UX Design Solution for a Frictionless Insider Threat Detection System- Doppler

A multi-layered design solution to identify threats and carry out multiple actions, by emphasizing on visual data design.
Previous
Next

Shaping a Travel Platform and a Community for Offbeat Travel and Discovery

The monsoonfish team started with our idea, challenged it, changed it and made it into a product that looks and works great. The team is intelligent, responsive and delivers

Nitin Gupta

Dusty Roads

Dustyroads
Image
Image
Image
Previous
Next

Design Creates Experiences that Facilitate Product Goals.

With more than 20 years in the UI/UX sphere, we craft experiences that match user expectations, thus enabling brands to achieve their business vision.

20 +

Years in Design

200 +

Satisfied Clients

500 +

Successful Projects

40 +

Designers On-board

Take a Look at Our Journal

September 26, 2022
Image

Fintech is an exemplary amalgamation of finance and cutting-edge technology, which is pioneering digital disruption solutions across the globe.

September 20, 2022
Image

Healthcare design trends have pivoted around new technologies and solutions for healthcare professionals as well as the patients. Read the article to know more.

April 7, 2022
Image

We define dark mode as a mood notion other than something more profound, let us understand what is dark theme and why is dark UI still trending.

There’s a Lot Happening Behind the Scenes in Our Lab!

An attempt for Netflix’s UI/UX redesign to offer features that can enhance usability, accessibility and make the experience more user-friendly for the viewers.

Image