All work
Full-Stack · Product

Studio Class Booking Platform

A mobile-first class-booking product for boutique fitness studios: a live schedule, per-spot selection, and an automated waitlist that books the next person in line the instant someone cancels.

Visit live site
Studio Class Booking Platform, live product

What it does

Live schedule with per-spot selection and capacity
Automatic, transactional waitlist promotion on cancellations
Staff admin: class management, rosters, and check-in
Accounts, favorites, and class reminders

The challenge

Boutique studios run on small, fixed-capacity classes, so the booking experience has to feel instant on a phone and handle the messy parts, real capacity, spot choice, and a waitlist that actually does something when a spot frees up, without standing up a heavy scheduling suite.

Our approach

  1. 1

    Designed the whole flow mobile-first

    Landing, day-tabbed schedule, a numbered spot-selection grid, and an animated confirmation, all built for one-handed use with the calm, unhurried feel a wellness brand expects.

  2. 2

    Made the waitlist actually automatic

    Occupancy and waitlists live in Postgres, and a cancellation runs inside a single transaction: the freed spot and the promotion that fills it commit together, so the next person is booked instantly and never dropped into a spot that no longer exists.

  3. 3

    Built a real backend, not a mock

    A typed Next.js API over Prisma and Postgres backs accounts, bookings, a staff admin panel with rosters and check-in, favorites, and reminders, the seam where a demo becomes a product.

  4. 4

    Config-driven for many studios

    Every studio's name, brand color, and class list loads from one config, so a new location is a data change, not a rebuild.

The outcome

A production-deployed booking flow you can use end to end: reserve a spot, join a full class's waitlist, and watch a cancellation promote you in real time. One codebase serves multiple studios from config, with a staff admin side for managing classes and check-ins.

What you get

  • A deployed, mobile-first booking product
  • A typed Next.js + Prisma/Postgres backend
  • A staff admin panel and member accounts
  • Config-driven multi-studio support

From the build

Branded studio landing, built mobile-first
Branded studio landing, built mobile-first
Day-tabbed schedule with live spot availability
Day-tabbed schedule with live spot availability
Numbered spot-selection grid
Numbered spot-selection grid
Animated booking confirmation
Animated booking confirmation

Have a project like this in mind?

Tell us what you're trying to build. We'll scope it with you in a 30-minute call.