Onboarding patterns

The first-run experience — turning a sign-up into an activated user.

Welcome screens

3 examples

Progressive onboarding

3 examples

Setup wizards

2 examples

Product tours

2 examples

Empty-state guidance

Coming soon

Checklist onboarding

Coming soon

Interactive tutorials

2 examples

Sample data

3 examples

Tooltips

Coming soon

Coach marks

1 example

Onboarding flows in real apps

Miro Onboarding

Miro

7 screens

Neon Banking flow

Neon

18 screens

Noom Weight Loss, Food Tracker Weight-loss program journey

Noom Weight Loss, Food Tracker

9 screens

Khan Academy Learn flow

Khan Academy

9 screens

Chime® Banking flow

Chime®

11 screens

C6 Bank Banking and card comparison

C6 Bank

16 screens

Brilliant Course discovery and learning flow

Brilliant

15 screens

Acorns Invest flow

Acorns

11 screens

Babbel Learn flow

Babbel

7 screens

Interaction Design Foundation Learn flow

Interaction Design Foundation

9 screens

Zipcar Membership and vehicle booking

Zipcar

9 screens

Venmo Payment options

Venmo

9 screens

PicPay Merchant payment flow

PicPay

8 screens

Peloton Session flow

Peloton

13 screens

PayPal Consumer to Merchant Payment Flow

PayPal

12 screens

Lyft Ride flow

Lyft

22 screens

Klarna Pay flow

Klarna

10 screens

Duolingo Learn flow

Duolingo

13 screens

Cash App Cash App Card presales

Cash App

6 screens

99 Passenger and driver ride flow

99

14 screens

Figma Onboarding

Figma

15 screens

Figma Learn the basics

Figma

5 screens

Airtable Onboarding

Airtable

26 screens

Notion Onboarding

Notion

21 screens

Want your product taken apart?

Request a UX audit