Thinking beyond
the QR code

Amazon, the world’s largest seller, is in a unique position to pioneer how people shop on their televisions.

Over the last decade, televisions have continued to get smarter and smarter, but the advertisements we see on them have stayed pretty dumb. With most TVs now connected to the internet, and some even having digital assistants of their own, Amazon saw an opportunity to think bigger, and asked us to design a future vision to demonstrate the creative potential of interactive television ads.

Over several months, we designed a foundational framework and over 80 concepts for how that framework could extend to all kinds of products and services.

Role

Design Director

Project Length

3 months

Year

2020-2021

Research & strategy

During discovery, we saw that few ads were doing anything beyond displaying a QR code, which require users have their phone’s ready at all times. We felt the TV watching context offered a great opportunity to showcase Alexa’s voice interactions to build a seamless, lean-back experience.


We discussed this, and more of our discovery findings during a workshop with the team, solidifying our strategy and aligning on a visual direction before diving in.

Mosaic of current ad experiences
Mosaic of current ad experiences
Mosaic of current ad experiences

“I swear, if you pitch us QR codes
I’m going to lose my mind...”

Client stakeholder

“I swear, if you pitch us QR codes
I’m going to lose my mind...”

Client stakeholder

“I swear, if you pitch us QR codes
I’m going to lose my mind...”

Client stakeholder

Mosaic of a workshop recap
Mosaic of a workshop recap
Mosaic of a workshop recap

Design exploration

We went broad when exploring concepts, and crafted storyboards to flesh out those we felt particularly exciting and novel. We also explored ways to elevate the visual design of the Alexa TV experience with moodboards and visual sketches.

Mosaic of concept cards
Mosaic of concept cards
Mosaic of concept cards
Example storyboards
Example storyboards
Example storyboards
Wireframe showing an interactive product tour
Wireframe showing an interactive product tour
Wireframe showing an interactive product tour
Example visual sketch
Example visual sketch
Example visual sketch
Example visual sketch
Example visual sketch
Example visual sketch

A scalable framework

Our system needed to be flexible enough to work with everything from cheap consumables to expensive cars to tax services. It also needed to work alongside existing creative, as well as ads that were purpose-built for interactivity.

The base experience has Alexa sitting alongside existing ad creative, indicating that interaction is possible, and providing a dedicated space for it with a stylized end card.

ad, with a layer of Alexa on top of existing creative.Isometric view of an
ad, with a layer of Alexa on top of existing creative.Isometric view of an
ad, with a layer of Alexa on top of existing creative.Isometric view of an
Image showing the general flow of a commercial playing, and brief interactive period, then moving on to the next ad.
Image showing the general flow of a commercial playing, and brief interactive period, then moving on to the next ad.
Image showing the general flow of a commercial playing, and brief interactive period, then moving on to the next ad.

“This is awesome for people who know what they want or don’t have time to research [alternatives].”

Concept testing participant

“This is awesome for people who know what they want or don’t have time to research [alternatives].”

Concept testing participant

“This is awesome for people who know what they want or don’t have time to research [alternatives].”

Concept testing participant

Deeper engagement

The base framework sets up a consistent model for user engagement by keeping the interaction point consistent while tailoring the available actions to the specific ad.

Cheap items that you’ve bought before can be immediately added to your cart. Expensive items or services can offer quick product tours and demos directly from the ad during a single commercial break.

Diagram showing how the experience moves between the content, advertising, and engagement layers.
Diagram showing how the experience moves between the content, advertising, and engagement layers.
Diagram showing how the experience moves between the content, advertising, and engagement layers.
Close-up of headphone walkthrough
Close-up of headphone walkthrough
Close-up of headphone walkthrough

“It’s almost as if you’re picking them up in store and looking at them physically.”

Concept testing participant

“It’s almost as if you’re picking them up in store and looking at them physically.”

Concept testing participant

“It’s almost as if you’re picking them up in store and looking at them physically.”

Concept testing participant

Close-up of headphone reviews
Close-up of headphone reviews
Close-up of headphone reviews

Saving for later

I think a few things are pretty obvious: most people tune out during ad breaks, and most people don’t want to make ad breaks even longer by interacting with them.

Ads need to provide a compelling reason to engage, so we crafted several unique, app-like experiences to show how brands could go beyond the basics. Users can also save these for later to revisit on their own time, across any device.

Mosaic of TurboTax example
Mosaic of TurboTax example
Mosaic of TurboTax example
Prime Video example
Prime Video example
Prime Video example
Mockup on a mobile phone
Mockup on a mobile phone
Mockup on a mobile phone
Mockup on an Echo show
Mockup on an Echo show
Mockup on an Echo show
Close up of a notification reminding the user of an upcoming experience they saved.
Close up of a notification reminding the user of an upcoming experience they saved.
Close up of a notification reminding the user of an upcoming experience they saved.

Going to market

Concept testing showed there was plenty of potential in these ideas and, with the help of a detailed overview presentation, our client was getting a lot of internal support to continue the work. They eventually fast-tracked the development, and you can see the beginnings of these concepts on Amazon Prime Video.

Behind the scenes view of our live concept test.
Behind the scenes view of our live concept test.
Behind the scenes view of our live concept test.

86

Unique concepts

16

Brand experiences

3

Form factors

Mosaic of a detailed design specification.
Mosaic of a detailed design specification.
Mosaic of a detailed design specification.

“The amount of detail, thoughtful interactions, and vision for how Alexa plays a part in this really shines through.”

Client stakeholder

“The amount of detail, thoughtful interactions, and vision for how Alexa plays a part in this really shines through.”

Client stakeholder

“The amount of detail, thoughtful interactions, and vision for how Alexa plays a part in this really shines through.”

Client stakeholder

There’s much more to share, so let’s connect.

There’s much more to share, so let’s connect.

There’s much more to share, so let’s connect.