Conferences
"Literally standing side by side with clients... I can see the value a client sees in having the product in their own hands and being able to explore certain features without getting lost." - Equus
Stand out at in-person events by providing immediate access to your product. Use an interactive demo to tell a streamlined and engaging user story and share your mobile accessible project link afterwards - customers are sure to ask for it!
Below are some conference demos we love. Keep an eye out for:
Interactivity: How memorable is this on-site experience?
Navigation and ease-of-use: Can a first time user find their way through the demo?
Integrations: How does your product fit seamlessly into existing workflows?
Use the guidance below to maximize engagement at your conference booth. We recommend providing desktops or laptops for participants to engage with, although iPads and mobile devices are also supported.
- Make it memorable: Aim for a 2-3 minute memorable experience that will demonstrate the wow moments of your product
- Make it interactive: Use tooltips, trigers, and beacons to let viewers envision using your product in their day to day
- Customize it for your audience: Incorporate the theme of the conference throughout your demo by using custom Themes or uploading images.
- Keep text minimal: The product demo will likely support organic conversations that are already taking place at the booth. Smaller dialog boxes will also take up less space on mobile devices like iPads or smartphones, leaving more space for your product to shine.
- Use backdrops: Conference attendees may be seeing your product for the first time ever. Using backdrops alongside tooltips will help attendees find the most important areas of your product.
- Consider a Checklist: Allow interested viewers to explore multiple features in-depth while keeping the intro demo short.
- Make it accessible: Optimize demos for viewing on a variety of devices. Include a QR code at your booth to send viewers directly to your demo.
- Enable internal champions: Share your demo afterwards to ensure engaged attendees are able to continue selling your product internally.
- Track engagement: Create a conference-specific project link to separate engagement data from multiple events.
Below are a few tried and true conference setups. Reach out to [email protected] for tips on how to optimize your specific setup.
- TV connected to a laptop or desktop to expand the reach of your demo
- Multiple iPads for asynchronous learning
- Kiosks equipped with an iPad or laptop
It is important for conference demos to be supported on multiple end-user devices including laptops, tablets, and smartphones. Below are our tips for maximizing accessibility across devices.
If you know the conference devices you will have access to beforehand, try to take Captures at these dimensions. If you are uncertain of the devices, we recommend resizing your browser window to about 1440 x 900px when taking Captures for your demo. This is the "standard laptop size" that will scale up and down accordingly on most end-user devices.
Note: Avoid taking Captures on widescreen monitors as these may not scale well on mobile devices.
Keep in mind that demos will appear differently on mobile devices with a width below 800px. This includes iPad minis in portrait mode as well as most smartphones. For reference, here is an index of various device screen sizes.
Navattic includes two options for mobile viewers:
- Mobile optimized view presents a scaled down version of your demo
- Mobile Alert presents a message that asks the visitor to return on a larger device
To set your mobile strategy, access your project Share menu > select Responsiveness Strategy > and select an option.
If possible, preview your demo across various devices beforehand. An extension like this mobile simulator can help simulate different device dimensions, even if you do not have access to the conference devices just yet.
Here is how demos with "Mobile optimized view" appear on various devices.
Here is how the Mobile Alert will appear on devices below 800px wide:
