/
Interactive demo

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.

Partner avatar

“Simple, high impact demos that could be self-served to tell the story for new use cases ... helped us sign new accounts”

IBK
|
Product Marketing, CyberSource

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

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

Development

  • Architecture
  • Front-end & back-end development
  • Custom APIs / integration
  • Progress web app

Brand

Communication