Show Them with an interactive demo
Unlike looping product demos, an interactive demo creates movement or generates results only after an action from your page visitor. This interaction and in-page transformation often spark delight and give your visitor that “wow” factor..
Good references
A collection of noteworthy visual references to spark ideas for your landing pages. Seen any other interesting ones? Let me know!
Feedback Fish helps you collect user-submitted issues and ideas via an embeddable widget. The Landing Page allows you to interact with the widget within the page. Also worth noting the code is selectable too.
Time Zone Converter is a menubar app allowing you to scroll a timeline UI to determine differing times across the globe. The Landing Page features the exact same interactive UI allowing you to change times, drag up/down locations, delete them and brilliantly scrolls the browser background world map as you go.
Kukla kit is a pack of 3D elements for Figma. The Landing Page features fun interactive hotspots that change the product demo colors.
Pest Stop Boys is a UK-based pest control service. The Landing Page features a playful custom cursor that reveals a deeper layer of bugs—a standout first impression for an industry rarely seen with such creative websites.
The Landing Page announcing Relume’s AI-powered style guides features an interactive demo where visitors can click on components to switch them out. The experience sparks delight as each pairing giving the visuals a fresh look. There is even a roll the dice option where it randomizes all the UI elements. What fun and there is no question their investment in an interactive demo contributes to the vitality of their AI feature launch.
A BlurHash is a compact representation of a placeholder for an image. The Landing Page features an interactive demo showcasing how sample images look when a BlurHash is apply, including an option to upload your own image in the page. What a lovely experience and first impression on how easy it is to implement.
Resources
Links to external resources to help you dive deeper, find assets, or hire help to level up your landing page.
Bonus Content
Related course content I think you’ll enjoy.