Context
The fitness tracking market is saturated with apps that dump data on users without context. Our client — a health-tech startup with novel biometric sensors — needed an interface that could translate complex health signals into actionable, emotionally resonant insights.
Discovery Phase
We conducted a 4-week ethnographic study, shadowing 15 participants in their daily routines. The most significant finding contradicted common assumptions:
Users don’t want to see more data. They want to see the right data at the right moment.
User Archetypes
Three distinct behavioral patterns emerged:
- The Optimizer — wants granular control and raw numbers
- The Maintainer — wants reassurance that they’re on track
- The Explorer — wants to discover patterns they didn’t know existed
Rather than building three separate experiences, we designed an adaptive UI that shifts emphasis based on usage patterns.
Step Counter Prototype
Early in the process, we prototyped a brutalist step-counter concept. The raw aesthetic tested well with the “Optimizer” archetype — they liked the directness:
Interactive Component — Brutalist Counter
Design System
Adaptive Cards
The core UI primitive is a “health card” — a contained unit of information that can expand, collapse, reorder, and change visual emphasis based on context and user behavior.
Widget Layout Exploration
We explored letting users spatially arrange their health widgets. Try dragging the element below — this is the same interaction model we used for the customizable dashboard:
Interactive Component — Drag the widget
Data Visualization
We rejected traditional line charts in favor of organic, radial visualizations. Health is cyclical — sleep, energy, recovery — and the visual language should reflect that.
Color encodes meaning:
- Warm tones (amber → coral) indicate areas needing attention
- Cool tones (teal → blue) indicate healthy ranges
- Neutral (zinc) for informational context
Results
- 92% daily active user retention at 90 days (industry avg: 34%)
- 4.7★ average App Store rating
- Acquired by a major health platform within 18 months
This is a template case study. Replace with your actual project work.