← All work

Deepgram

Interactive motion that lets people feel what AI voice can do, not just read about it.

Role
Interactive Motion Designer & Developer
Year
2025
Tools
Rive

Live · try it

Voices. Hover the avatars, click one to hear it (sound on).
Pronunciation. Press play and the transcript follows the audio; press again to pause.
Voice assistant. The ring that shows the agent is listening and speaking.
Slack walkthrough. A voice command becomes a Slack message, step by step.

The problem

AI voice is invisible. On a web page it’s just claims, until you can see and interact with what the product does.

What I built

Four interactive demonstrations, built as custom Rive components. The ones above are the real production files, running live:

  • Voices: an interactive avatar experience with each voice built in
  • Pronunciation: a UI simulation of speech and text moving together
  • Voice assistant: a ring animation that reacts to states
  • Slack walkthrough: the Saga Messages integration shown step by step

Design decisions

  • Interactive, not video: visitors drive the demo instead of watching it. Audio and images are embedded in each file, so one asset carries the whole experience.
  • State machines over timelines: each voice is its own trigger, so the demo responds to whatever someone clicks next instead of playing a fixed sequence.
  • Built for production: optimized for web performance and tested for playback across devices.
  • Accessible: respects reduced-motion preferences.