#ReallyGoodUserOnboardings

Our collection of user onboarding UX from the most notable SaaS tools, apps, and platforms that we love.

Product Tours User Onboarding Tooltip Checklists Hotspots

Spotify's approach to onboarding to a new feature is blended in the UX of the app.

Spotify’s new feature is introduced as frictionless as possible

Spotify's approach to onboarding to a new feature is blended in the UX of the app.

user onboarding

LinkedIn uses a slideout modal to onboard users to a new function they are introducing.

LinkedIn’s slideout modal is well-formatted and read-worthy

LinkedIn uses a slideout modal to onboard users to a new function they are introducing.

user onboarding

Instagram's full-screen modal helps users onboard to the new Messenger integration.

Instagram introduces the Messenger integration

Instagram's full-screen modal helps users onboard to the new Messenger integration.

user onboarding

Letterboxd uses movie lines in its empty states and has a surprise for users who click on them.

Letterboxd’s empty states feature a fun easter egg

Letterboxd uses movie lines in its empty states and has a surprise for users who click on them.

user onboarding

Capcut uses a short product tour inside the editing process to offer a hands-on experience.

Capcut’s product tour is short and contextual

Capcut uses a short product tour inside the editing process to offer a hands-on experience.

product tours

Duolingo uses an illustration of its mascot to make an error page fun.

Duolingo’s empty state is encouraging

Duolingo uses an illustration of its mascot to make an error page fun.

user onboarding

Notion AI is a new feature from Notion that is introduced in a way users are familiar with.

Notion’s new feature Notion AI is introduced the Notion way

Notion AI is a new feature from Notion that is introduced in a way users are familiar with.

user onboarding

Slack makes sure to double-check with its users about sharing files with third parties in a fun way.

Slack’s confirmation popup window is necessary but fun

Slack makes sure to double-check with its users about sharing files with third parties in a fun way.

user onboarding

Slack's new function for its Huddle feature is introduced using a tooltip and a slideout modal.

Slack’s new feature tooltip is not too intrusive

Slack's new function for its Huddle feature is introduced using a tooltip and a slideout modal.

Tooltip

Jira's empty state makes sure to not frustrate the users after not being able to reach a page.

Jira’s empty state is way less disappointing than a 404-page

Jira's empty state makes sure to not frustrate the users after not being able to reach a page.

User onboarding

Calendly uses a new feature modal that features a video to make sure all users can interact with the new feature easily.

Calendly’s new feature modal features a video

Calendly uses a new feature modal that features a video to make sure all users can interact with the new feature easily.

user onboarding

Slack's new feature is promoted with a single step tooltip along with an explanatory gif.

Slack’s new feature tooltip features a cool gif

Slack's new feature is promoted with a single step tooltip along with an explanatory gif.

tooltip

Twitter's contextual tooltip is small, non-intrusive, contextual, and well-written.

Twitter’s tooltip is contextual with good copy

Twitter's contextual tooltip is small, non-intrusive, contextual, and well-written.

tooltip

Canva's celebration modal is prompted upon the user finishing a design and saving it to their camera roll.

Canva’s celebration modal marks a milestone

Canva's celebration modal is prompted upon the user finishing a design and saving it to their camera roll.

user onboarding

Spotify's feature promotion modal is well-designed and takes advantage of annual events for better promotion.

Spotify takes every chance to showcase features

Spotify's feature promotion modal is well-designed and takes advantage of annual events for better promotion.

user onboarding

Figma uses a long walkthrough to thoroughly explain how everything works in its editor UI.

Figma’s product walkthrough is thorough

Figma uses a long walkthrough to thoroughly explain how everything works in its editor UI.

product tours

Figma's initial onboarding focuses on shortness and conciseness with a 4-step modal

Figma’s initial onboarding is focused on quick starts

Figma's initial onboarding focuses on shortness and conciseness with a 4-step modal

user onboarding

Apple uses a full-screen modal and a tooltip for a quick introduction of its new app, Freeform.

Apple’s new default app Freeform is introduced

Apple uses a full-screen modal and a tooltip for a quick introduction of its new app, Freeform.

tooltip

Yoga for Beginners starts the user journey with a short signup flow with fun illustrations and icons.

Yoga App’s Signup flow is simple and ready to get started

Yoga for Beginners starts the user journey with a short signup flow with fun illustrations and icons.

user onboarding

The Daily Yoga App features a 3-part signup process to start onboarding and segmenting users early on.

Daily Yoga App’s Signup flow aces user segmentation

The Daily Yoga App features a 3-part signup process to start onboarding and segmenting users early on.

user onboarding

Canva prompts slideout modal to remind users of its share function.

Canva reminds users of its built-in functions

Canva prompts slideout modal to remind users of its share function.

user onboarding

YAZIO uses a signup flow with a progress bar for initial user segmentation.

YAZIO's signup flow is thorough and reassuring

YAZIO uses a signup flow with a progress bar for initial user segmentation.

user onboarding

YAZIO prompts users with an interactive onboarding and a celebratory message at the end.

YAZIO app celebrates first step into onboarding

YAZIO prompts users with an interactive onboarding and a celebratory message at the end.

product tours

Canva's new feature is introduced in a sandbox environment, using a demo document.

Canva’s new feature onboarding takes place in a demo doc

Canva's new feature is introduced in a sandbox environment, using a demo document.

user onboarding

Duolingo uses a promotion modal that has 5 steps to onboard users to the value proposition of Super Duolingo, the premium version of the app.

Duolingo’s Premium promotion modal is convincing

Duolingo uses a promotion modal that has 5 steps to onboard users to the value proposition of Super Duolingo, the premium version of the app.

user onboarding

HubSpot uses a contextual tooltip to get users to turn on browser notifications.

HubSpot’s browser notification tooltip is prompted contextually

HubSpot uses a contextual tooltip to get users to turn on browser notifications.

Tooltip

Zoho's unique onboarding widget offers different ways of getting onboarded to Zoho's new feature, guided communications.

Zoho Onboards to New Feature Uniquely

Zoho's unique onboarding widget offers different ways of getting onboarded to Zoho's new feature, guided communications.

User onboarding

Amplitude uses a user onboarding checklist with many progress indicators for its Amplitude Academy webpage.

Amplitude Academy’s onboarding checklist gets progress bars‍

Amplitude uses a user onboarding checklist with many progress indicators for its Amplitude Academy webpage.

Checklists

HubSpot uses a slideout modal to prompt users with a survey.

HubSpot’s survey widget wants to know what you think

HubSpot uses a slideout modal to prompt users with a survey.

User onboarding

HubSpot's tooltip onboards to a new feature contextually on the app's contacts section.

HubSpot’s tooltip onboards to a new feature

HubSpot's tooltip onboards to a new feature contextually on the app's contacts section.

Tooltip

Twitter's empty states help in engaging first-time users during the initial onboarding.

Twitter’s empty states are fun and illustrated

Twitter's empty states help in engaging first-time users during the initial onboarding.

user onboarding

Canva's returning user modal was designed to engage returning users fully and retain them this time around.

Canva’s returning user modal is engaging and educating‍

Canva's returning user modal was designed to engage returning users fully and retain them this time around.

user onboarding

The PS app utilizes gifs in bringing empty states to life and better onboarding users with visuals.

PlayStation App’s empty state features a gif‍

The PS app utilizes gifs in bringing empty states to life and better onboarding users with visuals.

user onboarding

Spotify uses a carousel type of onboarding to onboard users to its new integration with Snapchat for Spotify Wrapped.

Spotify’s Wrapped carousel is colorful and fun‍

Spotify uses a carousel type of onboarding to onboard users to its new integration with Snapchat for Spotify Wrapped.

user onboarding

Spotify uses a feature modal to let users know how to download podcasts for offline use.

Spotify’s feature modal features a gif‍

Spotify uses a feature modal to let users know how to download podcasts for offline use.

user onboarding

Intercom uses hotspots and popups to match with its widget element.

Intercom’s hotspot triggers a tooltip and a popup

Intercom uses hotspots and popups to match with its widget element.

hotspots

Navattic's onboarding wizard is designed with time and effort saving in mind.

Navattic’s first-time user onboarding wizard is perfectly planned

Navattic's onboarding wizard is designed with time and effort saving in mind.

checklists

Canva uses a slideout modal to show users a new feature without disrupting their own task.

Canva’s feature onboarding is as non-disruptive as can be

Canva uses a slideout modal to show users a new feature without disrupting their own task.

user onboarding

Grammarly onboards users to a new feature using a 4-step product tour.

Grammarly’s new feature onboarding is set outside of the product

Grammarly onboards users to a new feature using a 4-step product tour.

product tours

Upwork uses a 3-step quick tour to walk through contract details.

Upwork’s Quick Tour really is quick

Upwork uses a 3-step quick tour to walk through contract details.

product tours

Calendly uses both a modal and a tooltip to onboard users to its new feature.

Calendly's new feature modal is persistent

Calendly uses both a modal and a tooltip to onboard users to its new feature.

user onboarding

Figma's new templates are promoted using a slideout modal with fun icons on top of it.

Figma's slideout modal grabs attention with fun icons

Figma's new templates are promoted using a slideout modal with fun icons on top of it.

user onboarding

Jarvis uses powerful CTAs and good visual hierarchy in its churn modal.

Jarvis' churn modal is convincing

Jarvis uses powerful CTAs and good visual hierarchy in its churn modal.

user onboarding

Discord's in-app new feature modal prompts users to follow on social media for more real-time updates outside the app.

Discord's new feature modal is target audience-aware

Discord's in-app new feature modal prompts users to follow on social media for more real-time updates outside the app.

ClickUp asks users if they want 3 months free upon users asking for a downgrade.

ClickUp's downgrade modal knows how to keep customers

ClickUp asks users if they want 3 months free upon users asking for a downgrade.

user onboarding

Amplitude uses contextual tooltips to let users know how to make the workflow easier and more efficient.

Amplitude’s contextual tooltip is actually helpful‍

Amplitude uses contextual tooltips to let users know how to make the workflow easier and more efficient.

Userflow

tooltip

Discord's tooltips are prompted contextually, feature fun images, and have a cool design.

Discord’s contextual tooltips are fun and easy to digest‍

Discord's tooltips are prompted contextually, feature fun images, and have a cool design.

tooltip

Calendly's contextual tooltip onboards users to its new feature using a mini video.

Calendly’s new feature onboarding features a strong CTA

Calendly's contextual tooltip onboards users to its new feature using a mini video.

tooltip

Notion's survey slideout takes 20 seconds to fill and is low-friction.

Notion’s survey slideout is honest about the time

Notion's survey slideout takes 20 seconds to fill and is low-friction.

user onboarding

The Zoom desktop app prompts an exclusive campaign modal in the form of a slideout modal.

Zoom’s in-app slideout modal feels exclusive

The Zoom desktop app prompts an exclusive campaign modal in the form of a slideout modal.

tooltip

The Kahoot app uses a signup flow with a progress bar and fun visuals.

Kahoot’s signup onboarding and user segmentation are on-brand

The Kahoot app uses a signup flow with a progress bar and fun visuals.

product tours

Tumblr's user feedback surveys looks cool and read fun.

Tumblr’s feedback survey is fun and friendly

Tumblr's user feedback surveys looks cool and read fun.

user onboarding

The VSCO app uses a series of slideout modals to get users to sign up for the premium version.

VSCO’s campaign modal pitches the cool new features first

The VSCO app uses a series of slideout modals to get users to sign up for the premium version.

user onboarding

Pepapp uses friendly copy and a mascot to personalize its signup flow.

Pepapp’s sign-up and user segmentation is personalized and quick

Pepapp uses friendly copy and a mascot to personalize its signup flow.

user onboarding

Twitter uses sildeout modals and popup windows to introduce its new feature.

Twitter’s new feature onboarding is perfect for mobile users

Twitter uses sildeout modals and popup windows to introduce its new feature.

user onboarding

Impulse uses a slideout modal to teach users about how the ads work.

Impulse’s slideout modal teaches how to close ads

Impulse uses a slideout modal to teach users about how the ads work.

user onboarding

Impulse uses gamified onboarding UX to get users to come back.

Impulse’s gamified first-day UX gets users to stick around

Impulse uses gamified onboarding UX to get users to come back.

user onboarding

Impulse segments users with a fun signup flow.

Impulse’s user segmentation is fun to fill in

Impulse segments users with a fun signup flow.

Moodle introduces its new UI design with tooltips.

Moodle’s new feature onboarding is to the point

Moodle introduces its new UI design with tooltips.

Tooltip

ProtonVPN does a great job onboarding first-time users.

Proton VPN’s Signup Modal onboards quickly

ProtonVPN does a great job onboarding first-time users.

Product tours

Expensify, a mobile app, onboards first-time users using fun onboarding elements.

Expensify’s sign-up onboarding is unexpectedly fun for a financing app

Expensify, a mobile app, onboards first-time users using fun onboarding elements.

World of Wonder, a mobile game, does a great job utilizing hotspots.

World of Wonders’ hotspots make the game easier to navigate

World of Wonder, a mobile game, does a great job utilizing hotspots.

Google Chat prompts a simple onboarding tour when in-app.

Google Chat’s tour is the simples you’ll ever see

Google Chat prompts a simple onboarding tour when in-app.

ClickUp uses a product tour element to introduce its new feature.

ClickUp’s new feature tour is short, contextual, and up for improving

ClickUp uses a product tour element to introduce its new feature.

Canva's mobile app prompts a fun-looking NPS survey.

Canva’s NPS survey asks all the right questions

Canva's mobile app prompts a fun-looking NPS survey.

Canva's mobile app prompts unique-looking tooltips

Canva’s overlay tooltip unlocks moe possibilities mid-project

Canva's mobile app prompts unique-looking tooltips

Asana's feature promotion is prompted to show users features in a quick manner.

Asana’s feature modal looks fun and reads well

Asana's feature promotion is prompted to show users features in a quick manner.

Asana makes great use of empty states in its onboarding.

Asana’s empty states fill in for tooltips

Asana makes great use of empty states in its onboarding.

Asana has a checklist-looking widget among its other widgets on the dashboard when users start out with a tool.

Asana’s Onboarding checklist shows around with ease

Asana has a checklist-looking widget among its other widgets on the dashboard when users start out with a tool.

Asana initiates a sign-up onboarding process right after users register to the tool.

Asana’s sign-up onboarding puts users right into the workflow

Asana initiates a sign-up onboarding process right after users register to the tool.

Meeting platform Around uses a 45 second product experience to onboarding customers at any stage of the user's journey.

Around’s 45-second product experience is a quick show for first-comers

Meeting platform Around uses a 45 second product experience to onboarding customers at any stage of the user's journey.

user onboarding

Around teaches users how to use the tool through an initial automated demo.

Around’s demo meeting onboards users with a video meeting experience

Around teaches users how to use the tool through an initial automated demo.

user onboarding

Candu's content studio features fun guides with gifs and images.

Candu’s in-app guide uses gifs to full potential

Candu's content studio features fun guides with gifs and images.

user onboarding

Canva makes its campaign modal fun and engaging with good copy and gifs.

Canva’s campaign modal is more inviting than ever

Canva makes its campaign modal fun and engaging with good copy and gifs.

user onboarding

Notion uses a hybrid checklist of its own kind in onboarding new users.

Notion’s initial onboarding is the OCD dream

Notion uses a hybrid checklist of its own kind in onboarding new users.

user onboarding

ProductLed uses an exit modal for users leaving the website, reminding them to enroll for the website’s next live cohort.‍

ProductLed’s exit modal is extra encouraging with countdown

ProductLed uses an exit modal for users leaving the website, reminding them to enroll for the website’s next live cohort.‍

user onboarding

Spotify makes great use of a campaing banner in onboarding users.

Spotify’s mobile campaign banner appears at the best time possible

Spotify makes great use of a campaing banner in onboarding users.

user onboarding

Integromat uses one main modal to onboard users and a resource-center like checklist.

Integromat’s user onboarding slideshow does it all in one place

Integromat uses one main modal to onboard users and a resource-center like checklist.

user onboarding

miro introduces its new UI through onboarding UX elements

Miro’s slideout modal introduces a third way out

miro introduces its new UI through onboarding UX elements

user onboarding

Notion's app prompots users with a short onboarding sequence.

Notion’s initial onboarding keeps it nice and short

Notion's app prompots users with a short onboarding sequence.

user onboarding

Frase introduces its updated version with video content in a modal, prompted when users first log in.

Frase’s update modal features a feedback option

Frase introduces its updated version with video content in a modal, prompted when users first log in.

user onboarding

On first use, Memsource offers a 5-step feature tour to users.

Memsource’s contextual feature tour is precise and concise

On first use, Memsource offers a 5-step feature tour to users.

product tours

Hopscotch features a modal with video content to welcome users and let them know how to reach out in case of any questions or problems.

Hopscotch’s video onboarding feels human

Hopscotch features a modal with video content to welcome users and let them know how to reach out in case of any questions or problems.

user onboarding

Slack walks users through a customization modal of 8 steps, starting with a tooltip alerting the users about the preference setting opportunity.

Slack’s customization modal is a fun little ride

Slack walks users through a customization modal of 8 steps, starting with a tooltip alerting the users about the preference setting opportunity.

user onboarding

Right after its signup flow, Life360 uses tooltips to give new users some tips on how to make better use of the app.

Life360’s tips and tooltips are done right

Right after its signup flow, Life360 uses tooltips to give new users some tips on how to make better use of the app.

tooltip

LinkedIn’s tooltips care about your identity

A new feature of LinkedIn allows users to add their pronouns and their name pronunciations to their profile.

tooltip

Life360 walks users through a set of questions and settings in the signup process.

Life360’s signup flow looks good and reads well

Life360 walks users through a set of questions and settings in the signup process.

user onboarding

Tile Master 3D, an online puzzle game, features a how-to-play modal for returning players who might not remember some of the details of the game.

Tile Master 3D’s how-to-play modal is great for returning players

Tile Master 3D, an online puzzle game, features a how-to-play modal for returning players who might not remember some of the details of the game.

user onboarding

In the middle of app use, Pinterest prompts the users with a slideout modal, asking whether the user is still using the same email address.

Pinterest’s slideout modal is short and to the point

In the middle of app use, Pinterest prompts the users with a slideout modal, asking whether the user is still using the same email address.

user onboarding

Two Dots, a mobile puzzle game, offers full-screen onboarding for its new feature, star rank.

Two Dots’ onboarding is the perfect game user flow

Two Dots, a mobile puzzle game, offers full-screen onboarding for its new feature, star rank.

product tours

While using Grammarly, the platform prompts users with a modal to personalize their use and make it easier for them to fully understand the capabilities of the tool.

Grammarly’s personalization modal is a lifesaver

While using Grammarly, the platform prompts users with a modal to personalize their use and make it easier for them to fully understand the capabilities of the tool.

user onboarding

Inside LinkedIn’s feed, users are prompted with a survey asking them how respectful and welcoming the feed is.

LinkedIn’s case-specific survey helps make users feel cared for

Inside LinkedIn’s feed, users are prompted with a survey asking them how respectful and welcoming the feed is.

user onboarding

The Zara app uses a contextual onboarding approach to onboard users to its new wishlist sharing feature.

Zara’s new feature modal is way too cute to ignore

The Zara app uses a contextual onboarding approach to onboard users to its new wishlist sharing feature.

user onboarding

Twitter’s new feature slideout is explanatory to the core

Twitter introduces its new feature that lets users use NFTs as profile pictures in a slideout.

user onboarding

iMovie’s onboarding flow is on the old-school side of the onboarding spectrum.

iMovie’s onboarding flow is unusual but clever

iMovie’s onboarding flow is on the old-school side of the onboarding spectrum.

hotspots

Genshin Impact uses a tooltip and pulsing highlights to urge the users to try out a new feature.

Genshin Impact’s tooltip explains a new shortcut easily

Genshin Impact uses a tooltip and pulsing highlights to urge the users to try out a new feature.

tooltip

With Notion’s 2.15 update, they started featuring an update modal that shows users the new features they have added to the platform.

Notion’s update modal is an all-in-one experience

With Notion’s 2.15 update, they started featuring an update modal that shows users the new features they have added to the platform.

user onboarding

Discord uses a slideout modal in-app to offer to connect to the PlayStation network.

Discord’s slideout modal is concise (and cute)

Discord uses a slideout modal in-app to offer to connect to the PlayStation network.

user onboarding

Twitter uses slideout modals to onboard users to its new feature, spaces.

Twitter’s new feature onboarding is unapologetically long, still concise

Twitter uses slideout modals to onboard users to its new feature, spaces.

user onboarding

Microsoft Outlook features a feedback modal in-app when users are performing their regular tasks.

Microsoft Outlook’s survey modal asks the right questions

Microsoft Outlook features a feedback modal in-app when users are performing their regular tasks.

user onboarding