Creating an AI Agent Chat for Interactive Video Ads
The AI Agent Chat project transforms passive video ads into interactive conversations, allowing viewers to engage with brands directly within the video player.
User Engagement
Users experienced 8 times more engagement time, averaging over 3 minutes, compared to traditional static end cards.
Design Goals
The design aimed to create a seamless, frictionless experience by keeping interactions within the video player and allowing for a fluid conversation flow.
Key Features
The chat interface includes customizable elements like cards and media, and offers a full-screen mode for detailed interactions, enhancing user experience.
Results Achieved
Successfully launched the first AI video ad format at ShowHeroes, significantly reducing conversion friction by integrating lead generation directly into the video player.
about the project
AI Agent Chat turns passive video ads into active conversations. It’s an interactive end card built right into the video player, letting viewers chat with the brand and share their info without ever leaving the ad.
8x
engagement time
~3 min
interaction time
my role
I led the design from start to finish, defining how the AI interaction feels and building a flexible UI for chat and rich media. I teamed up with stakeholders and engineering to make sure the format was scalable and ready for pilot launches across CTV and web.
problems to solve
- Traditional end cards were too static, with most viewers glancing at them for just a few seconds before moving on.
- Brands were looking for real, meaningful engagement that a simple button could not provide.
- As Cookies 🍪 fade and targeting gets tougher, capturing user intent directly inside the ad is now a huge competitive advantage.
- External landing pages were conversion killers, as forcing people to leave the video player to fill out a form caused most of them to drop off.
my goals
- Turn ads into a conversation rather than just another one-way message.
- I wanted to keep the experience entirely inside the player to make conversion as frictionless as possible.
- Build a fluid experience that handles questions, curiosity, and actions all in one flow.
- Design a flexible UI that adapts to any player size, ensuring a seamless experience across both web and mobile browsers.
key decisions
- I kept the UI super light and minimal to make the chat interface feel like a native part of the player.
- I added things like cards, forms, and media right inside the chat bubbles. This way, users can explore products or sign up without ever having to leave the conversation.
- For longer interactions, I introduced a full-screen mode. It gives the conversation space to breathe when things get detailed, without cluttering the small, compact view.
- Enabled full customization for colors, assets, and tone of voice. This means brands can make the tool feel like their own without us having to rebuild it every time.
Full screen mode
results
- Users spent 8× more time with the brand (averaging 3+ minutes) compared to static cards.
- Shipped the first AI video ad format at ShowHeroes, embedding a conversational assistant directly into the player.
- Removed conversion friction by moving lead generation from external pages directly into the video player.
Team
