Skip to content

Product demo example

A workflow demo that reveals one step at a time.

Choose to write a draft, review changes, or publish and see only the information needed for that action.

Press play and use the interactions in this published example.

Read the interactivity examples

4.9G2CapterraProduct Hunt

How it was built

The interface explains itself through action

A single decision screen opens three focused workflow scenes and stores the selected task.

  • Buttons
  • Video branching
  • Viewer variables

What it does

The fictional desk keeps the opening screen simple. The viewer asks for the next piece of information by choosing a task.

The result scene can explain one workflow without making every viewer watch all three.

Inside the experience

What the viewer does

The video gives each interaction a clear job in the route.

1. Orient

See the workflow desk

The video introduces the interface and the three available tasks.

2. Select

Choose the current job

Buttons identify whether the viewer needs to draft, review, or publish.

3. Reveal

Show the relevant controls

The video opens a focused explanation for the selected job.

What it reports

Each interaction is measured

Task selected
The report stores the workflow task the viewer opened.
Feature route
The view record identifies the focused explanation shown.
Replay action
The viewer can return to the desk and inspect another job.

Build one like it

Start from a video you already have

The interactions were added on top of an existing recording.