http://www.benjaminheath.co.uk Benjamin Heath | Design | Illustration | Animation Mon, 13 Dec 2010 01:06:04 +0000 http://www.benjaminheath.co.uk en http://benjaminheath.co.uk/Apache-Air-Assault http://benjaminheath.co.uk/following/benjaminheath.co.uk/Apache-Air-Assault Mon, 13 Dec 2010 01:06:04 +0000 Benjamin Heath | Design | Illustration | Animation 853049 This was a simple micro-site for the the Activision game 'Apache Air Assult.' There is a simple tabbed content system and the games graphics were a major influence in the design's military feel. <img src="http://payload.cargocollective.com/1/0/7285/853049/insitu_apache.jpg" width="670" height="470" width_o="670" height_o="470" src_o="http://payload.cargocollective.com/1/0/7285/853049/insitu_apache_o.jpg" data-mid="4069668" border="0" align="left"/> Homepage <img src="http://payload.cargocollective.com/1/0/7285/853049/ap_01.jpg" width="670" height="429" width_o="670" height_o="429" src_o="http://payload.cargocollective.com/1/0/7285/853049/ap_01_o.jpg" data-mid="4069671" border="0" align="left"/> Video page <img src="http://payload.cargocollective.com/1/0/7285/853049/ap_02.jpg" width="670" height="429" width_o="670" height_o="429" src_o="http://payload.cargocollective.com/1/0/7285/853049/ap_02_o.jpg" data-mid="4069672" border="0" align="left"/> Screen shot page <img src="http://payload.cargocollective.com/1/0/7285/853049/ap_03.jpg" width="670" height="429" width_o="670" height_o="429" src_o="http://payload.cargocollective.com/1/0/7285/853049/ap_03_o.jpg" data-mid="4069674" border="0" align="left"/> Registration page <img src="http://payload.cargocollective.com/1/0/7285/853049/ap_04.jpg" width="670" height="429" width_o="670" height_o="429" src_o="http://payload.cargocollective.com/1/0/7285/853049/ap_04_o.jpg" data-mid="4069675" border="0" align="left"/> This work was produced for Five by Five in 2010 http://benjaminheath.co.uk/CAF http://benjaminheath.co.uk/following/benjaminheath.co.uk/CAF Fri, 10 Dec 2010 02:56:54 +0000 Benjamin Heath | Design | Illustration | Animation 844377 Role: Design The brief for the Charities Aid Foundation website stated that the site needed to have an AAA accessibility rating and was quite restrictive in terms of the page content and usability. It was therefore important for me to establish a set of rules for how the content was to be displayed and this was achieved by developing specific content modules which sat on a ridged grid structure. Once the ground rules were set in place the site really started to come together. Homepage <img src="http://payload.cargocollective.com/1/0/7285/844377/CAF_Home.jpg" width="670" height="856" width_o="670" height_o="856" src_o="http://payload.cargocollective.com/1/0/7285/844377/CAF_Home_o.jpg" data-mid="4038255" border="0" align="left"/> Information page <img src="http://payload.cargocollective.com/1/0/7285/844377/CAF_Charity_Profile.jpg" width="670" height="705" width_o="670" height_o="705" src_o="http://payload.cargocollective.com/1/0/7285/844377/CAF_Charity_Profile_o.jpg" data-mid="4038250" border="0" align="left"/> Form layout <img src="http://payload.cargocollective.com/1/0/7285/844377/CAF_ICharityAccount.jpg" width="670" height="1100" width_o="670" height_o="1100" src_o="http://payload.cargocollective.com/1/0/7285/844377/CAF_ICharityAccount_o.jpg" data-mid="4038269" border="0" align="left"/> It was important for me to create a detailed style sheet so that the web development team could create a library of each module design and then quickly add modules and content to web pages where and when they were needed. Style sheet <img src="http://payload.cargocollective.com/1/0/7285/844377/CAF_stylesheet.jpg" width="670" height="3227" width_o="670" height_o="3227" src_o="http://payload.cargocollective.com/1/0/7285/844377/CAF_stylesheet_o.jpg" data-mid="4038610" border="0" align="left"/> This work was produced for Albion in 2010 http://benjaminheath.co.uk/Slapometer http://benjaminheath.co.uk/following/benjaminheath.co.uk/Slapometer Thu, 09 Dec 2010 23:02:41 +0000 Benjamin Heath | Design | Illustration | Animation 334460 Role: Design, Art Direction and Illustration The Slapometer is a ‘watch along’ website that lets you ‘vote with the back of your hand’ by slapping along to the live televised election debates. It’s a way for people to express their opinion on the leaders’ performances during the debate, by virtually ‘slapping’ them when they say something particularly wrong. Live graphs show what everybody is feeling, in real time. Vote with the back of your hand here Here are the original designs that I produced for the web application showing the Homepage, Statistics section and 'Live Debate' page. Homepage <img src="http://payload.cargocollective.com/1/0/7285/334460/slapometer_flow-1.jpg" width="670" height="1025" width_o="670" height_o="1025" src_o="http://payload.cargocollective.com/1/0/7285/334460/slapometer_flow-1_o.jpg" data-mid="4035389" border="0" align="left"/> Statistics section <img src="http://payload.cargocollective.com/1/0/7285/334460/slapometer_flow-2.jpg" width="670" height="1025" width_o="670" height_o="1025" src_o="http://payload.cargocollective.com/1/0/7285/334460/slapometer_flow-2_o.jpg" data-mid="4035396" border="0" align="left"/> Live Debate <img src="http://payload.cargocollective.com/1/0/7285/334460/slapometer_flow-3.jpg" width="670" height="1025" width_o="670" height_o="1025" src_o="http://payload.cargocollective.com/1/0/7285/334460/slapometer_flow-3_o.jpg" data-mid="4035402" border="0" align="left"/> The final product was slightly altered from the original designs to meet completion deadlines - all the work including design, animation and build was done out of work hours by small team of dedicated Albion staff. <img src="http://payload.cargocollective.com/1/0/7285/334460/slapometer.png" width="670" height="611" width_o="1036" height_o="945" src_o="http://payload.cargocollective.com/1/0/7285/334460/slapometer_o.png" data-mid="2478072" border="0" align="left"/> Initial designs for an iphone application were also completed. <img src="http://payload.cargocollective.com/1/0/7285/334460/islap.jpg" width="670" height="620" width_o="670" height_o="620" src_o="http://payload.cargocollective.com/1/0/7285/334460/islap_o.jpg" data-mid="4035492" border="0" align="left"/> This work generated massive press for Albion and was featured on National and International news channels, both in the UK and around the world including: * The Telegraph * Guido Fawkes * The Times * The Daily Star * Channel 4 * Wall Street Journal * Spiegel * ITN * Le Post The Debates During the three debates, almost 5.5 million slaps were counted as people used the Slapometer to register their opinion on the leaders’ performances ‘live’. Meridian Outdoor and Forrest Group helped us put Slapometer on big screens in Manchester and Glasgow too. <img src="http://payload.cargocollective.com/1/0/7285/334460/slap_manchester.jpg" width="645" height="429" width_o="645" height_o="429" src_o="http://payload.cargocollective.com/1/0/7285/334460/slap_manchester_o.jpg" data-mid="4069939" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/7285/334460/award_image.jpg" width="400" height="106" width_o="400" height_o="106" src_o="http://payload.cargocollective.com/1/0/7285/334460/award_image_o.jpg" data-mid="12743372" border="0" align="left"/> One Show - Merit (2011) This work was produced for Albion in 2010 http://benjaminheath.co.uk/giffgaff-com http://benjaminheath.co.uk/following/benjaminheath.co.uk/giffgaff-com Wed, 25 Aug 2010 07:57:26 +0000 Benjamin Heath | Design | Illustration | Animation 334459 Role: Design, Art Direction My task was to refresh giffgaff's online presence. This included producing a tool sheet and style guide, creating a standard format for online comms and a re-design of the brand website. <img src="http://payload.cargocollective.com/1/0/7285/334459/insitu_homepage.jpg" width="670" height="470" width_o="670" height_o="470" src_o="http://payload.cargocollective.com/1/0/7285/334459/insitu_homepage_o.jpg" data-mid="2718387" border="0" align="left"/> The site design revolves around modules that form together to create individual pages. This enables giffgaff to have a huge amount of flexibility with their content. <img src="http://payload.cargocollective.com/1/0/7285/334459/example page.jpg" width="670" height="826" width_o="670" height_o="826" src_o="http://payload.cargocollective.com/1/0/7285/334459/example page_o.jpg" data-mid="2718388" border="0" align="left"/> The creation of the tool sheet was an important aspect of the project. Having a layered psd containing all the site elements enabled pages and content to be easily created. <img src="http://payload.cargocollective.com/1/0/7285/334459/giffgaff_webguidestyle.jpg" width="670" height="2650" width_o="670" height_o="2650" src_o="http://payload.cargocollective.com/1/0/7285/334459/giffgaff_webguidestyle_o.jpg" data-mid="2718448" border="0" align="left"/> I was also tasked with developing a style for the online comms. During this period giffgaff were still keen to use pixelated character animations so I also developed several characters and scenarios to use across their banners. <img src="http://payload.cargocollective.com/1/0/7285/334459/product_banner.jpg" width="670" height="680" width_o="670" height_o="680" src_o="http://payload.cargocollective.com/1/0/7285/334459/product_banner_o.jpg" data-mid="4070089" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/7285/334459/Pixel_banner.jpg" width="670" height="948" width_o="670" height_o="948" src_o="http://payload.cargocollective.com/1/0/7285/334459/Pixel_banner_o.jpg" data-mid="4070071" border="0" align="left"/> This work was produced for Albion in 2010 http://benjaminheath.co.uk/O2-Simplicity http://benjaminheath.co.uk/following/benjaminheath.co.uk/O2-Simplicity Sat, 14 Aug 2010 09:02:55 +0000 Benjamin Heath | Design | Illustration | Animation 104136 I've worked on many briefs for telecommunications giant O2. Some of the nicest executions were for their Simplicity Tariff. Below is an banner that I concepted, designed and built based around the idea of swarming SIMcard shapes. <img src="http://payload.cargocollective.com/1/0/7285/104136/image_01.jpg" width="670" height="766" width_o="670" height_o="766" src_o="http://payload.cargocollective.com/1/0/7285/104136/image_01_o.jpg" data-mid="445502" border="0" align="left"/> This work was produced for Agency Republic in 2009 http://benjaminheath.co.uk/Tube-Truth http://benjaminheath.co.uk/following/benjaminheath.co.uk/Tube-Truth Mon, 23 Nov 2009 13:03:10 +0000 Benjamin Heath | Design | Illustration | Animation 158719 I produced this illustration for Ben Harris' Tube Truth series: Elephant and Castle Named after Richard Elephant and Diane Castle, a famous double act who combined magic and dance in the early 19th century. Having met on the thriving East London salsa dancing circuit, Elephant and Castle danced semi-professionally for almost a year. However after an unfulfilling period of narrowly missing out on prizes, Diane suggested that what the partnership needed was "A little bit of magic." Although no one could have envisaged how literal she was being. Soon after they were wowing Europe's aristocracy with "The Three Cups and Balls Waltz" and "The Saw the Lady in Half Bolero." Both drowned on the Titanic. <img src="http://payload.cargocollective.com/1/0/7285/158719/elephantcastle_small.jpg" width="670" height="948" width_o="670" height_o="948" src_o="http://payload.cargocollective.com/1/0/7285/158719/elephantcastle_small_o.jpg" data-mid="683676" border="0" align="left"/> This work was produced for Ben Harris in 2009 http://benjaminheath.co.uk/HEARTbeast http://benjaminheath.co.uk/following/benjaminheath.co.uk/HEARTbeast Mon, 16 Nov 2009 11:10:30 +0000 Benjamin Heath | Design | Illustration | Animation 149103 This is the logo I created for HEARTbeast, my Dj collaboration with Michael Robinson. We are the resident DJs @ Lovers Unite club night, Barfly Camden on the 1st Friday of every month. <img src="http://payload.cargocollective.com/1/0/7285/149103/01_heartbeast_logo.jpg" width="670" height="507" width_o="670" height_o="507" src_o="http://payload.cargocollective.com/1/0/7285/149103/01_heartbeast_logo_o.jpg" data-mid="639167" border="0" align="left"/> I have to give a shout out here to Stevo from PYKY, the untitled alphabet typeface used in the HEARTbeast logo was found on his site. It was originally designed in 1926 by Andre Vlaanderen, a Dutch Typographer. Great find Stevo! This work was produced for HEARTbeast in 2009 http://benjaminheath.co.uk/Loom http://benjaminheath.co.uk/following/benjaminheath.co.uk/Loom Tue, 08 Sep 2009 12:39:05 +0000 Benjamin Heath | Design | Illustration | Animation 75081 The brief behind my major project was to brand an animation exhibition that would bring the world of non-commercial animation to the general public and help this medium find its place in mainstream British culture. Contemporary animation is producing some of the most arresting and innovative contemporary art in Britain today, its technically sophisticated, beautifully drawn and vividly imaginative. My project had to reflect these characteristics and be an innovative and curious brand that would reveal what a potentially fantastic medium contemporary animation is. My final concept was to create an exhibition called Loom. I chose the name because of it’s meanings and connotations with emerging and creating as well as having a sinister side to it. I thought it important that the feel should match that of the animation and illustration styles used in contemporary animation and through this I decide to build my brand around an unusual character. <img src="http://payload.cargocollective.com/1/0/7285/75081/01_loom_poster.jpg" width="670" height="948" width_o="670" height_o="948" src_o="http://payload.cargocollective.com/1/0/7285/75081/01_loom_poster_o.jpg" data-mid="325270" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7285/75081/02_loom_poster.jpg" width="670" height="738" width_o="670" height_o="738" src_o="http://payload.cargocollective.com/1/0/7285/75081/02_loom_poster_o.jpg" data-mid="325293" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/7285/75081/award_image.jpg" width="400" height="106" width_o="400" height_o="106" src_o="http://payload.cargocollective.com/1/0/7285/75081/award_image_o.jpg" data-mid="325784" border="0" align="left"/> Stranger Magazine - Graduate Award (2006) <img src="http://payload.cargocollective.com/1/0/7285/75081/03_loom_stranger.jpg" width="670" height="279" width_o="670" height_o="279" src_o="http://payload.cargocollective.com/1/0/7285/75081/03_loom_stranger_o.jpg" data-mid="325781" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/7285/75081/04_loom_stranger.jpg" width="550" height="1432" width_o="550" height_o="1432" src_o="http://payload.cargocollective.com/1/0/7285/75081/04_loom_stranger_o.jpg" data-mid="330660" border="0" align="left"/> This work was produced during my Degree at Falmouth College of Art in 2006 It was also featured in the Falmouth College of Art Design Showcase http://benjaminheath.co.uk/E4-Music http://benjaminheath.co.uk/following/benjaminheath.co.uk/E4-Music Tue, 08 Sep 2009 12:38:09 +0000 Benjamin Heath | Design | Illustration | Animation 75083 I animated this entry into the 2007 E-stings & Creative Review competition. It was shortlisted as a finalist and was aired on the E4 channel. It is still being aired on E4. E4 Music from benjamin heath on Vimeo. <img src="http://payload.cargocollective.com/1/0/7285/75083/01_E4.jpg" width="670" height="538" width_o="670" height_o="538" src_o="http://payload.cargocollective.com/1/0/7285/75083/01_E4_o.jpg" data-mid="325696" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7285/75083/02_E4.jpg" width="670" height="538" width_o="670" height_o="538" src_o="http://payload.cargocollective.com/1/0/7285/75083/02_E4_o.jpg" data-mid="325697" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7285/75083/03_E4.jpg" width="670" height="538" width_o="670" height_o="538" src_o="http://payload.cargocollective.com/1/0/7285/75083/03_E4_o.jpg" data-mid="325698" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7285/75083/04_E4.jpg" width="670" height="538" width_o="670" height_o="538" src_o="http://payload.cargocollective.com/1/0/7285/75083/04_E4_o.jpg" data-mid="325703" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7285/75083/05_E4.jpg" width="670" height="538" width_o="670" height_o="538" src_o="http://payload.cargocollective.com/1/0/7285/75083/05_E4_o.jpg" data-mid="325700" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/7285/75083/06_E4.jpg" width="670" height="538" width_o="670" height_o="538" src_o="http://payload.cargocollective.com/1/0/7285/75083/06_E4_o.jpg" data-mid="325701" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/7285/75083/award_image.jpg" width="400" height="106" width_o="400" height_o="106" src_o="http://payload.cargocollective.com/1/0/7285/75083/award_image_o.jpg" data-mid="320971" border="0" align="left"/> E4 & Creative Review - finalist E-stings competition 2007 http://benjaminheath.co.uk/Teapot http://benjaminheath.co.uk/following/benjaminheath.co.uk/Teapot Mon, 07 Sep 2009 14:16:54 +0000 Benjamin Heath | Design | Illustration | Animation 77315 This was a self-promotional illustration and animation that I made in 2006. Teapot from benjamin heath on Vimeo. <img src="http://payload.cargocollective.com/1/0/7285/77315/01_teapot.jpg" width="670" height="537" width_o="670" height_o="537" src_o="http://payload.cargocollective.com/1/0/7285/77315/01_teapot_o.jpg" data-mid="331226" border="0" align="left"/> This work was produced during my Degree at Falmouth College of Art in 2006