Sunmarra Studio · Build notes · Concept demo

Everything a studio can run from one system

The room fills with light, then with people — and the owner watches it happen from one board.

FitnessReformer pilates & yoga studio — booking and the class boardConcept demo

A concept demo for visual reference only — I don't use fixed templates. Your system is designed and built custom for your studio; use this to picture how yours could work and grab the ideas you like.

The problem

Where it hurts — and how it's fixed

Sunmarra Studio is a fictional reformer pilates and yoga studio in Naples, Florida. The demo opens on the room at sunrise and the light comes up as you scroll; below it, this week's classes each carry a ring of spots left. Book one — the ring fills. Join a full class's waitlist — when a spot opens, you move in. Below the schedule the studio's site goes on — the method, the four coaches, the room, three memberships named and never priced, what members say (invented, and it says so). Then switch to the board: the same week from the studio's side, the waitlist promoting itself, and yesterday's no-shows recovered with one drafted message.

Bookings arrive as Instagram DMs and texts; the coach counts heads at the door and somebody is always turned away or teaching to half a room.

A schedule that shows the spots left on every class, books in two taps, and keeps a waitlist the moment a class is full.

Every class shows what it has; every full class keeps its demand.

Someone cancels an hour before and the spot stays empty — the people who wanted it never hear.

The first person on the waitlist moves in automatically, and both sides see it: the member's card says you're in, the board says still full.

A cancellation is a refill, not a loss.

Three no-shows a day is a paid-for room with empty reformers, and nobody has time to chase them.

Yesterday's no-shows listed with the class they missed; one tap drafts the recovery message with the next open spot already in it.

The empty spot gets a second chance the same morning.

The toolbox

Everything your studio can run here

Everything in this demo is interactive — here's what your studio can run from one system.

Live in this demo

This week: seven days, four classes a day, each with a ring of spots left; book in two taps or join the waitlist.

Live in this demo

A booking sheet with the coach, the length, what to bring and one confirm button.

Live in this demo

The studio's full site under the schedule: the method, the coaches, the room, memberships without prices, member quotes, hours and address.

Live in this demo

The board: the same week as fill bars, three numbers that are the three pillars, and a simulated cancellation to watch the waitlist refill a class.

Live in this demo

Yesterday's no-shows with a one-tap recovery message, drafted on screen.

Live in this demo

A front-desk assistant that answers from this week's schedule, coaches and spots.

Built to grow

What this system is built to grow

Grow revenue

Classes that fill from a schedule everyone can see; a waitlist that keeps the demand a full class would otherwise lose.

Recover time

Two taps to book, no DM thread to answer, no head count at the door.

Protect profit

A cancelled spot refills itself; a no-show gets a recovery message in one tap instead of a silent empty reformer.

Under the hood

What I actually engineered

One state, two views

The member's schedule and the studio's board read and write the same week — a booking on one side moves the numbers on the other, and a waitlist promotion shows up in both.

A scene under three gates

The room fills with light as you scroll: one photograph, one custom property per frame, the decorative layers absent from the page until the hero is near and gone when it leaves, nothing on a slow connection, and a still composition under reduced motion.

Honest states on screen

The cancellation is a labelled simulation, the recovery message is drafted on screen and never sent, and the reply that lands is marked as simulated.

Build notes

Honest about what's real

Built with

ReactNext.jsTypeScript

What it runs

Member schedule + studio board over one in-session stateGrounded AI front desk — answers only from the seeded weekConcept build — no sign-in, payments, messaging or database connected

Simulated in this demo

  • The studio, coaches, members and week are invented; the week is dated from the day you open it. Nothing saves — reload and it resets.
  • "Simulate a cancellation" is a button, the recovery text is drafted only, and the YES that comes back is a simulated reply. No message leaves the page.
  • Memberships and prices are not shown — a real studio sets its own.

Wired up in production

  • Member sign-in, a database behind the schedule, bookings and waitlists, and the studio's own website reading the same classes live.
  • Real waitlist promotion by text or email, recovery messages sent through the studio's own number, memberships and class packs through an approved payment provider.

Concept demo only. Sunmarra Studio is a fictional studio — its coaches, members, classes and numbers are invented, and it is not a client project. The photographs are five WebPs — the hero is 57 KB on a phone, 258 KB on a desktop — and the scene is CSS on top of the first. The demo is in English.

Custom-built for your studio

No fixed templates here — every build is designed from scratch around your studio. Use this demo as a visual reference: picture how yours could work and grab the ideas you like. Then I build yours around your brand, your services, and the way you actually work — launched fast and priced fairly because the hard engineering is already solved.

NEXT STEP

Want this for your studio?

Choose the tools, send a scoped quote request, and get the right build priced after review.

Start your project