Vitals
A Health Measuring & Coaching ios App
Challenge
Expand a simple health measuring technology into a dynamic, valuable B2C product for daily users
Product Manager
UI/UX Designer
Roles
Data and information visualization
User retention and habits building
iOS app development
Product branding & onboarding
Personal Goals
Timeline
2 Months
UI/UX App design
Competitor analysis
Wireframe & prototyping
Data visualization & information architecture
App onboarding design
Responsbilities
Tools
Figma
HealthyPAI’s core mission is making healthcare accessible. The company develops camera-based vital-sign monitoring technology, turning any camera-equipped device into a contactless health-monitoring tool. Its software measures key health indicators without requiring wearables or additional hardware.
Product challenge:
Originally built as a B2B measurement tool, mostly embedded in services such as insurance platforms and taxi apps for driver health monitoring, the company now wants to launch a direct-to-consumer product (B2C) that could deliver value beyond a single health scan.
My role:
As a product manager and designer, my role a to discover user and market needs to adapt the technology into a valuable, standalone product for consumers. I helped transform the technology into a personal health companion that supports ongoing monitoring, clearer health insights, and healthier habits.
Project background
Process highlights
User & market Research
We have the technology, but how can we turn a tool into a valuable, consumer facing product?
I dived deep into user and market research: conducting interviews, collecting existing user feedback, and testing of the original product to understand users’ health goals, existing frictions and expectations
Discovering and understanding pain points
Through exploring our user database, reviews and interviews, we discovered two recurring barriers:
User journey mapping
Lack of trust: Users questioned the credibility of camera-based vital-sign measurements
Loss of motivation: Users saw little reason to scan regularly unless they are monitoring a condition or have an immediate health concern
what exactly caused these issues? We dived deeper into the problem
To understand where trust and motivation declined, I tested the original product and mapped the end-to-end user journey
Insights
Walking through every step, we found that:
Trust declined during the face scan
Unfamiliar measurement method
passive waiting period
limited system feedback
made users question how the technology worked.
Motivation declined post-gaining results
Users are overwhelmed by:
Complex data without enough interpretation
Lack of actionable guidance
Lack of long-term motivation
Through these insights, I mapped out the core needs at every touch point:
Competitive analysis
Next, to validate my findings from user journey analyses and uncover gaps in user needs and market opportunities, I explored how existing solutions approach core functionality and where our app can deliver greater value and maximize impact.
Key takeaways
Direct competitors: Capture health data but explain them poorly and few make efforts to build user habits.
Successful fitness/ wellbeing apps: puts heavy effort on functionalities on habit building and boosting motivation. However, they all rely on broader ecosystem or additional devices
User segment and prioritization
prioritization
Primary user segment: Proactive Health Monitors
Among the two user segments, I decided to prioritize this group for the initial consumer product for three main factors:
1. Greater unmet need
The existing measurement tool already supported condition managers’ immediate need to check and monitor known health risks. In contrast, Proactive users received little value beyond a one-time scan.
2. Stronger alignment with the product market gap
Their preventive goals aligned closely with the market gap in accessible vital-sign measurement with personalized wellness guidance and habit support.
3. Higher potential for repeat engagement
Features such as trend tracking, actionable insights, and habit formation could give proactive users an ongoing reason to return, even when they did not feel unwell.
Secondary user segment: Conditions Manager
I believe that this segment still remains valuable and their core unmet needs such as family sharing should remain a feature that the product should fulfill
Beyond common user pain points, two core user groups emerged:
The two groups approached health monitoring with different goals, highlight the two core product value: preventive wellness and condition-management needs
Ideation
Product goal:
Create an experience users could trust, act on, and return to.
Through user research, journey mapping, and market analysis, I broke down the key barriers of trust and motivation into two core parts of the product experience: 1. the face scanning experience and 2. post results experience
Synthesis
Mapping out the app architecture
After competitive research and clarifying my goals, I gained a clear idea of the main components of the app. I created a user flow map that lays out the structure, feature and content involved in each component, which was later further optimized to ensure objective of the app is achieved.
The summary: Provides an accessible, visual snapshot of health metrics, trends, and progress.
The Diary: Connects health data with daily actions, notes, and feelings to make insights more personal and comprehensible
Scan: The main portal to the vitals sign measuring technology and access to the health report
Action:Translates results into recommendations and provides habit tracking tool
Share : Helps users share updates and monitor the health of their trusted family and friends
Wireframing & Iterative design
Early end-to-end Mid fidelity wireframe
Iterative Design: Making the dashbaord clearer and more actionable
How might the home screen encourage repeat scans without overwhelming users?
A key challenge was improving the dashboard’s information hierarchy and data visualization to increase scan frequency and encourage users to act on their health insights.
Early versions presented too much information at once, making the primary action and key trends difficult to identify. Through iterative wireframing, I reorganized the dashboard around three priorities:
Make scanning immediately accessible with a prominent scan entry point.
Make health trends easier to understand by emphasizing clear visual patterns over isolated daily metrics.
Maintain momentum through visible goals and progress tracking.
With the product structure defined, I created mid-fidelity flows to test whether users could easily begin a scan, understand their health, and identify what to do next.
The final dashboard balances clear, actionable health information with consistent calls to action.
Introducing my Solution
App branding Through Storytelling
Beyond focusing on functionality, I also paid attention into creating a cohesive app identity.Specifically, my design choices are driven by the goal of enhancing app credibility impression while creating a comfortable user experience.
I took aesthetic inspiration from high credibility platforms like Health/hospital and Banking websites and apps. Additionally, to capture our primary user segment, the proactive monitors, who are often young and health contious, I made sure the style feels young and refreshing.
High-Fidelity Interfaces
The face scanning interface
Improving credibility & user engagement through a physical health Scanning experience
Home page
Boosting User motivation & retention:
Emphasize health progress and habit goal display to create a rewarding experience that encourages consistent health monitoring.
Accessible Information Architecture: Overwhelming data also discourage users!
The information architecture is constructed to give a clear, simple overview of user’s health progression and highlight abnormal values.
Health Diary
To further motivate users, fostering a personal connection is key.
The Diary feature enables users to link their real-life experience and activities with their health data, enhancing user-app interaction.
I designed widgets to further drive user retention and motivation through showing urgency and sense of progress.
Widget Design
Clear and comprehensible Health Report
The original B-type product displayed vital signs in list form, the long scrolling makes data overwhelming and hard to grasp quickly.
To streamline data comprehension, I optimized the system to a data table where users can gain a clear overview of their vital signs and linked them to secondary pages that offers deeper insights.
The Action feature: Forming User Habit
One main feature of the app that differs it from the B-End product is the Action feature, we are making a product that is beyond a static tool, but an interactive experience.
In order to form user habit and retention, we want to take health monitoring one step further from enabling users to simply understanding the data, but actually make actions for them.
Suggestions and actions are provided throughout the interfaces in direct relation to user’s health data, offering a more personal experience.
Designing the product launch
As part of the end-to-end product development process, I also designed the new user onboarding process - it is the first impression user makes on the app and it builds the initial understanding of what the product is for!
The goals is to communicate the product’s value quickly and show that HealthyPAI offers more than a one-time health scan.
ACQUISITION: App store description
Activation: New user onboarding
Because camera-based measurement is unfamiliar to many first time users, onboarding is essential in explaining the technology clearly, setting clear expectations, and building confidence before the first scan.
Reflection!
Conduct more testing and interations of design after the product is fully built
Explore further in depth on how to build long term product growth
Wishes
Takeaways
As a product manager:
It’s important to come back to user experience and dive deep to discover the root of user painpoints
Product manager’s role is not just solving expressed user needs but also uncovering and delivering hidden value users didn’t know to ask for
As a product designer:
Creating a clear sense of progress and reward is key to driving user motivation and retention
Data is only meaningful to users when their indications are showned
Optimize information on a single page, too much information will immediately overwhelm and demotivate users
Small interaction improvements can make big impacts on trust building and make technology feel more personal:)
Keeping key product and business objectives in mind is important when making all design decisions from function hierarchy to visual interface design