Digital Display Advertising

Adobe Flash play­er was a driv­ing force for cre­ativ­ity in the early days of the web, as well as the deliv­ery mech­an­ism for deliv­ery of anim­a­tion and rich media digit­al dis­play advert­ising units. Design­ers were able to use simple stage-based anim­ated frames and scenes, and developers had access to power­ful script­ing frameworks.

The ad:tech industry has now mostly switched over to the less pro­pri­et­ary HTM­L5-based anim­a­tions (for easi­er debug­ging and bat­tery optimisation).

This is a small selec­tion of my Flash ban­ners, where I have often tried to invoke a sense of util­ity — because when advert­ising is done well it is use­ful.

How to enable Flash in modern browsers (e.g. Google Chrome)
If you aren’t see­ing anim­a­tions, make sure Flash is “enabled” — as many mod­ern browsers now block it by default.

Visa business credit cards

An action­script (AS2) Flash-based ban­ner cam­paign to pro­mote Visa’s cred­it card for busi­ness, these anim­a­tions were used in many sizes and cre­at­ive exe­cu­tions. It starts with the real time (retrieved from the user­’s com­puter clock), and increases in speed to give the impres­sion of ‘time fly­ing by’.

Care­ful atten­tion to detail meant it closely rep­res­en­ted both the ana­logue mech­an­ism and a blurred anim­a­tion effect, while still being fully gen­er­ated in real time.

Files­ize: 42kb

Ever wonder where the time goes?

UBS tracked investments

Rich media ban­ner con­tain­ing a live stock tick­er feed from extern­al source.

Files­ize: 42kb

National Booktokens

Mouse-based draw­ing applic­a­tion delivered as part of dis­play advertising.

Files­ize: 184kb

Samsonite Cubelite

The Cube­l­ite premi­um lug­gage col­lec­tion (now re-branded as Lite-cube) star­ted in ran­dom loc­a­tions and util­ised a simple col­li­sion-detec­tion algorithm — as well as real­ist­ic shad­ows — to gen­er­ate more visu­al interest on repeated viewings.

Files­ize: 31kb

Get Adobe Flash player

Dove Body Wash

Mul­tiple lay­ers of blurred rain­drops (arranged using Dis­ney’s “mul­ti­plane” anim­a­tion tech­nique to give the impres­sion of depth), arti­fi­cial steam, three product shots and a logo into a min­im­um file size.

Files­ize: 26kb

Daily Mail Wine Club

The image trans­ition here uses a simple smooth anim­ated mask reveal (con­trolled pro­gram­mat­ic­ally using AS3).

Files­ize: 29kb