We do not have client case studies to show, so instead of borrowing someone else's work we drew these concepts. Each one is a direction for a fictional business, chosen to show how the booking flow changes with the type of service. The screens are drawn in code for this page; the names and addresses are invented.
Six concepts, six kinds of booking
-
Salon and beauty: Linden & Loom Studio
The booking flow starts with the service menu, grouped into cuts, colour and treatments, each with a duration and a starting price. The customer then picks a stylist or "first available". Colour services over two hours carry a deposit, and the policy sits above the payment button in two plain sentences.
Illustrative concept, fictional business -
Health and wellness: Northfern Physio and Yoga
Two paths from the first screen: new patients book an assessment, returning patients book a follow-up. The form asks for a name, contact details and a time, nothing clinical. Reminders mention the clinic and the time, not the treatment. Yoga classes use capacity and a waitlist.
Illustrative concept, fictional business -
Fitness and training: Ironpine Training
A weekly timetable with filters for coach and class type. Each class shows whether places remain, and a full class offers the waitlist or the next session with space. Class packs are explained before purchase, including how late cancellations draw down a pack.
Illustrative concept, fictional business -
Consulting: Harbourline Advisory
Video calls with clients across Canada. Times appear in the visitor's own zone with the zone named, a short pre-call questionnaire follows the booking and the confirmation carries the call link and a calendar file with the correct zone. Paid sessions use a hosted payment page.
Illustrative concept, fictional business -
Home services: Tidegate Home Care
A postal code check comes first, so people outside the service area find out before choosing a time. Bookings use morning and afternoon arrival windows rather than exact times, and larger jobs switch to a request-a-quote path instead of instant booking.
Illustrative concept, fictional business -
Clinic: Maplestone Massage Therapy
Customers choose a treatment length and a therapist. Therapist profiles show only details the clinic provides and can verify. Two therapists share one room, so the booking rules block the room as well as the person, and a test week confirms they never overlap.
Illustrative concept, fictional business
What the concepts have in common
- Prices include any mandatory fees when first shown1.
- Forms collect only what the booking needs2.
- The booking path works with a keyboard and screen reader, following the W3C date picker pattern3.
- Confirmations and reminders stay about the booking and include a change link.
- Times carry a named time zone wherever a customer could be elsewhere.
See a working calendar
The concepts are static drawings. To try a keyboard-accessible calendar and time picker, open the booking demo. It is a demonstration only and books nothing.
Sources
Checked on November 3, 2026.
- Drip pricing. Competition Bureau Canada, modified August 24, 2026. (regulator)
- PIPEDA Fair Information Principle 4 - Limiting Collection. Office of the Privacy Commissioner of Canada, modified August 13, 2020. (regulator)
- Date Picker Dialog Example. W3C Web Accessibility Initiative, ARIA Authoring Practices Guide. (standards body)