Translating health data into trusted financial incentives
HealthTech · FinTech
Data Visualization




Overview
As HealthGrade evolved from a startup tool into a core financial‑health platform serving hundreds of thousands of users, its fragmented UI and unclear health scoring logic limited user trust. What began as a lightweight redesign soon grew into a full‑scale product transformation. As Lead Product Designer, I led the end‑to‑end revamp — defining design principles, re‑architecting the data experience, and creating a scalable system that clarified complex medical data and aligned teams around a shared design language. The redesign directly improved comprehension and retention metrics across the platform.
Role
Lead Product Designer
Team
Product Designer
Engineering Team
Responsibilities
UX Design
UX Research
Information Architecture
Timeline
6 Months
Challenge
Users struggled to trust and understand their HealthGrade scores, which affected engagement with insurance products.
Opportunity
Simplify complex health data and redesign HealthGrade into a transparent, motivational experience that builds user trust and drives smarter financial decisions.
Impact
3 years in this company
Increased User base
by 10,000 X


6 months in this project:
↑
%
Monthly Active Users (MAU)
↓
x
HealthGrade-related support inquiries
↓
%
Dropout rate during HealthGrade calculation
Solution
01
At-a-glance HealthGrade
I simplified complex health data with clear visuals and intuitive layouts.
02
Transparent HealthGrade
I built trust by making HealthGrade calculations fully transparent and accessible.
03
Pleasant Loading Experience
I created an engaging calculation process with meaningful animations and feedback.
Journey to find an answer
Design Process


Collaboration across teams
with Designers
Co-designed flows, refined components, and balanced visual consistency across screens.
with Developers
Synced weekly to verify logic, data flow, and prototype feasibility.
with Legal & Security
Checked UX writing and visuals for compliance with privacy and insurance regulations.
with Insurers
Collected feedback and resolved usability and regulation issues to align product goals.
HMW question
How might we make HealthGrade more understandable for new users while maintaining credibility as a financial indicator?
Research & Problem
Through UI diagnostic testing with 30 participants..
I found that users dropped off due to complex terms, unclear scores, and slow processing.



1. Complex terms
'Medical terms are too complex. I can't understand my health status.'
2. Unclear scores
'I don't understand how this score was calculated. Can I really trust it?'
3. Slow processing
'Why does grade calculation take so long? I left the app while waiting.'
UX Strategy
1. Making Health Grades Clear
Hypothesis
Strategy
Medical jargon and unclear scoring methods → Eroded trust in HealthGrades
Simplify medical terms and visualize score calculations → Enhance transparency and user understanding






2. Transparent HealthGrade System
Hypothesis
Strategy
Users couldn’t understand how their HealthGrade was calculated, leading to mistrust and disengagement.
Build a clear, visual breakdown of HealthGrade calculations to enhance transparency and trust.




3. Pleasant HealthGrade Calculation
Hypothesis
Strategy
The progress bar and lack of engaging feedback during grade calculation caused user drop off.
Introduce animations and interactive content to create a pleasant and engaging calculation experience.


Design Accessibility


Takeaway




⚙️ Design System Evolution
Successfully implemented new design system with significant improvements
💡 Key Insights
Importance of content prioritization
Adaptability in deployment strategy
👬 Team Collaboration
Strong cross-functional communication and teamwork throughout the project
📊 Business Impact
Balanced user needs with business constraints in phased rollout
Next Project
Overview
As HealthGrade evolved from a startup tool into a core financial‑health platform serving hundreds of thousands of users, its fragmented UI and unclear health scoring logic limited user trust. What began as a lightweight redesign soon grew into a full‑scale product transformation. As Lead Product Designer, I led the end‑to‑end revamp — defining design principles, re‑architecting the data experience, and creating a scalable system that clarified complex medical data and aligned teams around a shared design language. The redesign directly improved comprehension and retention metrics across the platform.
Role
Lead Product Designer
Team
Product Designer
Engineering Team
Responsibilities
UX Design
UX Research
Information Architecture
Timeline
6 Months
Challenge
Users struggled to trust and understand their HealthGrade scores, which affected engagement with insurance products.
Opportunity
Simplify complex health data and redesign HealthGrade into a transparent, motivational experience that builds user trust and drives smarter financial decisions.
Impact
3 years in this company
Increased User base
by 10,000 X


6 months in this project:
↑
%
Monthly Active Users (MAU)
↓
x
HealthGrade-related support inquiries
↓
%
Dropout rate during HealthGrade calculation
Solution
01
At-a-glance HealthGrade
I simplified complex health data with clear visuals and intuitive layouts.
02
Transparent HealthGrade
I built trust by making HealthGrade calculations fully transparent and accessible.
03
Pleasant Loading Experience
I created an engaging calculation process with meaningful animations and feedback.
Journey to find an answer
Design Process


Collaboration across teams
with Designers
Co-designed flows, refined components, and balanced visual consistency across screens.
with Developers
Synced weekly to verify logic, data flow, and prototype feasibility.
with Legal & Security
Checked UX writing and visuals for compliance with privacy and insurance regulations.
with Insurers
Collected feedback and resolved usability and regulation issues to align product goals.
HMW question
How might we make HealthGrade more understandable for new users while maintaining credibility as a financial indicator?
Research & Problem
Through UI diagnostic testing with 30 participants..
I found that users dropped off due to complex terms, unclear scores, and slow processing.


1. Complex terms
'Medical terms are too complex. I can't understand my health status.'
2. Unclear scores
'I don't understand how this score was calculated. Can I really trust it?'
3. Slow processing
'Why does grade calculation take so long? I left the app while waiting.'
UX Strategy
1. Making Health Grades Clear
Hypothesis
Strategy
Medical jargon and unclear scoring methods → Eroded trust in HealthGrades
Simplify medical terms and visualize score calculations → Enhance transparency and user understanding






2. Transparent HealthGrade System
Hypothesis
Strategy
Users couldn’t understand how their HealthGrade was calculated, leading to mistrust and disengagement.
Build a clear, visual breakdown of HealthGrade calculations to enhance transparency and trust.




3. Pleasant HealthGrade Calculation
Hypothesis
Strategy
The progress bar and lack of engaging feedback during grade calculation caused user drop off.
Introduce animations and interactive content to create a pleasant and engaging calculation experience.


Design Accessibility


Takeaway




⚙️ Design System Evolution
Successfully implemented new design system with significant improvements
💡 Key Insights
Importance of content prioritization
Adaptability in deployment strategy
👬 Team Collaboration
Strong cross-functional communication and teamwork throughout the project
📊 Business Impact
Balanced user needs with business constraints in phased rollout





