Healthfy Dashboard
How a consumer health app lifted daily use 31% and cut missed medication doses 42%.
A consumer health-monitoring web app that turns scattered vitals, lab reports, and reminders into one calm, physician-grade daily overview — built to make people feel in control of their health and act on it every day.
Tonight · May 25, 2025
Good evening, Alex
A quick look before you wind down.
Today, 8:30 AM
Today, 8:30 AM
Today, 7:45 AM
Tonight, 9:10 PM
May 25, 7:30 AM
Health Trends
Each vital on its own scale — nothing gets flattened by another metric's range.
60–100 bpm normal range
90/60–120/80 normal range
70–140 mg/dL normal range
95–100% normal range
Ready to wind down
Resting heart rate is trending well tonight.
Health Score
Good — you're doing great
- Activity88/100
- Sleep82/100
- Nutrition84/100
What the web application does
Six core capabilities turn fragmented health data into one calm, browser-based daily overview — designed for reassurance first, action second.
Time-aware vital cards
SpO₂, blood pressure, blood sugar, heart rate, and weight each on a card with today's reading, a normal-range badge, and the exact timestamp — so users know at a glance what's fresh and what's from this morning.
Per-vital trend charts
Each vital gets its own sparkline on its own scale, so heart rate never gets flattened by blood-sugar's range. Every card shows the current value and the clinical normal range beneath.
Composite health score
A single 0–100 arc blends vitals, activity, sleep, and nutrition into one motivating number — with Activity, Sleep, and Nutrition sub-scores that show which lever to pull tomorrow.
Wind-down mode
In the evening the app dims its palette, softens motion, hides high-effort prompts, and surfaces a single reassuring insight — matching the user's real energy at 9pm instead of shouting like a fitness tracker.
Medication reminders
Prescriptions surface with dosage and timing tied to meals, and reminders fire at the right moment of day to keep adherence high.
Normal ranges everywhere
Every metric shows its clinical reference range and a plain-language definition, so users self-assess safely without spiraling into anxiety.
The Challenge
People manage their health across a hospital portal, a pharmacy app, a fitness tracker, and paper lab reports. Nothing talks to anything else, so trends stay invisible, medication reminders get lost, and early warning signs slip through. Engagement decayed within weeks because the effort of assembling the picture outweighed the reassurance of seeing it.
What We Learned
Interviews with people managing chronic conditions surfaced two needs: instant reassurance — 'am I okay today?' — and gentle nudges toward better habits. Raw numbers caused anxiety; context, normal ranges, and plain-language status turned the same data into confidence. Tone was a product requirement, not a copy decision.
The Strategy
Design for a daily glance and an occasional deep review, and build it as a responsive web app so both fit: a single-screen overview on the phone, a chart-dense review on a large screen, no install, instant sync across devices and family members. A calming clinical-but-warm language carries it — a fixed sidebar per health domain, live vital cards with sparklines and status, a composite health-score gauge, and a Today summary of steps, calories, sleep, and water.
How It Was Built
Trends compute across 7–90 days and every vital is classified against clinical reference ranges. A recommendations engine reads the combined picture — vitals, activity, sleep, adherence — and writes plain-language guidance, while medication reminders fire at the right time of day, tied to meals. Semantic colour (success green, watch amber) carries meaning without alarm.
The Impact
Daily active use rose 31% as the single-screen overview became a morning habit, missed medication doses dropped 42% through timed reminders, and users held an average health score of 85. Out-of-range vitals were flagged earlier, prompting checkups that would previously have waited for a symptom.
What I Carry Forward
In consumer health, tone is a feature: the same number reads as frightening or reassuring depending on framing. Showing normal ranges, using calm colour semantics, and pairing every metric with a next step turns raw telemetry into sustained behaviour.
Behind the work
My scope, the guardrails I worked inside, what the research changed, and how the work travelled from sketch to production.
My role & scope
End-to-end designer: interviews with people managing chronic conditions, the daily-glance IA, the vitals and health-score system, tone and content design, plus the responsive component set and night mode.
Constraints & guardrails
- Clinical accuracy — every reference range signed off by a medical advisor.
- No install: a responsive web app had to serve both phone glance and desktop review.
- Health data sensitivity limited what could appear on shared or locked screens.
- Small team, no native development capacity.
What research changed
- Interviews surfaced one dominant daily question: 'am I okay today?' — everything else was secondary.
- Raw numbers without ranges triggered anxiety in testing; the same value with context read as reassurance.
- Retention analysis: engagement decayed within weeks when the app asked for more input than it returned.
The pivot
The first concept was a data-rich charting dashboard. It tested as stressful and effortful, so we inverted it: one calm answer-first overview, with the dense charts moved to an occasional deep-review layer.
UX metric → business impact
Sketches of the morning-glance screen and card-sorting of health domains with eight participants.
Prototype with status colour semantics, empty and no-data states, and contrast checks in both themes.
Responsive dashboard with live vital cards, sparklines, health-score gauge and night mode.
Retrospective
Run a longer diary study — four weeks of real use would have tested habit formation better than lab sessions.
In consumer health, tone is a feature. The same number reassures or frightens depending on framing, so content design belongs in the interface spec.
“People stopped opening four apps in the morning. One screen answers the only question they actually have: am I okay today?”