Interactive sample / Appointment booking
A booking flow with breathing room.
Create a fictional booking, then try rescheduling or cancelling it. Each change stays in this page; no real calendar is connected.
Make room for a little self-care.
Fictional Metro Vancouver studio · Prices in CAD. Hair services have 5% GST and are PST-exempt; the summary shows each tax separately. All times represent Vancouver studio time.
Next 30 days · Closed Sundays in this demo.
Choose a time
Your demo client is Alex. No contact details are needed to try this flow.
What this demonstrates
Service and staff choices update the fictional availability. After creating a sample booking, try another time or cancel it. The current booking remains visible during a reschedule and changes only after the new selection passes availability checks. Cancelling has a separate review step.
For your business
A production version would use the business’s actual calendar, opening hours, service durations and booking policies. Confirmation, deposits, reminders, rescheduling and cancellation policies would be scoped and tested with the chosen booking platform.
Start with calendar and booking-policy requirements.
Prepare a booking project brief