Discover interesting feature walk-throughs (also called in-app tutorials, product tour) examples to find inspiration for your own SaaS tour. Below you’ll find screenshots of tours with a short commentary.
How to design a SaaS product tour?
Airtable product tour
What’s good about this product tour:
- Introduces the main features in an easily-digestible form.
- Allows for going back to previous steps.
- Shows your progress through the tour.
- Ends with a follow-up action: pointing to the Resource Center.
What’s bad about this product tour:
- Elements are not highlighted enough (only a barely visible yellow border is shown around a feature).
ActiveCampaign feature explainer tour
What’s good about this feature explainer tour:
- Is based on an example automation which doesn’t require users to set anything up. For more complex features like this, it might be a better approach vs creating it right away.
- Helps users understand how it all works rather than explaining the UI.
What’s bad about this feature explainer tour:
- Is text-heavy, with a high cognitive load.
- Not very engaging—reading the copy I couldn’t be less excited to start using the product.
Ayoa product walk-through
What’s good about this walk-through:
- Short and easy-to-read copy with the most important information in bold text.
- Let’s you navigate back and forth.
What’s bad about this walk-through:
- Progresses on click of the “Next” button making the user focus on reading rather than doing (which in this case could work perfectly).
- No progress indicator.
Bluescape in-app tutorial
What’s good about this app tutorial:
- Features descriptive images that help you understand what to do.
- Is short and easy to understand.
- Starts right away, without an introductory message.
What’s bad about this app tutorial:
- The name Welcome tour could be changed to the benefit/outcome of going through it, e.g., Start creating (as says the title in the middle of the board).
Booksy UI walk-through
What’s good about this feature walk-trough:
- Shows your progress through the tour.
What’s bad about this feature walk-trough:
- Could teach you the process on a specific example, rather than just pointing out UI elements.
- At first, two messages are shown at the same time (with almost the same text).
- Low contrast of tooltips vs the main interface.
Chargebee embedded tour
What’s good about this product tour:
- Lets you understand what you can achieve with Chargebee without prior setup showcasing a simplified demo.
- The copy is engaging and makes one excited to try it out.
- Seamlessly integrates the 3 setup options into the tour tying it to a specific feature.
- Suggests a follow-up actions in the last step.
What’s bad about this product tour:
- If you click through the steps quickly just reading the titles, it’s not entirely clear whether you set up your account or of it’s just a test drive.
Conceptboard intro tour
What’s good about this product tour:
- Short, no bullsh*t approach.
- Shows your progress and lets you navigate back and forth.
What’s bad about this product tour:
- In fact, shown are 2 tours at the same time which creates confusion in terms of what to focus on.
Conceptboard web app tour
What’s good about this web app tour:
- Makes you go through the process of creating the board and using the main features—thus experience the main value yourself.
What’s bad about this web app tour:
- Has a few unnecessary steps which could be removed, making the experience smoother and less tiring.
- The amount of text and elements in the tour make it hard to comprehend.
Hubspot contacts UI tour
What’s good about this product tour:
- The tour lets you experience what it’s like working with Hubspot and efficiently goes through the main points without pointing out unnecessary features.
- It’s based on dummy data so you don’t need to set up or import anything in advance.
- The story make the experience more engaging.
- Buttons are self-explanatory, telling you what’s going to happen next.
What’s bad about this product tour:
- Some parts of the copy could be shortened or a bit more clear at the first glance (so that one understands the point without reading it all).
- Adding links to additional content inside the tour can be distracting. New concepts should be introduced after users finish the tour.
Copper walk-through
Intercom conversations tour
What’s good about this in-app tour:
- Adding the name and the photo of the guide make the tour more personal and friendly.
- Is short and easy to understand.
Jira new feature design walk-through:
Livechat tour
Miro intro tour
Monday.com base feature walk-through
Shipbob onboarding tour
Freshdesk UI walk-through
How to create a SaaS product tour?
Interactive product tours are one of the basic tools used by SaaS companies to drive user activation and feature adoption. Product marketers and UX designers looking for inspiration can find here examples of product walk-throughs but to want to learn about tactics you can use to make them more effective, read the article above.