renaultsummerpromo2014

Renault Clio Summer Season What Car Homepage Takeover

Can be viewed on DoubleClick here.

This was an After Effects project where the butterflies were animated in 3D in After Effects and then animated onstage using a camera to provide depth of field effects.

The syncing banners were then build for DoubleClick using AS3 with a custom set of classes to make managing the DoubleClick components and the syncing a little more efficient.

niknakshak01

Nik Nak Shak

A work in progress can be viewed here.

This was originally scoped as a Flash build where a group of characters would be constantly moving around in a house, interacting with each other and their environment. At any time a user could come and watch them and see how their favourite character was doing. Over time, the users would vote for their favourite character and the one with the least votes would then be removed from the house – it kinda sounds like a show that sounds a bit like schmig schmother, doesn’t it? :)

The scope was eventually broadened to include tablets and mobile phones so the choice was made to scrap the flash and move to a canvas prototype. Unfortunately, the project ended up getting scrapped due to a change of management at the clients but as a proof of concept, this was worth holding on to.

niknakshak01 niknakshak02

renaultsummer01

Renault Summer Promo 2013 Weather-drive Homepage Takeover

Can be viewed on DoubleClick here.

On this Homepage Takeover, the MPU (300×250) polled the DoubleClick API for the Lat/Long coordinates and fed that to a custom-built weather API (that used the Met Office API) to return the weather in the area that the user was in.

This was then used to change the weather in the banner and the messaging to match. There were various animation techniques used for the weather effects – the storm / rain effects were particularly interesting as they used a combination of noise filters with vertical blurring to create the feeling of rain.

renaultclioiv01

Renault Clio IV Boom Flash and HTML5 Expanding Banner

Can be viewed on DoubleClick here.

This was a fairly simple expanding banner with a neat skew/rotate trick to make the wheels looks like they were turning, however the client liked it so much that they decided that they would want to see it on their tablets as well so the scope was increased to include an HTML5 version.

The DoubleClick support for HTML5 was still in its infancy and this represented the first HTML5 expanding banner that Publicis London had done so it was all new ground. The results were very close to the Flash (there is a toggle between Flash and HTML5 just above the banner in the link).

premierleague01

Premier League Commentary Widget

Can be viewed here.

This was an AS3 Flash build using PureMVC and Flash Player 10 3D transforms for rendering.

The chain of comments are fed by a server-side RESTful XML API written in Java (not mine) which is in turn fed by several syndicated Premier League feeds. This is polled every couple of seconds by the Flash application before updates are pulled through. Old games can be viewed using the same widget / service making a fun trip down memory lane for the truly hardcore footy fan.

The overall effect was to provide an almost teletext-style of feed for the user, but bringing it up to the modern day with interesting visuals and filters for the timeline

premierleague04 premierleague02 premierleague03premierleague01