Healthcare x Insurance Web-app
Responsive Design
Project Overview
A premier healthcare provider is launching the region's first insurance wellness centre in partnership with an international insurance company. The centre aims to offer personalised solutions exclusively for the insurance company's busy high-net-worth clients. It seeks to simplify access to resources promoting mind/body balance.
Role
UX and UI Design Lead
Type
Healthcare & Insurance
Year
2023
Design Process
Research > User Journey > Information Architecture > Design System > Wireframe > Design Critique > UX Flow > UI Design
Challenge
There were many stakeholders with varying opinions on designing the membership scheme and service package.
As a new initiative, there were no existing systems to utilise. The membership feature had to be designed and built from the ground up.
High-net-worth individuals value their well-being but lack the time needed to research and select the highest quality care options.
There was a short two-week timeframe to design, prototype, and test solutions given the initial notice.
Guiding Question
How do we align both insurance and healthcare company design requirements?
How to design a high-end, well-being-focused web design?
How do users log in with their insurance account in the co-branding website?
How do users view membership benefits per their insurance tier?
How can we complete the design within two weeks to meet launch targets?
Project Management
To manage the tight timeline, I implemented a sprint-based agile approach for rapid prototyping and validation to accurately define the scope. Early sprints included mood boards and journey maps. Figma served as our design tool where we iteratively designed UX flows and UI components across desktop, tablet, and mobile formats. Three complete interface versions were delivered in Figma - one for each form factor to provide clear specifications. Daily standup meetings brought the team closer together assessed progress and refined concepts to ensure completion on schedule. This agile process utilising multi-device prototyping efficiently delivered a well-tested solution within the timeline.
UI Design
We designed the UI using an 8-point grid system to establish a coherent and intuitive layout structure across all components that facilitated rapid prototyping while maintaining visual consistency through aligned elements.
The Solution
We began by clarifying the project scope through discussions with both companies' management. This ensured we understood the objectives of the new service model. Initial wireframes laid out the basic site structure to validate our direction. Given the new service scope, discussions refined the design concept and content. An iterative process led to a design focusing on well-being and portraying the companies as health partners, in line with their vision. The in-progress design underwent review where it received confirmation and support. During reviews, animated design elements and photography matching the brand tone were conceptualised. The finalised design included user journeys for happy flow and unhappy flow to aid development.
By establishing a collaborative approach through management discussions, stakeholder reviews and iterative refinement, we arrived at a solution tailored to the new service model's objectives. Regular feedback helped ensure coherence across the design process.
Related Media
Digital & Business Solution Manager
“I trust your expertise and please go ahead with your recommendations.”
Senior Business Analyst