Client: Huxley Medical App
Duration: 4 Weeks
Tools: Figma , Adobe Photoshop, Maze, Adobe Illustrator
Responsibilities: User research, UX & UI design, Prototyping, User Testing
Designed a clinical-grade iOS companion app for Huxley Medical's sleep diagnostic patch, enabling patients to onboard, pair their device, and track health vitals. The prototype was delivered for development handoff after two rounds of usability testing, with all critical navigation issues resolved.
Design a mobile app to accompany Huxley’s clinical sleep patch — enabling patients to complete medical intake forms, pair their device, track vitals status, and receive step-by-step usage guidance.
People who have been prescribed a home sleep test by their physician. Potential users can be from various age, sex, and race demographics, and with different levels of familiarity with smart phones and mobile applications.
Huxley Medical Inc. is developing a unique wearable diagnostic device for patients with sleep apnea. While many companies offer wearable technologies, there is no other similar product in the market. Given that the targeted user population includes seniors, the app needs to be very user friendly while providing range of clinical grade information.
A key challenge is to ensure that accurate and actionable clinical information regarding patient's health status is presented to user in an easy-to-understand format for a wide range of users.
Huxley Medical, Inc. develops and markets devices and algorithms that increase access to multiple disease diagnostics and treatments. One of the main components of Huxley’s development plan is creating a patient app that provides the users with the ability to interact with their device, provider, and customer support.
Wearable devices industry has experienced a rapid growth in the last few years. In particular, mobile apps designed for consumer-grade health tracking products such as smart watches provide the opportunity to understand the best practices when interacting with users.
Interviewing potential wearable device users was a critical first step in understanding their needs and pain points. During the screening process, it became clear that identifying users with prior clinical app experience — rather than consumer wearables — was a significant challenge, which shaped how I recruited participants and validated insights.
+ Sufficient information about the device's purpose and function is initially provided.
+ Clear and concise instructions are provided at each step of the device setup.
+ Instructions are available to the user at any time.
+ Dynamic illustrations are utilized to provide clear instructions.
+ The application shows a confirmation when a process is completed by user.
+ Use of visual graphs to provide users with a quick view of their health vitals.
Alberto's Needs:
- A step-by-step instructions for device pairing and use
- Use of illustrations to facilitate the necessary training
- Easy access to summary and details of collection data
- An intuitive form to enter medical history and demographics
Alberto's Frustrations:
- Long input information forms
- Too much unnecessary information
- Complicated and hard-to-follow instructions
Based On
- Persona's needs
- Competitor analysis
- Overall research findings
- Client's requirements
Mapped Features
- MUST-HAVE
- NICE-TO-HAVE
Through collaborative sessions with the client, I iterated on the roadmap features until we aligned on the overall application structure. I then organised these features and information flows into a formal application map. Locking in the information architecture at this stage provided a stable foundation to begin ideating on screen layouts and interaction patterns.
Main Categories:
- Measurements
- Summary
- Profile
- Alert
With the application structure defined, I mapped user flows for the critical task paths — focusing on three core questions: how a user completes a task, what the minimum required steps are, and what alternative actions are available at each decision point.
Combining the information structure summarized in the application map and specific task flows, I started creating design ideas to:
Drawing from Huxley’s brand identity, I developed a comprehensive UI kit to establish a consistent visual language across the app. The UI kit serves as both a design reference and a developer handoff tool — defining colour, typography, iconography, and component states. I revisited and refined it iteratively throughout the high-fidelity design phase to ensure full coverage of all interface elements.
Before moving to high-fidelity screens, I conducted usability testing on the wireframes to validate core functionality before committing to visual design. Testing at the wireframe stage allows users to evaluate interactions without the distraction of visual polish. Feedback was synthesised into an affinity map and prioritised through a decision matrix, which directly informed the iteration cycle and final design decisions.
To Do:
- Move profile icon to top right
- Add a scroll bar to vitals
- Make (X) larger
Nice to Revise:
- Make vitals clickable
- Adjust vital list sizes
+ Moved the profile icon to the top right
+ Added the Vitals title to be more recognizable
+ Added clickable arrow to make this section more like clickable feature
+ Added the scroll bar
+ Decreased the space between the sections to make it more clear the page is scrollable
+ Made the close(X) larger
The pilot app was successfully delivered to Huxley Medical, providing a fully functional design system and prototype ready for development handoff. The design addressed the core challenge of presenting clinical-grade health data in an accessible format for a broad user population — including seniors with varying levels of technology familiarity. This project deepened my ability to design within regulated healthcare constraints, balance clinical accuracy with usability, and navigate the complexity of working directly with medical stakeholders.
