Playlist App

Prototypes

Playlist demo

Launch, sign up, then Search and Bookings in one flow.

  • Purchase drop-ins and class packs from venue or class detail checkout
  • Book and cancel with pack visit returns
  • See upcoming bookings in Bookings tab
Booking Flow v8

Forked from Playlist demo — search and booking only, no launch or login.

  • Opens in-app on Search
  • Removes iOS home, welcome, sign-in, and sign-up
  • No desktop hover states on buttons — press only, like iOS
Booking Flow v7

Forked from Booking Flow v6 to restore the class-detail booking footer.

  • Class footer shows date, time, price, and instructor
  • Reserved class cards hide the drop-in price
  • Active packs hide class and footer prices until visits are used up
  • Packs can only be redeemed at the studio they were purchased from
  • Pack terms read "Expires in 6 months"
  • Bookings tab sorts reservations earliest to latest
  • Class detail date follows the selected schedule day
  • Default drop-in price is $40
Booking Flow v6

Forked from Booking Flow v5 and rebuilt on the shared Playlist design system.

  • UI Updates for booking flow
Sign Up Flow v2

Forked from v1 to update the login designs.

  • Starts on the iOS home screen — tapping the Playlist icon opens the app
  • Welcome screen rebuilt around a scattered photo collage
  • Legal copy, hairline divider, and "Use your Playlist or ClassPass login" above the CTAs
  • Actions reduced to "Continue" and "Create an account"
Sign Up Flow v1

Sign-up flow for MVP.

  • Welcome screen with Playlist wordmark and legal copy
  • ClassPass sign-in screen (Apple/Google, email + password) with iOS push transition
  • Sign up with Playlist form (name, email, ClassPass account notice)
Booking Flow v5

Forked from v5 for the next round of iteration.

  • Updated modal UX to push transition
  • Updated class detail schedule card to list view
  • Updated booking card footer UI
  • Added image gallery view for venue and class detail
Booking Flow v4

Figma-aligned venue list cards and unified review cards.

  • Review cards unified across carousel + Reviews tab in venue and class detail
  • Class-detail time picker strictly mirrors venue Schedule
  • Available today label now reads "time · date · duration"
Booking Flow v3

New design exploration leading with schedule for venue detail.

  • Structural tab changes
Booking Flow v2

Updated class detail design.

  • New class detail hero header
  • Added checkout UI
Booking Flow v1

Venue detail modal with schedule, reviews, and class detail modal for booking flow.

Search v3

Added a global X button to clear results in the main search bar.

  • Added "Search this area" button UX when moving the map
  • Included "Mapped area" search field text
Search v2

Double search input UX similar to ClassPass. Added back button on main search input to navigate back to search.

Search v1

iOS 26 bottom search input pattern exploration for keyword and location search.