UI/UX Wireframe

Booking & Scheduling Flow

UX approach — a running summary anchors the choice while service, calendar, and time-slots resolve in one uninterrupted flow, ending in a single confirmation.

Step 1

Choose a service

3 options
45 min
30 min
75 min

selected state = purple outline + check, so the active choice is unmistakable

Step 2

Pick a date & time

Timezone PT
March 2026
Times · Mar 12

calendar + slots side-by-side reduces steps — no separate screen to reach a time

clear availability states — greyed & struck-through days/slots read as closed, open ones as tappable

Step 3

Your details

4 fields

Cancellation policy — free changes up to 24 hours before your appointment. Later changes may incur a fee.

only essential fields — name & email required, everything else optional

confirmation = a single primary action, with the policy stated before commit