0 hero-01

NUFU AGENCY

SWR Trains Christmas Campaign

SWR Trains Christmas 
Campaign

SWR Trains Christmas 
Campaign

MOTION
CODE

CONCEPT • DESIGN • MOTION • CODE

CONCEPT • DESIGN  • MOTION  • CODE

NuFu asked Proper Banners to create Standard HTML5 Ads for SWR's 2018 Christmas campaign. The storyboard provided with vector assets, and had details that needed special animation. 

Animation
Routes

Using a mix of HTML5 animation with PNG sprites created in After Effects, we added life to the scenes, and perfected the transitions.

Check the animations below: 

Using a mix of HTML5 animation with PNG sprites created in After Effects, we added life to the scenes, and perfected the transitions.

Check the animations below: 

CREATIVE PRODUCTION

Mixing code and sprites due to file-size

The challange was to create Standard HTML5 150kb banners with enhanced animation, using a mix of JPGs, PNGs and PNG sequences, and animating everything in code. 

09_SWR_ADS2

A full HTML5 Banner suite

Beach Route

The lighthouse animation gives a 2.5D animation quality to the banners.

Using After Effects to create it  and exported as png sequences, it was then controlled via our custom Javascript function. 


Countryside Route

We added some tiny movements to the donkeys eating grass in After Effects. The little details can make a big difference, specially when file size is an issue. 

London Route

All animations on this route were hand-coded in Javascript, including the wheel and the guards. Using light-weight images and controlling these with code allow us to create enhance Standard HTML5 banners.  

Selected Works

Devil May CryFull Digital Campaign

ColuriCreative and Production

Project Cars 3Display Ads Campaign

Pokemon Trading CardsSocial Media Ads

Poker StarsHTML5 Campaign

Pokemon GoSocial Media Ads

FidelityAnimated Infographic Videos

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

ALWAYS AVAILABLE

Get in touch and tell us about your project.

PROPER BANNERS

ATL CREATIVE PRODUCTION LTD
CN: 08060382
VAT: GB211558923

(+44) 0203 633 4390

LONDON

St Louis Offices
Kellett 56


+44 7575 042349

BARCELONA

BetaHaus
Vilafranca 7


+34 650 296 992

ALL RIGHTS RESERVED