Web Onboarding in ClassPass

Watch a recorded Onboarding flow inside ClassPass on desktop web. Every screen and interaction is captured step by step — see exactly how ClassPass designs the Onboarding experience for web users.

Health & Fitness

ClassPass is a flexible fitness and wellness platform that grants access to thousands of gyms, fitness classes, and wellness experiences worldwide. From yoga and strength training to spa treatments, it offers a diverse range of options to suit any lifestyle. With easy booking and customizable memberships, ClassPass makes it convenient to prioritize health and self-care.

Save
download icon Download all screens
Showing 16 Flows
Video preview
In this video
  • Homepage
  • Next
  • Continue
  • Enter email
  • Get started
  • Set password
  • Continue
  • Enter name
  • Continue
  • Enter phone number
  • Continue
  • Verify phone number
  • Add payment method
  • Continue
  • Download the app
  • Account menu
  • Account
  • Add personal info
  • Add address
  • Billing
  • Home
  • Filter
  • Continue
Onboarding 25 Screens
Onboarding screenshot
Homepage
Onboarding screenshot
Next
Onboarding screenshot
Continue
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Enter email
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Get started
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Set password
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Continue
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Enter name
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Continue
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Enter phone number
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Continue
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Verify phone number
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Add payment method
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Continue
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Download the app
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Account menu
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Account
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Add personal info
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Add address
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Billing
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Home
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Filter
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Continue
Unlock 16 hidden flows

Log In or Sign Up to See All
ClassPass Flows

  • Homepage
  • Next
  • Continue
  • Enter email
  • Get started
  • Set password
  • Continue
  • Enter name
  • Continue
  • Enter phone number
  • Continue
  • Verify phone number
  • Add payment method
  • Continue
  • Download the app
  • Account menu
  • Account
  • Add personal info
  • Add address
  • Billing
  • Home
  • Filter
  • Continue

ClassPass

Onboarding
All saved

Add to collection

Create collection

Other Health & Fitness apps you might like

Foodvisor screenshot
Sweatcoin screenshot
Gyroscope screenshot

ClassPass Onboarding Flow on Web — Full Sequence

This recording documents the Onboarding flow inside ClassPass's web experience, captured from the live desktop product. Rather than showing summarized highlights, it preserves the full flow — every screen, hover state, transition, and UX decision — so you can study the real experience, not a press-ready version.

Web-Specific Onboarding Design Considerations

Onboarding on the web comes with different constraints than mobile: larger screens, multi-column layouts, keyboard shortcuts, and richer interaction possibilities. ClassPass's approach to Onboarding on web reflects those realities, and seeing it in full makes it easy to understand the design decisions behind the flow.

A Reference for Onboarding Research on the Web

For growth teams, designers, and PMs researching Onboarding patterns on the web, this recording provides a direct reference to a production implementation. For teams benchmarking against ClassPass specifically, it's a detailed look at how the brand handles this moment of the experience.

Frequently Asked Questions

What does the ClassPass Onboarding flow cover?

The recording captures the full Onboarding sequence inside ClassPass on desktop web — every step, every transition, and every significant design decision from start to finish.

How does ClassPass's web Onboarding differ from its mobile versions?

Web Onboarding flows typically use more screen real estate, richer hover interactions, and keyboard-friendly patterns that don't work on mobile. If ClassPass also has iOS or Android entries, you can cross-reference to see the platform differences.

Can I see Onboarding flows from other web products?

Yes. The web Onboarding flows category gathers the same flow type from many different web products, so you can compare ClassPass's approach against competitors and alternatives.

How up to date is the ClassPass Onboarding recording?

Recordings are refreshed when ClassPass ships notable redesigns, so the Onboarding flow reflects the current web experience.