UI revamp & design system for Agilio

Overview

Agilio is a healthcare software company with various products for HR and people management, e-learning, risk and compliance, and asset management.

We helped to position Agilio for future growth in the sector by modernising their UI, creating a consistent user experience across their product suite, and speeding up their development process with intuitive page templates and a versatile design system.

Design services

Rapid prototyping

UI & responsive design

Design system

The challenge

Unify six unique design systems into one

Following numerous acquisitions, Agilio was managing six different design systems — each with its own colours, typography and components — across six different software products.

Dealing with all of these unique systems was complicating and slowing down Agilio’s development process and delaying the introduction of new features that would help grow their customer base.

It also led to an inconsistent user experience from one software product to the next, making it difficult for existing customers to switch between them.

Our approach

Exploring & refining new concepts

We started by exploring Agilio’s existing products to get a deeper understanding of their UI and functionality. Based on this, we developed three distinct visual concepts for dynamic new looks that could be applied across all six of their products.

Through close collaboration with the project team, we honed those concepts into a single new UI style that we used to design the UX and UI for 15 page templates. These could be adapted and used across Agilio’s various software products and included a dashboard, calendar, and content pages.

New page template design for the dashboard.

Creating a design system

We went on to create a comprehensive design system that includes text styles, colours, a spacing system and component library. We wrote detailed documentation to accompany it explaining how designers and developers should use the individual parts of the system when updating existing features and creating new ones.

Outcomes

We created a dynamic new look and consistent experience

We designed a new and modern user interface style that gives all of Agilio’s products a consistent look and feel. This improved the user experience for existing customers by making components and interactions feel familiar from one product to the next. By modernising Agilio’s brand, we also created opportunities for them to market their software to new customers.

We enabled quicker and easier development

We created a single design system for all of Agilio’s software that designers and developers can efficiently build from. This saves Agilio designing and developing from a blank slate and helps them create new features and products faster.

We positioned Agilio for growth

The consistent look and feel we designed makes Agilio’s software feel more like a cohesive product suite, rather than several individual and disconnected tools. This creates opportunities for them to cross-sell additional products to existing and potential customers, and positions them for future growth in the healthcare sector.

Our thoughts

This project was a great example of design’s ability to positively impact both business outcomes and the customer experience.

Agilio were clear about their goals and a great collaborator when it came to refining the UI work we did. Reimagining their visual style was a lot of fun. However, my favourite part was consolidating everything into the design system, knowing that it had the potential to influence Agilio’s future products and make a lasting impact.

Sarah Lallemand, UX Designer

Other projects