Learn how to create remarkable interactive demos that make your SaaS product easy to understand and buy. 3 practical tips and examples every Tuesday.
🤫 Show, Don't Tell #51 - What happens outside your product matters too
Published 14 days ago • 3 min read
Read Time: 4.1 minutes
Welcome to our 51st edition of Show, Don't Tell. It's a New Year and we're back with the only newsletter to help you build REMARKABLE interactive demos...3 tips at a time.
This week we:
Combine product visuals with CTAs
Add multiple brands to the same demo
Talk about our first tablet demo (and it's lovely)
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.
Why does every hero separate the product image from the CTA? There's a screenshot over here, a button over there. And you're asking my brain to connect the dots.
Shout out to Sonatype for reducing my cognitive load.
Their CTA isn't next to the product…it's literally on it.
You may think this is silly but:
Your eye sees the product and the CTA at the same time. There's no "okay, that's what it looks like, now where do I click?"
Instead of a button that takes you somewhere else, it feels like you're stepping into what you're already looking at.
So our first tip in the New Year: just put the button where your eyes are already looking.
Tip #2 - Show the Whole Journey, Not Just Your Product
Most product demos show: your product. That's it. Just screens from your app doing things.
But if your product integrates with other tools, sends emails, or triggers workflows in other platforms… you're only showing half the story.
Take Salesforce for example.
In their G2 demo, they switch from Salesforce to Gmail in step 4 to show the full cross-platform journey. They actually captured screens from Gmail to show what happens outside their product.
This has become table-stakes for us because:
Most products don't exist in isolation. They work with email, Slack, calendars, whatever. If you're only showing your product, prospects have to imagine how it connects to their world
It proves the integration works. Saying "we integrate with Gmail" is one thing. Actually showing the email appear in Gmail is another
It makes the value more tangible. They can picture themselves using it because they’ve seen the whole flow.
If your product works with other platforms, stop pretending it exists in a vacuum. Show the whole journey.
We talk about desktop demos. We talk about mobile demos. But what if your product lives on a tablet?
TeamViewer must have had this same question.
Their product is used on tablets for on-the-job training, so they built their demo using an actual tablet frame. Not a desktop shrunk down. Not a phone stretched up. An actual tablet.
It seems simple, but most of forget that:
The screen size matters. The layout matters. The way you interact with it matters.
Most of us are used to seeing demos that are desktop or mobile. But a tablet frame in the middle of that? That catches your eye.
It doesn’t matter if your product’s primary device is a tablet, cellphone, or large projector screen. Build your demo for that device, then add that demo to your website.
Editing demos shouldn’t be an agonizing task. And with Navattic's Copilot Prompt, it doesn’t have to be.
Copilot Prompt lets you update interactive demos using natural language (a.k.a. just by chatting with it).
Instead of clicking through every step, just type what you want:
“Add a new step after step 3.”
“Rename all CTAs.”
“Shorten all step text.”
Copilot understands your intent and makes the changes instantly — across steps, content, and CTAs. That means fewer manual edits, fewer mistakes, and more time to focus on refining your demo story.
Even better? Anyone on your team can safely edit demos without knowing the Navattic editor inside and out. Product marketers, sales, and growth teams can collaborate faster. No bottlenecks.
If demos are a core part of your go-to-market motion, Copilot Prompt feels like a cheat code.
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.