ELVIS COMMUNICATIONS LONDON

Honda HTML5 Motion Banners

CREATIVE
DESIGN
MOTION
CODE

Elvis approached us with a brief to use a super detailed illustration, and a reference from the TVC, and create a similar animation, but within 150kb and limited specs. 

 

Transitions and details

The ad needed three frames for the messaging. With the asset of the car on profile, the obvious thing to do was to animate the car and wheels, passing by the frame.

 

The transition would be a pan, and not many assets would be needed. It still needed to pass an impression of depth, so the background, the car and the trees were the layers, and it would move up in the frame.

DESIGN AND MOTION
Exploring the assets and limitations

 
 

The background was the most challenging to tackle. Jpgs would compress the colors too much and pixelate it, so SVG was used. It had to be very cleaned up, so a lot of illustration changes were needed – even creating the whole backgrounds and roads.

 

The other assets were compressed in png-8. It didn’t look amazing, but all assets had consistency and the animation was really smooth and interesting.


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.