Gritstone Yard app · Flow 02 · v3

Sign up and book a first class

Seven screens, six actions and five ways off the path, from opening the app to a confirmed place in a free intro class. For Kofi and Meera, ahead of sprint planning on Monday 23 November.

Designer
Lucia Ferrand
Updated
Thursday 19 November 2026
Status
Ready to build
Open questions
2, at the bottom
Create account Continue Code matches Agree and sign Pick a class Book free class 01STARTWelcomeLogo, one sentence,Create account, Log in 02Your detailsName, email, date ofbirth. One Continue. 03Email codeSix digits, sent tothe email from 02 04Safety waiverScroll to the end,then tick and sign 05Intro classesNext 14 days, soonestfirst, spaces shown 06Class detailsTime, coach, what tobring, spaces left 07ENDYou're bookedAdd to calendar,directions, cancel link ERROR · EMAIL TAKENOffer Log in, withthe email filled in ERROR · WRONG CODE3 tries or 10 min:send a new code STOP · UNDER 18A guardian signs atthe desk. Flow ends. EMPTY · NO CLASSESNone in 14 days: showa Notify me button ERROR · CLASS FULLOffer the waitlist,or go back to 05 Create account Continue Code matches Agree and sign Pick a class Book free class 01STARTWelcomeLogo, one sentence,Create account, Log in 02Your detailsName, email, date ofbirth. One Continue. 03Email codeSix digits, sent tothe email from 02 04Safety waiverScroll to the end,then tick and sign 05Intro classesNext 14 days, soonestfirst, spaces shown 06Class detailsTime, coach, what tobring, spaces left 07ENDYou're bookedAdd to calendar,directions, cancel link ERROR · EMAIL TAKENOffer Log in, withthe email filled in ERROR · WRONG CODE3 tries or 10 min:send a new code STOP · UNDER 18A guardian signs atthe desk. Flow ends. EMPTY · NO CLASSESNone in 14 days: showa Notify me button ERROR · CLASS FULLOffer the waitlist,or go back to 05

Screen by screen

01Welcome

Logo, one sentence about the gym, two buttons. Create account starts this flow. Log in leaves it.

Nothing here can fail.

02Your details

Name, email, date of birth. Check each field as the cursor leaves it and put the message under that field. Continue sends the code.

Email taken Say so in one line and offer Log in, with the email already filled in.

03Email code

Six boxes. Move on by itself when the sixth digit is right; there is no button.

Wrong code After 3 wrong tries, or 10 minutes, the code is dead. Offer “Send a new code”, at most once every 30 seconds.

04Safety waiver

The full text. Agree and sign stays grey until they have scrolled to the end.

Under 18 Worked out from the date of birth in 02. A guardian has to sign at the front desk. Keep the account, stop the flow.

05Intro classes

Free intro classes in the next 14 days, soonest first, each with its spaces left.

No classes One line and a “Notify me” button. Never an empty list.

06Class details

Time, coach, what to bring, spaces left. Book free class goes straight to 07, because the first class costs nothing.

Class full If the last place goes while they are reading, swap the button for “Join waitlist” and keep a link back to 05.

07You're booked

Add to calendar, directions, and a cancel link that is free up to 12 hours before the class.

Nothing here can fail.

On every screen

  • No connection: keep what they typed and show a retry bar. Never clear a field.
  • Back goes one screen back, except from 07, where it goes to 05.
  • Closed halfway: reopen at the first screen they haven't finished.

Still open

  1. Can someone under 18 browse classes before the guardian signs? Lucia thinks yes. Kofi to say what the account state allows.
  2. Do we cap the waitlist at 5 a class, or leave it open? Meera to decide before Monday.

Not in this flow

  • Log in and password reset (flow 01).
  • Paying for a second class (flow 04).
  • Changing or canceling a booking (flow 05).

Sample page. The names and numbers are made up.