Business Gateway Pre-roll

This non-interactive advertising piece was produced for Business Gateway in December 2012 and featured as a pre-roll commercial on 4od and other video on demand platforms.

Working with creative agency Whitespace, illustrator Johanna Basford, and photographer Jakub Iwanicki, my role was to ‘stitch’ together the time-lapsed footage and create the animated elements of the piece.

Sustainable Business Showreel

Lloyds Supporting UK Business is an online tool from Lloyds Business Banking, providing support and advice to small business and start-up companies.

The client was keen to promote a new sustainability suite on the site, aimed at assisting businesses with their sustainability policy. This showreel demonstrates how easy the tool is use and the benefits it can offer.

Since this is a passive piece, using no interactive elements, it was developed fully using Photoshop and After Effects.

Screenshots were taken from the tool itself and cut up into layers. These layers were imported into After Effects and composited together to simulate the tool’s interaction sequences. It was important to keep the showreel fast moving and interesting to keep the viewer’s interest.

The showreel was well received when it was integrated onto the sustainability website, and was also taken on the road and used as part of the display on several trade show appearances.

Digital & Outdoor Advertising

Jupiter have a wide ranging, high-profile portfolio of advertising, and they take their online advertising as seriously as their offline, if not more so.

They are an adventurous client, always seeking new and interesting ways to appeal to their audience, while also moving their brand onwards.

My role on these campaigns has varied between visual design, motion design, and interface design. Many of the ads involve intricate animation sequences, where special scripting libraries are used to produce physics and 3d graphic effects.

Deliverable assets were a mix of Flash files or video files, depending on the requirements of the media being targeted.

These digital campaigns have been featured on many of the top news media sites in the UK, including The Times, Telegraph, and Yahoo! The digital outdoor campaigns have been featured in some of the UK’s major transport hubs, including the London Underground.

Creative Zone, a showcase site from publishing platform Mediamind, has featured many of the creatives in their collection.

Digital & Outdoor Advertising

The client and agency relationship here has been long and successful, delivering many successful digital advertising campaigns that have been years ahead of the competition.

The recent challenge was to continue this successful tradition by pushing the envelope for their online campaigns, while branching out to new formats such as digital outdoor media.

My role on these campaigns has varied between visual design, motion design, and interface design. Many of the ads involve intricate animation sequences, where special scripting libraries are used to produce physics and 3d graphic effects.

Deliverable assets were a mix of Flash files or video files, depending on the requirements of the media being targeted.

These digital campaigns have been featured on many of the top news media sites in the UK, including The Times, Telegraph, and Yahoo! The digital outdoor campaigns have been featured in some of the UK’s major transport hubs, including the London Underground.

Creative Zone, a showcase site from publishing platform Mediamind, has featured many of the creatives in their collection.

“Heavy Petal Band”

WTF is this madness?

This is a piece I created for an Edinburgh art event in September 2011.

I used the opportunity to experiment with animation (in particular stop-motion and time-lapse), video editing, and projection mapping.

Projection Mapping – that’s always done on buildings right?

Buildings are commonly used in projection mapping, but the technique can be applied to any objects or spaces.

My set-up was quite simple, projecting onto a wall of frames, with a row of books underneath.

Did you create the images yourself?

All the imagery you see in the pieces was created from my own photography – about 300 photographs per piece.

The photos were taken and then stitched together to create the animated objects. These objects were then manipulated digitally, to be synced with the audio track.

Was there any programming involved?

There was no programming needed for the main part of the piece, but the light projected onto the books below the frames is live sound spectrum data from the audio track.

This data was processed and turned into a visualisation using Flash.

“Landscape With Cranes”

WTF is this madness?

This is a piece I created for an Edinburgh art event in September 2011.

I used the opportunity to experiment with animation (in particular stop-motion and time-lapse), video editing, and projection mapping.

Projection Mapping – that’s always done on buildings right?

Buildings are commonly used in projection mapping, but the technique can be applied to any objects or spaces.

My set-up was quite simple, projecting onto a wall of frames, with a row of books underneath.

Did you create the images yourself?

All the imagery you see in the pieces was created from my own photography – about 300 photographs per piece.

The photos were taken and then stitched together to create the animated objects. These objects were then manipulated digitally, to be synced with the audio track.

Was there any programming involved?

There was no programming needed for the main part of the piece, but the light projected onto the books below the frames is live sound spectrum data from the audio track.

This data was processed and turned into a visualisation using Flash.

Panic The Cat

Who Is Panic the Cat?

Panic used to be a normal kitty – until the day his owner left him to fend for himself on a Newcastle council estate, while she ran off to London with dreams of being a popstar.

Left alone with nothing to do but read piles of fashion and gossip mags, Panic grew up to become a bitter and twisted fashion expert.

In 2011, Panic was hired by Facebook game “Beautytown”, to become their voice of fashion – dishing the dirt on the biggest names in the world of entertainment.

How did the campaign work?

Every day for a month, Panic released a new celebrity put-down video. The videos were promoted daily through Facebook, along with other blog content from the character.

Visitors to the site were shown the most recent video, and given the option to view videos for the previous days.

Users were given exclusive access to tomorrow’s video by sharing the site through Facebook and Twitter.

And what was your input?

Coming in just after filming had finished, I was tasked with editing the videos and syncing them with the separately recorded voice-overs.

I then built the website that incorporated the video, audio, images, and social media components, and made them all play nicely together.

What’s the technology behind the site?

The site was built using Flash – this decision was made because the majority of the content was video and audio, and required a degree of copy-protection. The wide ranging penetration of Flash Player was also a factor in the decision.

Javascript was used to provide the social media integration, and we used a PHP script to access the live images by proxy.

“Let’s Get Fizzical”

WTF is this madness?

This is a piece I created for an Edinburgh art event in September 2011.

I used the opportunity to experiment with animation (in particular stop-motion and time-lapse), video editing, and projection mapping.

Projection Mapping – that’s always done on buildings right?

Buildings are commonly used in projection mapping, but the technique can be applied to any objects or spaces.

My set-up was quite simple, projecting onto a wall of frames, with a row of books underneath.

Did you create the images yourself?

All the imagery you see in the pieces was created from my own photography – about 300 photographs per piece.

The photos were taken and then stitched together to create the animated objects. These objects were then manipulated digitally, to be synced with the audio track.

Was there any programming involved?

There was no programming needed for the main part of the piece, but the light projected onto the books below the frames is live sound spectrum data from the audio track.

This data was processed and turned into a visualisation using Flash.