#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

Apple Family Sharing uses a full screen modal to onboard and engage users.

Apple Family Sharing’s full-screen modal is thoughtfully designed

Apple Family Sharing uses a full screen modal to onboard and engage users.

user onboarding

Life360 uses an onboarding screen to showcase its crash detection feature.

Life360’s feature onboarding screen is short and informative

Life360 uses an onboarding screen to showcase its crash detection feature.

user onboarding

Duolingo uses an onboarding screen for its Premium features' introduction.

Duolingo Premium’s onboarding screen is exciting

Duolingo uses an onboarding screen for its Premium features' introduction.

user onboarding

Google Meet uses a fun tooltip to let users know about their sound settings.

Google Meet’s tooltip introduces better user experience

Google Meet uses a fun tooltip to let users know about their sound settings.

Google Calendar prompts users with a modal for personalization.

Google Calendar’s personalization feature is introduced

Google Calendar prompts users with a modal for personalization.

user onboarding

Segment Anything uses an explanatory gif and good formatting.

Meta AI Segment Anything’s onboarding relies on one simple modal

Segment Anything uses an explanatory gif and good formatting.

user onboarding

Google Analytics uses a mini-tour to onboard interactively.

Google Analytics’s mini onboarding for a new feature is interactive and concise

Google Analytics uses a mini-tour to onboard interactively.

tooltip

UserGuiding's contextual product tour ends with a video.

UserGuiding’s product tour is to the point - and on point

UserGuiding's contextual product tour ends with a video.

product tour

UserGuiding onboards users with a fun customization step.

UserGuiding’s signup process is a customization blast

UserGuiding onboards users with a fun customization step.

user onboarding

GPT-4 is introduced with a fun modal with a Matrix-esque look.

ChatGPT’s new feature modal is fun and explanatory

GPT-4 is introduced with a fun modal with a Matrix-esque look.

User onboarding

Google Sheets uses a slideout modal to introduce its new feature and adds a dummy experience to elevate learning.

Google Sheets introduces new feature hands-on

Google Sheets uses a slideout modal to introduce its new feature and adds a dummy experience to elevate learning.

user onboarding

Jira's onboarding element that appears in Jira's every day UI makes the onboarding process non-disruptive.

Jira’s first-time feature use keeps it contextual

Jira's onboarding element that appears in Jira's every day UI makes the onboarding process non-disruptive.

user onboarding

Using a full-screen modal to announce updates and welcome new users, Adobe Illustrator does a good job with new user and new feature onboarding.

Adobe Illustrator’s welcome modal is a great holistic view

Using a full-screen modal to announce updates and welcome new users, Adobe Illustrator does a good job with new user and new feature onboarding.

user onboarding

Canva announces its new feature using a non-intrusive tooltip which prompts a full-screen modal and a hands-on experience.

Canva’s new feature announcement modal prompts hands-on experience

Canva announces its new feature using a non-intrusive tooltip which prompts a full-screen modal and a hands-on experience.

user onboarding

Adobe Creative Cloud's welcome modal uses images and short-form copy to set the value for the app from the get-go.

Adobe Creative Cloud’s welcome modal is formal but nice

Adobe Creative Cloud's welcome modal uses images and short-form copy to set the value for the app from the get-go.

user onboarding

Adobe Illustrator's tooltips work in a hotspot manner and show how a tool is used when users hover over.

Adobe Illustrator tools are introduced as users hover on them

Adobe Illustrator's tooltips work in a hotspot manner and show how a tool is used when users hover over.

tooltip

With contextual tooltips featuring short copy and small icons, Canca meets users where they are, when they are available.

Canva’s contextual tooltips meet users where they are

With contextual tooltips featuring short copy and small icons, Canca meets users where they are, when they are available.

tooltip

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