UI/UX Wireframe

Mobile Fitness & Health App

Low-fidelity flow — progressive onboarding into a single-focus daily dashboard and a task-oriented workout detail. Thumb-first, one primary action per screen.

Heading bar Body text bar Structural block / image placeholder Accent — primary action / focal metric — — — Dashed = UX annotation
Pulse
A / 01 Onboarding · Welcome First launch — brand, promise, one clear entry point.
UX notes

Progressive onboarding — 3 steps, dots show progress

Single primary CTA seated in the thumb zone

Good morning
MON · JUN 30
Daily move goal
6,204 Steps
720 Cals
7h 20 Sleep
Today's workout
Recent activity
B / 02 Home · Today Daily hub — glanceable status above the fold, deeper lists below.
UX notes

Single focal metric — the ring answers "am I on track?"

Bottom nav ≤ 5 items, current tab in accent

32 MIN · INTERMEDIATE · 5 MOVES
Exercises
×12
×15
45s
×10
45s
C / 03 Workout · Detail Task screen — scan the plan, then commit with one action.
UX notes

Primary CTA docked in the thumb zone, always reachable

Persistent back button + tab bar keep escape routes clear