Back To Inspiration

DataCamp User Onboarding Tour

A stepped-out Tour from DataCamp that introduces new users to the app’s interface. Uses a Lightbox and clear CTAs to direct users to valuable actions.

From this tour

Why is it a good user experience?

đź‘Ź Introducing the app interface along with the learning flow and enabling new users to reach aha moments faster.

Usability

It’s clear to users what this is about and they can see how much they have to invest to complete the Tour; it's also easy to move through and review the information.

Intention

New users get a good overview of the app and how they can use it and jumpstart their own flow.

Autonomy

Allows users to skip or complete the Tour; although shrouded, they don't feel blocked.

Want to replicate this?

Here’s how to build in Chameleon

Use Tours: As long as it has a pointer it’s a contextual Tooltip; with Tours, you can create a stepped-out Walkthrough.

Learn more about Tours
Lightbox & Pointer

Attract attention to key new features while providing more insight

Progress bar

Meet your users with clear expectations and show them how much they have to invest in your Tour

Dismiss

Allow users to exit or snooze your Tour; some of them will want to explore on their own and launch it later

More Tour, & User Onboarding examples

Asana
This Asana onboarding tour is playful yet practical, guiding users through key features while keeping...
Canva
This Canva whiteboard tour is straightforward yet lively, gently nudging users to start their creative...
ChatGPT
ChatGPT just dropped GPT-4 Turbo into the mix—smarter, faster, and now with the ability to understand...

Boost product adoption and
reduce churn

Get started free in our sandbox or book a personalized call with our product experts