Skip to content

Product demo example

A product cutaway you can inspect.

Select the shade, arm, or base to inspect the lamp one part at a time.

Press play and use the interactions in this published example.

Read the interactive video examples

4.9G2CapterraProduct Hunt

How it was built

The product image becomes the menu

Beam hotspots sit over visible lamp parts. Variables remember which parts the viewer has inspected.

  • Hotspots
  • Conditional images
  • Questions

What it does

The viewer selects a lamp part directly in the frame. The video opens a focused cutaway for that component.

Conditional outlines mark inspected parts, and a follow-up question lets the viewer continue or finish.

Inside the experience

What the viewer does

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

1. Point

Select a lamp part

Hotspots turn the shade, arm, and base into direct controls.

2. Inspect

Open the cutaway

Each choice jumps to a close detail scene for that component.

3. Track

Mark what was viewed

Conditional images and variables show which parts are complete.

What it reports

Each interaction is measured

Part selected
Each shade, arm, or base selection is recorded.
Inspection state
Variables store which product parts the viewer opened.
Completion action
The report includes the choice to continue or finish.

Build one like it

Start from a video you already have

The interactions were added on top of an existing recording.