Health Signals: Data Visualization
A visual exploration of a data visualization mobile health UI, focused on hierarchy, layout, and motion polish.

Industry
Timeline
Scope
Tools
Workflow
My process for quick ideation + design:
1
Getting inspo
Studied Oura-style patterns like soft gradients, calm charts, and card rhythm, then defined a tight visual system (one accent color, predictable spacing, readable type)
2
Design Iteration
Used Figma Make to generate fast layout directions, then refined in Figma to enforce hierarchy, component and consistency
3
Motion Polish
Added subtle transitions, card lift, chart easing to elevate perceived quality without distracting from the data
4
Voila!
Finalized the three screens as a compact visual demo that still reflects real product constraints.
Final UI Concept
Snapshot
A daily view that surfaces wear time, key metrics, and a trend view, designed for a quick glance
Deep Dive
An in-depth view that adds context around the numbers, activity, mood, and progress toward goals
Weekly Summary
A scannable weekly overview and shows events for quick follow-up.