Choose a studio
Opening days differ per studio, so the calendar changes with the choice. One flow covers all of them.
Choose a service
Duration and price come from the service, so the summary always matches what was selected.
Pick a day
Only days where this programme actually runs are open. Fully booked days are closed.
Pick a time
Remaining places are shown per slot. A full slot cannot be selected.
Your details
On a live site this payload goes to the CRM and the calendar; nothing is sent from this demo.
- Studio
- —
- Service
- —
- Date and time
- —
- Duration
- —
- Price
- —
Booking confirmed
—
- Reference
- —
- Sent to
- —
On a live site this is the moment the record is created in the CRM, the slot is locked, the confirmation email goes out and the event lands in the calendar. The same payload can go to Zoho, a webhook or a spreadsheet.
One flow, not one link per studio
Adding a location or a service is a line of data, not another external scheduling link to maintain.
Availability is data, not decoration
Studio opening days and service rules decide what is selectable. Change the data, the interface follows.
Works on a phone first
One column, thumb-sized targets, no horizontal scroll. The same markup, no separate mobile build.