Moz Product Tour
A series of Tooltips that introduce premium features to trial users. The Tour highlights valuable features and lays out clear benefits.
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.
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