Challenge
Build a product demo experience for Product Marketing and Sales to help explain technical details and benefits of a suite of digital products
Our approach
- Tell relatable stories - Tell well-written and relatable product stories that illustrate features and benefits in a clear and concise fashion
- Stay flexible - Allow the demo experience to be used in real-time presentations, events, and as a self service leave-behind
- Put people first - Minimize risk factors for demo sessions with server-data-independent and performance-driven design
Outcome
A self-service product demo experience with rich interactions and animations.
Different content formats per demo needs
We created modules based on product features, tailored for presentation, sales, and marketing requirements.
Making what's behind the scenes visible
We developed a series of animations to explain in depth what would go on behind the scenes in a visually engaging way.
Responsive interfaces
Considering the different use cases, we built the entire demo experience to be fully responsive so that it works smoothly across platforms and devices.
Learn more about how we do everything
Guided experience or self service
We built in an autoplay feature so that the demo experience could run smoothly without user input, ideal for trade shows and when using the experience as a leave-behind.
The impact
Better user experience
The new product demo experience allows Marketing and Sales teams to take it everywhere and on any platform.
Improved engagement
Prospects are able to interact with product demos directly in a safe environment, at their own pace.
Higher conversion rates
The product demo experience is used as both marketing and sales collateral, helping our partner win customers.
What we did
Strategy
- Product demo strategy
- User research
- Journey mapping
- Scripting
- Storyboarding
Design
- Interaction design (UX) ›
- Interface design (UI) ›
- Wireframe
- Prototype
- Motion graphics
Development
- Architecture
- Front-end & back-end development
- Custom APIs / integration
- Progress web app
Communication
What we did
Strategy
- Product demo strategy
- User research
- Journey mapping
- Scripting
- Storyboarding
Design
- Interaction design (UX) ›
- Interface design (UI) ›
- Wireframe
- Prototype
- Motion graphics
Development
- Architecture
- Front-end & back-end development
- Custom APIs / integration
- Progress web app