New website tour

Posted on May 13, 2013

You’ve created a new account section for your website, and you want to ensure that all your visitors can easily find their way around. Simple. Create a tour.
Not a video tour where they have to skip back and forth to find the information or instruction that they need. But an interactive tour, where they are guided and informed where everything is.

Moonfruit have a pretty nifty example:

Screen Shot 2013-04-12 at 12.45.14 AM

When you log in for the first time, it guides you through the main functions of the site, explaining how everything works.

Even if you weren’t an online software company, you could apply this same principle to the my account screen of a business or service that is complicated. Or even to demonstrate a new site, and all its fancy new features.

If you don’t have the budget or time to create an interactive demo, you could create a flat version like layervault…

Screen Shot 2013-02-04 at 1.15.29 AM

Either way, there is no reason to leave your visitors or customers scratching their heads wondering how to find/do something. Its also a great opportunity to showcase any neat features you’ve included.

Here’s codrops jquery website tour



Tags: