HTML5/CSS3/JS Banners.

The EA FIFA 17 banner campaign. These are some units from the rich-media and expandable banner formats/masters I had built for the campaign. These particular units were all hand-coded javascript utilising tweening libraries for animated elements, as opposed to authoring them in Adobe Edge or GWD.  The reason for not being able to utilise the much quicker workflows for animation heavy creatives of Adobe Edge, was DCS QA was failing every rich-media unit built in Edge due a DCS incompatibility/bug in processing Edge builds containg rich media. Ultimately these campaign units were remastered in order to pass the DCS Q&A process.

TECHNOLOGY

Hand coded HTML5 /CSS3 /.js |  Adobe Creative Suite  |  Adobe Generator

970 x 250 Rich Media DCS

FIFA 17 1280 x 418 Expandable Banner

Please Click on the the ‘expand / expandir’ button top right corner, to see the banner expanded animation.

FIFA 17 1280 x 418 Expandable Banner

Please Click on the the ‘expand / expandir’ button top right corner, to see the banner expanded animation.

OVERVIEW

These banners were intented for DCS deliery (click tag code on mouse-click outside of the ‘expand’ button) and were built to strict QC levels imposed by DCS.