Library

Product promo · Zerion · 30 s

UI Journey

One cursor drives one product interface that keeps transforming.

The story

A messy 'before' (tab chaos) collapses into one search bar, then a cursor clicks through the product: overview, stocks, perps, and the logo lands. One interface keeps changing; nothing cuts to a new slide.

What makes it work

  • The real UI is rebuilt in HTML, not screenshots, so every element can move
  • A cursor presses buttons and the state flips (Follow → Following ✓)
  • Tabs spring open, squeeze into an accordion, then morph into a search pill
  • Slow camera framing on the active panel, two-tone headline on the free side
  • Cuts land on the music's beat grid; narration from ElevenLabs

Use it for

A product with a real interface and one clear promise.

Avoid

Use screenshots, add text cards between screens, or show more than 4 features in 30 s.

Look

Voice-over + music · Type: Geist