3
4 Comments

How to easily add a demo to your landing page

Adding a demo to your landing page can significantly improve engagement and conversions by making your content interactive, demonstrating your product’s features, building trust with potential customers, and showcasing prototypes even when the product isn’t fully ready. Here’s a quick guide on how to do it using arcade.software.

  • Design basics: start with simple designs or wireframes of your product. You can create these yourself, outsource to platforms like Fiverr or use an AI tool like Uizard.io to get something quick.
  • Add clickable hotspots: make parts of your design interactive to simulate a real product experience.
  • Include voiceover: guide users through the demo with a voiceover to explain features and benefits effectively.

For us it’s been a great way to show our product’s potential and gather early feedback. We’d love your feedback on our demo at vanillasky.ai. Take a look and let us know what you think!

on June 14, 2024
  1. 1

    Hey @Jorisdieben, have you tested with any pre-sales (e.g. taken a deposit, or a letter of intent)? Interested to hear how you define when there is concrete interest & intent from the test user

  2. 1

    Awesome! This is indeed a great tool. I think I'll use it to add a demo video for SEO AI.

  3. 1

    This is exactly what we did for our initial demo video at B2BHive.io We used Uizard to make it useable and then loom to record a typical user experience and explain the concept. Uizard is also nice because you can export back to figma to save some time on design. Our demo video is very rudimentary compared to what our actual UX will be but I think its important to get demo's out ASAP for any product.