We had the idea for this newsletter after hundreds of hours spent building Navattic demos for our past companies and current clients. We love making remarkable interactive demos, and want to share helpful tips and examples so you can too.
A huge thanks to Navattic for helping make this a reality. If you want to create a better experience for your buyers, go check them out.
Tip #1 - Demo Centers Don't Need a Gagillion Demos
​
Most people think they need a dozen demos to justify building a beautiful demo center. We’re calling BS, and so is Adaptive Security.
They’ve built this super slick demo center with just a handful of tours. Clean white background, sharp contrast, and oversized thumbnails for each demo.
This one caught our eye because:
you’re not getting drowned with options
the thumbnails are absolutely stunning
they have room to grow if they need to
Remember: you can start small and still make it look beautiful. Sometimes fewer demos organized well beats a ton of demos organized poorly.
You know what drives me crazy about demo landing pages? They waste so much space on hero sections that don't do anything.
Archy felt the same way and said “why bother?”
When you click their "Take a Tour" CTA, it takes you to a page with one simple H1: See Archy in Action. Beneath that is a full-width demo embed. No subcopy. No wasted margins. No fluff.
You came there to see the product. Here's the product. Why make it more complicated?
99.9% of homepages have Book a Demo as the main CTA. If you’re lucky, you may spot the rare Take a Tour button as a secondary option.
Propel People said “watch this." They made Take a Self-Guided Tour the ONLY CTA in their hero.
That takes serious confidence, and puts them in the 1% of the 1%. They're basically betting that their product is good enough to sell itself, and that their demo will generate better leads than forcing calendar bookings.
It’s takes me back to Levellr from Edition #27 where they made tours their primary CTA throughout their site. It’s a bold mold…and we’re sure it’s paying off for them.
If your interactive demo is intended for a desktop device, viewing it on mobile just doesn't make sense.
Why force it? Some content formats, like video, are just better for mobile.
Luckily, giving your visitors the ideal experience is now easy in Navattic.
Their video fallback feature lets you automatically serve up a video to visitors on a mobile device.
Just open the Mobile settings on your demo and upload a video. Navattic then automatically detects when a user is on a mobile device and shows them your video instead.
No more awkward alert messages or demo experiences that just don't feel right. With video fallback, your product will always be shown in the best light possible.
Don’t have time to build remarkable Navattic demos? We do.
DemoDashis an agency 100% focused on making interactive demos your top product marketing asset. We’ll map your story, build your tours, and help you measure the impact.