THIS IS TOMMY

Tesco Mobile HTML5 Ads Campaign

DESIGN
MOTION
CODE

CONCEPT • DESIGN • MOTION • CODE

Proper Banners has been working with Tommy on banners for a while, with a complete package of designing Storyboards, Animation and Coding, plus adding innovative and fun features.

Rich Motion HTML5 Ads

We helped on two specific campaigns, one with Interactive campaign where the user could see the offers for the displayed proucts.

For the second campaign, we had to create custom animations and use these as PNG sequences to bring life to a smile.

Understanding that the campaign needed some wow-factor, we created a short but effective animation that would attract potential customers - online and in public spaces.

INTERACTIVE ADS

Enabling a richer experience

We designed and created HTML5 animations with custom eases for the animation to be catchy and grab the attention of the users.

Interactive HTML5 Display Ad

Preview Ad

Code

On this campaign we suggested adding some interactivity to the bigger formats (970×250 & 300×600) so that the user could roll-over/tap and see more about each gift that was shipped with the purchase of the S7.

SMILEY ADS

Motion HTML5 Ads with a twist

This other campaign was all about smiles, which was the motto of Tesco Mobile’s campaign.

By giving us as a static image of the bathtub in two points of view with a smile made of the bubbles and spongy eyes, we had to create a animation that would be noticeable but also feel “real”.

Smiley Banners

Preview Ad

The process

We usually do this in After Effects and create animated image sequences so that we don’t rely on video players and get stopped on auto-play limitations on mobiles.

The result was very fun and used across all formats.

Other Formats

As well as creating the HTML5 ads, we are often asked to create page skins, which sometimes require some heavy imaging, like this one, where all the tiles at the top were made digitally.

Selected Works