Web Onboarding in Headspace

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

Health & Fitness

Headspace is a mental health app to help users manage their stress through personalized recommendations, guided meditations, and exercises.

Save
download icon Download all screens
Showing 13 Flows
Video preview
In this video
  • Homepage
  • Sign up
  • Enter name
  • Enter email
  • Set password
  • Select payment method
  • Set payment details
  • Welcome guide
  • Meditate
  • Featured
  • Start meditation
  • Done
  • Focus mode
  • Account settings
Onboarding 17 Screens
Onboarding screenshot
Homepage
Onboarding screenshot
Sign up
Onboarding screenshot
Enter name
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
Set password
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Select payment method
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Set payment details
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Welcome guide
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Meditate
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Featured
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Start meditation
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Done
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Focus mode
Onboarding screenshot

Sign up to unlock this user flow

Try 3 Days
Account settings
Unlock 13 hidden flows

Log In or Sign Up to See All
Headspace Flows

  • Homepage
  • Sign up
  • Enter name
  • Enter email
  • Set password
  • Select payment method
  • Set payment details
  • Welcome guide
  • Meditate
  • Featured
  • Start meditation
  • Done
  • Focus mode
  • Account settings

Headspace

Onboarding
All saved

Add to collection

Create collection

Other Health & Fitness apps you might like

Foodvisor screenshot
Sweatcoin screenshot
Gyroscope screenshot

Headspace Onboarding Flow on Web — Full Sequence

This recording documents the Onboarding flow inside Headspace'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. Headspace'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 Headspace specifically, it's a detailed look at how the brand handles this moment of the experience.

Frequently Asked Questions

What does the Headspace Onboarding flow cover?

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

How does Headspace'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 Headspace 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 Headspace's approach against competitors and alternatives.

How up to date is the Headspace Onboarding recording?

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