BRANDON GENERATOR

An interactive web experience for Microsoft about a cursed writer in desperate need of inspiration.

Written and directed by award-winning writer and director Edgar Wright, with illustrations by US artist Tommy Lee Edwards, this Internet Explorer Production presents the first ever animated story where the user is invited to get involved by contributing his drawings, prose or audio to help inspire Brandon.

Showcasing all the new and cool technology IE9 and HTML5 have to offer, this interactive experience puts you in control of Brandon’s destiny, which was divided into 4 highly addictive episodes. The experience has proved a hit with the media and the general public with over 600,000 visitors to the site and 10,000 crowdsourced submissions.

My role, as the lead digital designer of the project, was to develop the creative visuals that helped fuse the interactive elements, interface designs, HTML animations and transitions with the crowdsourcing moments.

 

MY ROLE  Design                    AGENCY  DigitasLBi

A cool framework and episode menu

A fun little drawing tool

Fans were asked to inpire Brandon drawing the coffee monster of his dreams. Over 1000 submissions in only 2 days – not bad eh?

drawing-screens1100drawing-screens1100
monstersmonsters

Are you the mystery girl? 

Let’s help Brandon find the girl he saw in his dreams and discovered mysteriously in his wallet. For the chance to be featured in the next episode fans sent pictures of themselves and left Brandon a message on his phone. 

girl3girl3
067067

Brandon collapses and wakes up to his computer full of new ideas that he hasn’t created.

An interactive experience that gave users the chance to help shape the story. In each episode they were able to contribute at different stages, either through Brandon’s computer or via other elements in his environment.

textinput9textinput9
phone-screens1100-3phone-screens1100-3

Interactivity was taken to the next level through the use of phone and dictaphone messages which fans could leave a message to help inspire Brandon.

AWARDS WON

Lovies 2012 Silver peoples choice
–  HTML 5  –  Design  –  Movie&Film  –

Lovies 2012 Bronze peoples choice 
–  Integrated Experience  –

Digital Impact 2012, Bronze awards
–  Best use of digital in a change or rebrand situation  –
–  Best use of online video  –

logo-footer1logo-footer1