Positioning a health-tech company for growth
I led visual and design system design for a health-tech company’s iOS and Android apps.
Client
Agilio
Dates
Oct 2022 to Dec 2022 (3 months)
Role
Visual/UI design, interaction design, prototyping, design system design
Platforms
iOS and Android apps
Teams
Product and Engineering
Tools
Figma
Summary
I designed key areas of Agilio’s e-learning app and created a design system to align the software company’s UX and UI across its many services while streamlining the design and development of future mobile apps.
What I delivered
A brand new mobile design system supporting UI consistency and accelerating future design work
Documentation to help engineers and designers use the design system
Outcomes
Positioned for growth
My work positioned Agilio for growth in the healthcare sector with a design system that enables it to design, develop and bring to market new mobile apps quicker.
Cross-selling opportunities
I developed a new design style that improves and unifies the UX and UI across Agilio’s apps, helping it to cross-sell additional products to existing software users.
THE CHALLENGE
Design Agilio’s premier app and create a versatile design system
Agilio is a healthcare software company offering products for HR, e-learning, risk and compliance, and asset management. After several acquisitions, they were managing multiple design systems that caused development delays and an inconsistent user experience.
The agency I work for had recently redesigned Agilio’s web experience and now I was tasked with designing their iOS and Android apps. iLearn, an e-learning web app, would serve as both the first mobile app and the foundation for a new design system to be used across future projects.
APP DESIGN
Focusing on five critical features
The iLearn web app provided a blueprint for the mobile app’s look and feel and what features needed to be included. I focused on five key iLearn features:
Dashboard
Course library
Course content page
User profile
Booking calendar
Final designs for the dashboard, course library and course content page
Final designs for the course library, user profile and booking calendar
DESIGN SYSTEM DESIGN
Paving the way for future apps
For each feature, I designed components that formed the foundations of a design system.
This was expanded to include additional components Agilio anticipated needing, as well as text styles, a colour palette, and documentation that provided guidance on how to seamlessly integrate the system into future apps.
Components from the new design system
Typography and colour in the new design system
CLIENT FEEDBACK
“Not only a great looking app, but one that is intuitive.”
More projects
Get in touch
Want to chat about a project? Reach out at contact@aaronhowes.com