Vonage · Conversational commerce · 2D product video
Product Training Video for Vonage Conversational Commerce: From Busy Agent to Full Cart
Vonage needed buyers to grasp what Conversational Commerce does before anyone explains a setting. This 30-second product training video teaches the whole loop in pictures: an overloaded support agent, a bot that asks "How can I help?", 8 channels around it, and a chat on a phone that ends on a full cart and "BUY NOW".
Last updated
Vonage · Conversational Commerce
- Client
- Vonage
- Product
- Vonage Conversational Commerce
- Made for
- Brands that sell and support customers over chat and messaging apps
- Format
- 2D motion graphics product video
- Style
- Flat 2D in purple, pink and blue gradients, with almost no on-screen text
- Length
- 0:30
- Production timeline
- 3 to 4 weeks
- Budget
- $1,200 to $2,000
The problem: "conversational commerce" is hard to picture
The phrase covers a lot at once: a support bot, messaging apps, email, calls and a checkout. A CX lead or ecommerce manager hears it and cannot see what changes for their team or their shoppers.
Vonage had 30 seconds to fix that. The video had to show the before (a support agent buried in requests), the product (one bot across every channel) and the after (a shopper who buys inside the chat), with almost nothing to read.
How the Vonage video teaches the product in 7 pictures
The body of the video has only 2 lines of text, so the pictures carry the lesson. Select a time to play that scene above.
| Time | On screen | What it does |
|---|---|---|
| A support agent in a headset at a desk, a dog beside her, and a speech bubble holding a tangled scribble. | Shows the support team's overload without a word. | |
| Over her shoulder, a bot icon pops up in the corner of a web page and says "How can I help?" | Puts the product where a shopper already is. | |
| The bot moves to the center and channel icons connect to it one by one: phone, email, chat, a lightbulb, a calendar, WhatsApp, Messenger and a cart. | Shows one bot answering on every channel. | |
| The screen tilts and becomes a phone in a shopper's hand, where the bot and the shopper trade chat bubbles. | Moves the conversation to the device people buy on. | |
| A product list fills the phone: a plane, a gift, a plant and a bike, while the same items appear around the phone. | Turns the chat into products the shopper can choose. | |
| A cart with a "3" badge and a "BUY NOW" button. | Ends the lesson on the sale. | |
| Vonage end card: "Communications APIs", "Unified Communications", "Contact Centers", "Conversational Commerce", "Learn More". | Places the product in Vonage's lineup. |
Storyboard: the frames that carry the Vonage product training video
Key frames from the finished video, in order. Select a time to play that moment above.
The problem in one symbol: a tangled queue. 
The product arrives with its own first line. 
Channels start to attach to the bot. 
One bot, 8 channels, including WhatsApp and Messenger. 
The screen tilts toward the shopper's phone. 
The conversation moves to the phone in the shopper's hand. 
The chat turns into products. 
The lesson ends on the sale. 
The end card places the product in Vonage's lineup.
4 decisions behind the Vonage Conversational Commerce video
Decision 1
Draw the pain as one symbol
At 0:02 the agent's speech bubble holds a tangled scribble. No stat, no caption: the viewer reads overload in 1 second.
Copy it: Find one symbol for your buyer's problem and give it 3 seconds before the product appears.
Decision 2
Let the product speak the only line
"How can I help?" at 0:08 is the first line of text in the video, and it comes from the bot itself.
Copy it: If your product talks to users, let its own UI line be the copy instead of a narrator's claim.
Decision 3
Build reach as a hub
From 0:12 to 0:17 channel icons attach to the bot one at a time until 8 surround it, including WhatsApp and Messenger.
Copy it: Show integrations or channels growing around your product, one by one, so the count lands without a list.
Decision 4
End on the cart, then the logo
At 0:28 the last product picture is a cart with a "3" badge and "BUY NOW", one second before the Vonage end card.
Copy it: Close on the result your buyer reports to their boss, such as orders, and keep the logo for the final second.
From tangled queue to full cart: building the Vonage 2D lesson
- 5-step lesson. The 30 seconds were split into 5 steps: overload, bot, channels, chat on a phone, checkout.
- Visual assets. The agent, the dog, the desk, the bot icon, 8 channel icons and the product items were designed in one flat gradient palette.
- UI elements. The web page, chat bubbles, product list and cart card were built as simple UI and composited onto the screens.
- Character and motion. The agent and the shopper's hands were animated, and the channel icons were timed to attach to the bot one by one.
- Transitions. Scenes were joined with moves such as the monitor tilting into the phone at 0:18, so the 30 seconds play as one thread.
- Sound, music and edit. Sound design and music synchronization closed the scope, with the edit ending on the Vonage end card.
Scope of work:
Production took 3 to 4 weeks on a budget of $1,200 to $2,000. See the SaaS video production service for how a project like this is scoped.
Questions about the Vonage product training video
Why does the Vonage video open on a tangled scribble?
At 0:02 the support agent's speech bubble holds a knot of lines. It shows a team buried in requests in 1 picture, so the bot that appears at 0:08 reads as the fix.
Which channels does the Vonage bot connect to in the video?
By 0:17 there are 8 icons around the bot: phone, email, a chat bubble, WhatsApp, Messenger, a calendar, a lightbulb and a shopping cart.
Why is there so little text in the Vonage video?
The body of the video has 2 lines: "How can I help?" at 0:08 and "BUY NOW" at 0:28. Everything else is pictures, so very little needs translating. The YouTube title marks this cut as "(English)".
How does the video get from a chat to a sale?
At 0:18 the screen tilts into a phone where the bot and shopper chat. At 0:24 a product list appears, and at 0:28 the cart shows a "3" badge with "BUY NOW".
Can a 30-second video work as product training?
It works as the first lesson: what the product does and for whom, in 5 steps. It does not show setup screens, so a longer how-to video would follow it.
How long did the Vonage video take and what did it cost?
Production took 3 to 4 weeks on a budget of $1,200 to $2,000, covering visual asset design, motion graphics, UI compositing, character animation, transitions, effects, sound design, music sync and editing.
What Advids clients say
"I worked with the ADVIDS team on an explainer video for Dhyan Networks. We sent them changes every week, often twice a week. Not once did they complain, they just turned them around."Tony Lacy-Thompson, Growth and Product Marketing Director at Dhyan Networks
Need buyers to understand your platform in the time it takes to scroll past it?
Talk to Advids