Back To Inspiration

Moz Product Tour

A series of Tooltips that introduce premium features to trial users. The Tour highlights valuable features and lays out clear benefits.

From this tour

Why is it a good user experience?

๐Ÿ‘ Highlighting premium features with clear benefits for the users, enabling them to find value 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.

Autonomy

Introducing the features and allowing users to skip or dismiss if not interested; although shrouded, users don't feel blocked.

Simplicity

Short and to the point, this quick Tour enables users to explore beneficial features and make the best of their free trial.

Want to replicate this?

Here's how to build with 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 that Tour later

More Tour, & Built with Chameleon examples

Asana
This Asana onboarding tour is playful yet practical, guiding users through key features while keeping...

Boost product adoption and
reduce churn

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