Help members understand what they are reserving and what happens to their balance.
Members need to understand a class, its remaining availability and the effect on their credits before reserving a place.
Booking & membership / Custom application
Loopclass
Make reservations simple and member credits clear.
A member booking app with day-by-day discovery, class details, reservations, waitlists and an understandable credit balance.
Puzinski’s contribution
Member experience design, responsive booking interfaces, reservation logic, capacity validation and a persistent credit ledger.
Inspect at full size ↗Loopclass / Class schedule / Desktop
Show the balance before confirmation, record credit movements and make cancellation a deliberate action that returns the place and credit once.
A useful fit for
Fitness studios, workshops, class-based businesses, membership programs and reservation products.
Implemented scopeThe work
The work
it brings together.
Members can reserve a place, see its credit cost and trace the effect of reservations and cancellations through a readable ledger.
- 01Day-by-day class discovery
- 02Instructor and class details
- 03Reservation confirmation
- 04Capacity and time-conflict rules
- 05Cancellation, waitlist and credit history
- Browse the schedule
- Review the class
- Confirm one credit
- Manage the reservation
The phone experienceA clear decision.
A clear decision.
At each step.
Show availability before confirmation, update the place and credit together, and retain a readable transaction history.
Understand the class
A focused detail view presents the instructor, format, timing and available place before the member continues.
Confirm the commitment
The confirmation shows the credit cost and resulting balance before the reservation is saved.
Cancel clearly
A specific confirmation explains the return of the place and the credit before cancellation.
Try the workflow
Explore Loopclass.
Enable JavaScript to try the browser walkthrough. The screens, scope and product decisions are available above.
Interactive walkthrough · changes stay on this device. Use sample details. “Reset walkthrough” clears this example’s progress.
The structure behind the interfaceConnected by
Connected by
design.
A reservation changes two scarce resources: a place in the class and a credit in the member account. Both need to stay consistent through retries and cancellations.
Member experience
Schedule, class details, confirmation, My classes and credit history.
Reservation rules
Capacity, available credits, duplicate protection and overlapping-session checks.
Account record
Reservations and cancellations create ledger entries whose sum reconciles with the current balance.
Observed acceptance checks
- Reserve the last available place
- Capacity and the member balance both decrease by one.
- Repeat a booking request
- The existing reservation does not consume a second credit.
- Cancel a reservation
- One place and one credit are returned once.
Product decisions & tools
- Availability before commitment
- Time, instructor, format, duration and remaining places are visible in the schedule and detail view.
- An explicit confirmation
- The member sees the credit cost and remaining balance before reserving. The confirmation is separate from casual browsing.
- A balance that can be explained
- Reservations and cancellations create ledger entries, so the current balance can be traced back to specific actions.
- Implementation
- React · TypeScript · Reservation state model · Credit ledger · PostgreSQL
A product built around your businessLet’s shape
Let’s shape
your first release.
Tell us the users, the key tasks, the existing tools and what a useful first version needs to do. We’ll clarify the scope, data, review points and delivery requirements.