|Lunar BBDO
|Lunar BBDO


Animated Website Intro Page for www.lunarbbdo.com


I was commissioned to conceive, design and code an animated website for top London advertising agency Lunar BBDO. The website that once resided at www.lunarbbdo.com was designed to be impactful, combined with an element of fun. The site promoted the agencies client side portfolio and advertising campaigns for some of the world's biggest and well known brands.

The project involved the photography of hundreds of industrial units around the Colwick Industrial Estate in Nottingham. The images were then given colour and texture treatments and separated into their own transparent layers before being animated in Adobe Animate (Flash). Audio and sound played a big part throughout the development of this website and I have to thank Simon Mills of the electronic band Bent for his expertise, help and assistance in making some great samples.

This was a great company to work for and a fantastic commission, the creative team and directors at Lunar BBDO gave me free rein to explore ideas and creative possibilities prior to pitching my concepts and ideas. The journey through the development process was complex yet smooth, I was able to lead the creative process from the onset but was given steer by their excellent team at several junctures along the way. The end result was a website that was raucous, loud and very noisy, it even had a JavaScript function that caused the browser window to vibrate and shake when certain actions were triggered. It was a lengthy but fun project and a great opportunity to work with their campaigns and advertising portfolio and present their business in this fashion.

You can view further animated sequences relating to this project by visiting this page in my animation portfolio.

Below are a series of screen grabs taken from a web browser when the site was live.




Intro Page 1





Intro Page 2





Intro Page 3





Intro Page 4





Intro Page 5





Main Page 1





Main Page 2





Contact Page





Our Work - Curtain Sequence 1





Our Work - Curtain Sequence 2





Our Work - Control Panel





Our Work - Samaritans Advertising Campaigns





Our Work - Samaritans Advertising Campaign 'Rainbow'