Skip to content

User Journey

This page traces a customer's path through the app—from creating an account to walking through the door with their access code. Understanding this flow helps when troubleshooting issues or explaining the experience to someone new.

Creating an Account

Before customers can book, they need an account. There are two paths:

Self-registration

Most customers sign up themselves at /auth:

  1. Choose a sign-in method (Google, Apple, or email/password)
  2. Enter their name, email, and phone number
  3. Verify their email (if using email/password)
  4. Complete their profile if any required fields are missing

Staff-created accounts

Sometimes staff create accounts for customers—when onboarding someone in person or setting up a VIP. See Creating an Account in the Staff Guide.

The customer receives a setup email with a link to set their password and confirm their details.

Finding a Studio

Once signed in, customers browse what's available:

  1. Start at /locations — See all locations on a map or grid
  2. Pick a location — Click through to see what's available there
  3. Pick a resource — View a specific studio's specs, photos, and pricing

The resource detail page (/resources/[id]) is where booking happens.

Booking an Hourly Studio

Booking happens through a modal on the resource page:

  1. Click Book — Opens the booking interface
  2. Select date and time — Calendar shows available slots
  3. Add to cart — Can add multiple sessions before checkout
  4. Choose payment — Credits or card

Paying with credits

If the customer has enough credits, they can pay instantly:

  1. Select "Pay with Credits"
  2. Credits are deducted immediately
  3. Reservation is confirmed
  4. Redirected to confirmation page

Paying with card

Card payments go through Stripe checkout:

  1. Select "Pay with Card"
  2. Redirected to checkout page
  3. Enter payment details
  4. Confirm payment
  5. Redirected to confirmation page

After Booking

The confirmation page shows everything the customer needs:

  • What they booked — Studio name, date, time, location
  • Confirmation code — For their records
  • Access code — The PIN to enter the building
  • Add to calendar — Download an ICS file

Customers can also find their reservations anytime at /account/overview.

About access codes: The code appears within 15 minutes of the reservation start time. Before that window, they'll see a message saying the code isn't available yet.

Monthly Studios

Monthly studio subscriptions work differently—they set up a recurring Stripe subscription rather than a one-time payment. This flow is being documented separately.