← Selected workHulu · 2023

Character audio experience

Mallard

A browser character interaction built around personalized audio playback.

Mallard voice-experience mark used in Hulu's interactive campaign for The Mill

For this Hulu campaign, I contributed browser interaction around personalized character-audio playback.

I worked as part of a TVGla team that included design, production, content, and engineering.

The brief

Create a character interaction with a personal audio moment.

What I built

I contributed browser interaction around character-audio playback.

The result

Visitors move through a character interaction in the browser.

  • Browser interaction around character-audio playback
  • JavaScript and Web Audio delivery
  • Character interaction in the browser
JavaScriptWeb AudioCharacter interaction
  1. Character interactionThe browser experience guides visitors through a character moment.
  2. Audio playbackCharacter audio is selected and played in the browser.
  3. Web AudioBrowser audio APIs support playback within the experience.
  4. Character flowThe interaction pairs browser input and state with character-audio playback.
My roleBrowser interaction flow
I contributed browser interaction around personalized character-audio playback for the Hulu campaign.
The interactionA browser character interaction
The experience pairs a browser interaction with character-audio playback.
Experience boundaryCharacter audio in the browser
The case study focuses on browser interaction around personalized character-audio playback.
Next projectReveal My Aura