Zooby Doo

CLIENT: TIGERMONKEY MUSIC
ROLE: LEAD DESIGN, ANIMATION, WIREFRAMES AND UX

[unex_ce_button id="content_yqer8p3hi,column_content_j8md8iuz8" button_text_color="#ffffff" button_font="regular" button_font_size="14px" button_width="auto" button_alignment="center" button_text_spacing="1px" button_bg_color="transparent" button_padding="8px 28px 8px 28px" button_border_width="2px" button_border_color="#ffffff" button_border_radius="0px" button_text_hover_color="#ffdd30" button_text_spacing_hover="1px" button_bg_hover_color="#transparent" button_border_hover_color="#ffdd30" button_link="http://www.tigermonkeymusic.com/" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]LAUNCH SITE[/ce_button]

Personalisable experience for a highly contagious track

‘Zooby Doo’ is a track by Tigermonkey. I recognised it straight away from the Ribena advert. The brief was to deliver a mobile experience for the single launch date. I watched the music video that featured whacked-out character-heads on dancers that explode once ‘you’ve caught the Zooby Doo’s’. 

dudesdudes

Infect your friends

The concept was based around the idea of infecting your friends with the ‘Zooby Doo’s’. Users sign into the site with facebook connect and upload a headshot. Every few seconds your face swaps between random GIFs as your character continues to dance in a never ending loop.

laptoplaptop

Looping routines, crazy GIFs and maddening audio

I spent days editing greenscreen footage of dancers to work in continuous loops. I outputted the routines as heavily compressed PNG sequences. I then figured out how to loop the track itself to play in the background of the experience.

THE INDIVIDUAL PNG SEQUENCES

Facebook_post_imageFacebook_post_image
[unex_ce_button id="content_xhqxu7mff" button_text_color="#ffffff" button_font="regular" button_font_size="14px" button_width="auto" button_alignment="center" button_text_spacing="1px" button_bg_color="#161616" button_padding="8px 28px 8px 28px" button_border_width="2px" button_border_color="#ffffff" button_border_radius="0px" button_text_hover_color="#ffdd30" button_text_spacing_hover="1px" button_bg_hover_color="transparent" button_border_hover_color="#ffdd30" button_link="http://www.tigermonkeymusic.com/" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]INFECT YOUR FRIENDS[/ce_button]
[unex_ce_button id="content_cf4zyh6zt,column_content_qgz81t48t" button_text_color="#ffffff" button_font="regular" button_font_size="14px" button_width="content_width" button_alignment="center" button_text_spacing="1px" button_bg_color="#0f0f0f" button_padding="60px 100px 60px 100px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#ffdd30" button_text_spacing_hover="1px" button_bg_hover_color="#161616" button_border_hover_color="#000000" button_link="http://www.ralphpeskett.co.uk/work/master-and-margarita/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]← PREVIOUS PROJECT[/ce_button]
[unex_ce_button id="content_cf4zyh6zt,column_content_d01hsydt6" button_text_color="#ffffff" button_font="regular" button_font_size="14px" button_width="content_width" button_alignment="center" button_text_spacing="1px" button_bg_color="#0f0f0f" button_padding="60px 100px 60px 100px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#ffdd30" button_text_spacing_hover="1px" button_bg_hover_color="#161616" button_border_hover_color="#000000" button_link="http://www.ralphpeskett.co.uk/work/foodoo-academy/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]NEXT PROJECT →[/ce_button]