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:

0

%

Monthly Active Users (MAU)

0

x

HealthGrade-related support inquiries

0

%

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

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:

0

%

Monthly Active Users (MAU)

0

x

HealthGrade-related support inquiries

0

%

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

Let's Collaborate

Let's talk about a project,
collaboration or an idea you may have

Let's Collaborate

Let's talk about a project,
collaboration or an idea you may have

Let's Collaborate

Let's talk about a project,
collaboration or an idea you may have

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

Let's Collaborate

Let's talk about a project,
collaboration or an idea you may have

Let's Collaborate

Let's talk about a project,
collaboration or an idea you may have