Halcyon Pilates · demo brand

Prototype portal

Interactive front-end prototypes for the Zipper booking platform. Every screen is a self-contained React + Babel mock — payment fields and data are visual stand-ins. Each has a floating Studio settings cog to retune brand tokens live.

Multi-spot Booking & Events

2 prototypes

Multi-attendee class booking (book for family / guests, per-person payment, shared family-pack credits, spot selection) plus the embeddable events widget.

Multi Booking checkout

Collapsible stepper: your details → pick spots → choose how to pay → payment. Family / guest sub-flows, per-person tiers, shared family-pack credits. Newest

Events widget

Event list + detail with inline stepper checkout, ticket quantity, per-guest details, liability waiver.

Checkout flows

5 prototypes

Single-attendee checkout and confirmation screens. Start with the tabbed viewer to flip across all four with ← →.

All versions — tabbed viewer

Switch across Purchase, Booking, and both confirmation screens in one frame. Start here

Purchase

Pack / membership checkout. Two steps: details → payment.

Booking

Class / appointment booking. Three steps: details + waiver → tier → payment.

Confirmation — class

“You’re in!” headline with class details, share + book-another.

Confirmation — appointment

“You’re booked!” headline with appointment details.

Booking widgets

5 prototypes

Embeddable studio widgets — the building blocks a studio drops onto its site.

Class schedule

List / month switcher, filters, week nav, calendar grid.

Appointment

3-step booking: services → instructor / date / time + add-ons → confirmation.

Pricing

Memberships and class packs.

Account

Sign in (incl. Google) → member dashboard.

Events

Event list + detail.