THIS IS TOMMY

Netflix Series HTML5 Dynamic Ads

CREATIVE
DESIGN
MOTION
CODE

Tommy asked us to help them create Rich Media Ads for Netflix using GeoLocation, MultiVideo & Swipe – in other words, very complex and innovative HTML5 ads.

Sense8 and House of Cards

We helped create the campaigns for both shows. For Sense8, the campaign was quite extense, including TV interface backgrounds, HTML5 ads with interactive images, and with dynamic videos.

For House of Cards, the challenge was the geo-targeting, which we created versions for different cities in England, based on the best quotes for each region.

SENSE8

Multi-video
Dynamic Ads

This one was a lot of fun. For the new show Sense8, they wanted to present all characters, the trailer and an intro video.

For a bit more wow, I created an edit of the main trailer in After Effects, with explosions and all, and that would play before the branded netflix video.

 

About this Image

User Journey

 

The plan then was to have a static version as a poster, and when interacted, it would jump – seamlessly – into the interactive and higher quality version. I ended up using SVG images so it would scale nicely on retina screens, but the poster image was a very compressed jpeg.

Technical limitations
For the change of assets to be really smooth, the initial load had already the libraries download – thus the file size challenge. Instead of waiting for the image swap and the extra load, there was a quick fade, and the assets would animate and be ready for swipe.

The user would then drag, tap or click the arrows and swipe to match the characters blocks and get to a related end frame – and exit URL.

HOUSE OF CARDS

Geo-targeted Dynamic Ads

The ad had the recent dynamic components in Doubleclick. The geolocation was a challenge as it needed detailed instructions, and the use of Rules to test.

Essentially, the copy would say the City name, and change the show assets, which had a Gif animation and images, all dynamic from DoubleClick Assets.

 

Code

Even thou the code was not HTML5, the strategy and dynamic management was a great learning curve and, realising it does not change at all from HTML5 makes it even more attractive to have this know-how. 

Functionality and Testing

Changing the location of the computer as well as asking friends in such places to test for us, we managed to be 100% that it would all work well. 

DEVIL MAY CRYFull Digital Campaign

COLURICreative and Production

PROJECT CARS 3Display Ads Campaign

POKEMON TRADING CARDSSocial Media Ads

FIDELITYAnimated Infographic Videos

POKER STARSHTML5 Campaign

SWRHTML5 Campaign

VIRGIN MEDIADigital Campaign

SAINSBURY’SHTML5 Ads

NETFLIXHTML5 Ads

FSI INVESTMENTHTML5 Ads

HONDAHTML5 Ads

JP MORGANHTML5 Ads

TESCO MOBILEHTML5 Ads

OLD EL PASODigital Campaign

VASELINEHTML5 Ads

MAGIC FMDigital Campaign

TESCO AND SAMSUNGSocial Media Videos

BAYWATCH FILMSocial Media Videos

ALWAYS AVAILABLE

Get in touch and tell us about your project.