Hazel Health
Design of a centralised health administration platform for women, that offers personalised health advice and tools to streamline medical management and empower users with autonomy over their health management.
Hazel Health is a comprehensive platform that empowers users to manage their health holistically. It streamlines access to medical services by integrating health records and reports into a unified, easily accessible system.
Process
Competitor Analysis, User Research and Synthesis, Ideation, Wireframing, Prototyping, Branding, Usability Testing.
Role
UX and UI designer
Tools
Figma, FigJam, Illustrator
Timeline
3 months
Problem Space
In March of 2024, almost 3,000 Australian women participated in a survey asking them to share their experiences of the healthcare system. The report revealed that two out of three women experienced bias and discrimination in healthcare, with consistent themes from the results stating they felt dismissed and disbelieved; being stereotyped as ‘hysterical’ and a ‘drama queen’ or their symptoms and pain were often attributed to other causes such as menstruation, lifestyle factors or even ‘faking it’.
The Hazel Health app is designed to bridge this gap, prioritising women's lived experiences and providing a supportive, empowering space to learn about, manage, and document their health journeys. With guidance from medical professionals and access to trusted resources, it seeks to challenge gender bias in healthcare and serve as a catalyst for meaningful change.
Problem Statement
“Women often feel overlooked and overwhelmed with the nuances and complexity of managing health concerns and conditions. They seek a centralised and reliable platform that empowers them with streamlined tools and personalised support to navigate their health journey with confidence.”
Project Overview
Many women feel that their hormonal and general health concerns are often overlooked or misdiagnosed by general practitioners. The Hazel team recognised this bias within society and saw a gap in the market for a reliable platform designed specifically for women to access health advice, manage conditions, and connect with services in one centralised place. Hazel aims to address gender bias and discrimination in the health system by providing an evidence-based, fact-driven resource where women can seek advice and insights from trusted medical specialists. The platform empowers users with greater autonomy over their health while offering a personalised database of information tailored to their unique experiences and health journeys.
Discover
Research
I explored the problem space by conducting interviews, performing an in-depth competitor analysis and surveying health service users. From the results using an affinity map, responses were grouped into themes. From these themes, we begin to see a clear visual representation of key insights and findings.
Define
After using my affinity map to assess user needs and in turn potential service functions, I designed two personas to guide our next steps and potential design decisions.
Personas
Journey Map
From Elle’s persona, a customer journey was mapped to visualise the steps, interactions and emotions she may experience when engaging with a medical service. This helped to identify any potential pain points or opportunities for improvement.
Develop
Ideation
By asking the question “How might we make seeking medical help a positive, trusted and enjoyable experience?" we began generating a range of solutions. This helped to inform our crazy 8 sketch ideas. We then each used ‘dot voting’ to select favourites from both ideation exercises.
Storyboard for ‘The Busy Bee’.
A storyboard was then created to depict a user’s usage of the Hazel Health app. This helped to map out a potential user's experience using our product, highlighting key interactions, emotions, and pain points. It helped further our understanding of the user’s needs and refine the experience before moving on to the development stage of the design process.
Card sorting and User Flows
After refining a list of key app functions, users used card sorting to organise information into key themes – resulting in three potential user flows. Following on from this using key app functions, two potential user flows were mapped out. This process was revised as the app design developed further.
Flow 01
Flow 02
Wireframing
Wireframes were created to outline the app's interface and functionality. Through further iterations, the 'Profile' icon was repositioned for easier access, and a new 'Clinic' feature was introduced to streamline bookings and centralise medical inquiries.
Wireframe Version 01
Wireframe Version 02
Deliver
UX/UI Standards & Brand
The Hazel app’s brand system and design elements were developed to create a cohesive and intuitive experience. The brand embraces a clean, friendly colour palette and highly accessible design features, ensuring clarity and inclusivity.
Wireframing
Following th establishment of our brand systems and elements, the first iteration of the wireframes were produced:
Usability Testing
The Hazel prototype was tested among four potential users to gain insights into potential improvements. Areas we tested included:
Observe how intuitively users navigate Hazel. Assess how easily users can find and access features or content. Does the navigation feel natural and straightforward, or are users struggling to locate what they need?
Assess how effective the visual hierarchy is. Evaluate whether Hazel’s design organises information in a logical and user-friendly way. Are key functions easy to find and interact with, and does the structure guide users effectively through their tasks?
Assess the information hierarchy. Determine if the arrangement of information makes sense to users. Are the most important pieces of content or features prioritised and easily accessible, or does the organisation feel cluttered or confusing?
Identify any pain points or areas of confusion. Uncover specific features or aspects where users encounter difficulties or experience frustration. Highlight where the design or functionality could be improved to provide a smoother user experience.
Feedback Implementation
Following the usability testing, a further iteration of the Hazel app was developed to reflect the feedback.
Update 01
While the use of colour to distinguish between AI versus human chats was seen as successful, some still found it unclear that the ‘Hazel‘ chat is AI. In this new iteration, the opening message has been altered to clearly communicate the Hazel Chat function as a virtual assistant. Additionally, a caution message appears below this, directing users to call Triple Zero in case of an emergency.
Update 02
Users found the functions of the icons unclear. To improve accessibility, text labels have been added to each icon in the navigation bar, making it easier to understand the purpose of each section.
Update 03
A rate and review section was added to encourage patient involvement, enhance satisfaction, and foster a sense of empowerment in the user’s health journey.
Update 04
The term ‘Medication’ wasn’t particularly well received when tested with potential users. People felt it was too restrictive, and did not encompass the many forms of routine care a patient may utilise throughout their lifetime. Updating the title to ‘Care’ helps communicate a more inclusive approach to treatment.
Final Prototype
View Figma protoype file here.
What’s next?
If I were to expand this project, the next phase would focus on refining and iterating the current designs through iterative learning. This process would involve conducting surveys and in-depth interviews with both patients and medical professionals who interact with the service. By gathering feedback, I would identify improvements and implement changes to enhance user experience, accessibility, and effectiveness.
What I learnt from this project
This project marked my first experience designing an app using the full end-to-end UX design process. Throughout the journey, I gained valuable expertise in UX research, explored new methodologies, and refined my testing techniques. This experience has significantly strengthened my skills in UX and UI design, equipping me with a broader and more advanced skill set.