David Rutter - Graphic Design, Digital and Photography Portfolio http://www.davidrutter.com David Rutter - Graphic Design, Digital and Photography Portfolio Sun, 16 Jan 2011 04:02:07 +0000 http://www.davidrutter.com en Notworkrelated Travel Photography http://www.davidrutter.com/Notworkrelated-Travel-Photography http://www.davidrutter.com/following/davidrutter.com/Notworkrelated-Travel-Photography Sun, 16 Jan 2011 04:02:07 +0000 David Rutter - Graphic Design, Digital and Photography Portfolio 942308 Documentary photography collaboration for one year with my partner Helen, a Leica M9 and backpacks fit to bursting point. Japan, China, Vietnam, Cambodia, Thailand, Indonesia, India, Nepal, Australia, New Zealand, USA and Canada. You can follow the daily adventure at... notworkrelated.co.uk <img src="http://payload.cargocollective.com/1/0/6170/942308/portfolio1.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/942308/portfolio1_o.jpg" data-mid="4522112" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/942308/portfolio2.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/942308/portfolio2_o.jpg" data-mid="4522113" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/942308/portfolio3.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/942308/portfolio3_o.jpg" data-mid="4522115" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/942308/portfolio4.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/942308/portfolio4_o.jpg" data-mid="4522116" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/942308/portfolio5.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/942308/portfolio5_o.jpg" data-mid="4522117" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/942308/portfolio6.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/942308/portfolio6_o.jpg" data-mid="4522118" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/942308/portfolio7.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/942308/portfolio7_o.jpg" data-mid="4522119" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/942308/portfolio8.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/942308/portfolio8_o.jpg" data-mid="4522120" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/942308/portfolio9.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/942308/portfolio9_o.jpg" data-mid="4522121" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/942308/portfolio10.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/942308/portfolio10_o.jpg" data-mid="4522122" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/942308/portfolio11.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/942308/portfolio11_o.jpg" data-mid="4522123" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/942308/portfolio12.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/942308/portfolio12_o.jpg" data-mid="4522128" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/942308/portfolio13.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/942308/portfolio13_o.jpg" data-mid="4522130" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/942308/portfolio14.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/942308/portfolio14_o.jpg" data-mid="4522131" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/942308/portfolio15.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/942308/portfolio15_o.jpg" data-mid="4522133" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/942308/portfolio16.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/942308/portfolio16_o.jpg" data-mid="4522134" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/942308/portfolio17.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/942308/portfolio17_o.jpg" data-mid="4522135" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/942308/portfolio18.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/942308/portfolio18_o.jpg" data-mid="4522136" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/942308/portfolio19.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/942308/portfolio19_o.jpg" data-mid="4522137" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/942308/portfolio20.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/942308/portfolio20_o.jpg" data-mid="4522138" border="0" align="left"/> $(document).ready(function() { pageTracker._trackPageview("/Travel Photography" ); }); Helen Roscoe http://www.davidrutter.com/Helen-Roscoe http://www.davidrutter.com/following/davidrutter.com/Helen-Roscoe Mon, 12 Jul 2010 13:09:38 +0000 David Rutter - Graphic Design, Digital and Photography Portfolio 507044 A new website showcasing the photographic talents of Helen Roscoe. Photography ©Helen Roscoe. Dreamweaver, HTML and CSS with a sprinkling of javascript here and there. <img src="http://payload.cargocollective.com/1/0/6170/507044/HJR.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/507044/HJR_o.jpg" data-mid="2310796" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/507044/HJR_1.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/507044/HJR_1_o.jpg" data-mid="2310801" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/507044/HJR_2.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/507044/HJR_2_o.jpg" data-mid="2310797" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/507044/HJR_3.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/507044/HJR_3_o.jpg" data-mid="2310795" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/507044/HJR_4.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/507044/HJR_4_o.jpg" data-mid="2310800" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/507044/HJR_5.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/507044/HJR_5_o.jpg" data-mid="2310802" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/507044/HJR_6.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/507044/HJR_6_o.jpg" data-mid="2310819" border="0" align="left"/> $(document).ready(function() { pageTracker._trackPageview("/Helen Roscoe" ); }); Print Monkey http://www.davidrutter.com/Print-Monkey http://www.davidrutter.com/following/davidrutter.com/Print-Monkey Mon, 07 Jun 2010 20:15:48 +0000 David Rutter - Graphic Design, Digital and Photography Portfolio 451393 Print Monkey required a new website. This was produced in Flash using AS2. Work and paper stocks were photographed in a mini studio with a paper scoop using studio lighting. Basic SEO was implemted into the HTML to help with the position and information provided to the search engines. Co-produced with Matt Rogers. <img src="http://payload.cargocollective.com/1/0/6170/451393/Print_Monkey_1.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/451393/Print_Monkey_1_o.jpg" data-mid="2021262" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/451393/Print_Monkey_2.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/451393/Print_Monkey_2_o.jpg" data-mid="2021263" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/451393/Print_Monkey_3.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/451393/Print_Monkey_3_o.jpg" data-mid="2021264" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/451393/Print_Monkey_4.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/451393/Print_Monkey_4_o.jpg" data-mid="2021266" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/451393/Print_Monkey_5.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/451393/Print_Monkey_5_o.jpg" data-mid="2021267" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/451393/Print_Monkey_6.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/451393/Print_Monkey_6_o.jpg" data-mid="2021268" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/451393/Print_Monkey_7.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/451393/Print_Monkey_7_o.jpg" data-mid="2021270" border="0" align="left"/> $(document).ready(function() { pageTracker._trackPageview("/Print Monkey" ); }); Short Films http://www.davidrutter.com/Short-Films http://www.davidrutter.com/following/davidrutter.com/Short-Films Thu, 03 Jun 2010 22:03:19 +0000 David Rutter - Graphic Design, Digital and Photography Portfolio 446084 Short films produced using a Canon 5d mkII. Edited in Adobe Premiere & After Effects. <img src="http://payload.cargocollective.com/1/0/6170/446084/Liberty_1.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/446084/Liberty_1_o.jpg" data-mid="1993409" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/446084/Liberty_2.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/446084/Liberty_2_o.jpg" data-mid="1993411" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/446084/Liberty_3.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/446084/Liberty_3_o.jpg" data-mid="1993412" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/446084/Liberty_4.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/446084/Liberty_4_o.jpg" data-mid="1993413" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/446084/Liberty_5.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/446084/Liberty_5_o.jpg" data-mid="1993414" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/446084/Liberty_6.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/446084/Liberty_6_o.jpg" data-mid="1993407" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/446084/Woodland_1.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/446084/Woodland_1_o.jpg" data-mid="1993418" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/446084/Woodland_2.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/446084/Woodland_2_o.jpg" data-mid="1993419" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/446084/Woodland_3.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/446084/Woodland_3_o.jpg" data-mid="1993420" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/446084/Woodland_4.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/446084/Woodland_4_o.jpg" data-mid="1993422" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/446084/Woodland_5.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/446084/Woodland_5_o.jpg" data-mid="1993423" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/446084/Woodland_6.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/446084/Woodland_6_o.jpg" data-mid="1993424" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/446084/Woodland_7.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/446084/Woodland_7_o.jpg" data-mid="1993426" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/446084/Woodland_8.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/446084/Woodland_8_o.jpg" data-mid="1993415" border="0" align="left"/> $(document).ready(function() { pageTracker._trackPageview("/Short Films" ); }); Vistobrahma http://www.davidrutter.com/Vistobrahma http://www.davidrutter.com/following/davidrutter.com/Vistobrahma Thu, 03 Jun 2010 20:14:45 +0000 David Rutter - Graphic Design, Digital and Photography Portfolio 101998 Boxer entered the Cannes Lions International Advertising Festival with the Vistobrahma work. I put together a supporting film/animation about the integrated campagin that we produced for Brahma. This was sent off with boards & supporting material to the judges. These are stills taken from the animation which includes an audio soundtrack as well as voice commentary. Produced with After Effects CS3 (1280x720 HD 25fps). <img src="http://payload.cargocollective.com/1/0/6170/101998/brahma_1.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/101998/brahma_1_o.jpg" data-mid="1992680" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/101998/brahma_2.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/101998/brahma_2_o.jpg" data-mid="1992682" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/101998/brahma_3.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/101998/brahma_3_o.jpg" data-mid="1992683" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/101998/brahma_4.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/101998/brahma_4_o.jpg" data-mid="1992684" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/101998/brahma_5.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/101998/brahma_5_o.jpg" data-mid="1992685" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/101998/brahma_6.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/101998/brahma_6_o.jpg" data-mid="1992687" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/101998/brahma_7.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/101998/brahma_7_o.jpg" data-mid="1992688" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/101998/brahma_8.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/101998/brahma_8_o.jpg" data-mid="1992679" border="0" align="left"/> $(document).ready(function() { pageTracker._trackPageview("/Vistobrahma" ); }); PrintXD http://www.davidrutter.com/PrintXD http://www.davidrutter.com/following/davidrutter.com/PrintXD Thu, 03 Jun 2010 19:43:27 +0000 David Rutter - Graphic Design, Digital and Photography Portfolio 98664 Print Excellence Delivered required a brand identity, presentation credentials document and web site. It was designed to be simple and concise allowing clients who are unfamiliar with print and all its terminology to see the benefits of PXD. Shown here is the website that was created. Produced in Illustrator and Flash CS3. <img src="http://payload.cargocollective.com/1/0/6170/98664/pxd_1.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/98664/pxd_1_o.jpg" data-mid="1992375" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/98664/pxd_2.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/98664/pxd_2_o.jpg" data-mid="1992376" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/98664/pxd_4.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/98664/pxd_4_o.jpg" data-mid="1992378" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/98664/pxd_3.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/98664/pxd_3_o.jpg" data-mid="1992377" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/98664/pxd_5.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/98664/pxd_5_o.jpg" data-mid="1992379" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/98664/pxd_6.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/98664/pxd_6_o.jpg" data-mid="1992374" border="0" align="left"/> $(document).ready(function() { pageTracker._trackPageview("/Printxd" ); }); SoakitUp User Guide http://www.davidrutter.com/SoakitUp-User-Guide http://www.davidrutter.com/following/davidrutter.com/SoakitUp-User-Guide Thu, 03 Jun 2010 19:24:35 +0000 David Rutter - Graphic Design, Digital and Photography Portfolio 98634 Boxer required a user guide that had a top-line explanation of what a blog is and when, where and how it should be used. I produced this user guide to help illustrate and explain a range of procedures from logging in, uploading images and text, video embedding, blog requirements and general blogging etiquette. 30 minute group demo sessions were also provided to show example posts, uploading, linking etc. Produced using InDesign CS3, printed and hand made. <img src="http://payload.cargocollective.com/1/0/6170/98634/soakitup_1.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/98634/soakitup_1_o.jpg" data-mid="1992197" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/98634/soakitup_2.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/98634/soakitup_2_o.jpg" data-mid="1992198" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/98634/soakitup_3.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/98634/soakitup_3_o.jpg" data-mid="1992199" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/98634/soakitup_4.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/98634/soakitup_4_o.jpg" data-mid="1992200" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/98634/soakitup_5a.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/98634/soakitup_5a_o.jpg" data-mid="1992232" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/98634/soakitup_6.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/98634/soakitup_6_o.jpg" data-mid="1992195" border="0" align="left"/> $(document).ready(function() { pageTracker._trackPageview("/SoakitUp User Guide" ); }); Photography http://www.davidrutter.com/Photography http://www.davidrutter.com/following/davidrutter.com/Photography Wed, 02 Jun 2010 21:32:50 +0000 David Rutter - Graphic Design, Digital and Photography Portfolio 444427 <img src="http://payload.cargocollective.com/1/0/6170/444427/photography_15.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/444427/photography_15_o.jpg" data-mid="1992825" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/444427/photography1.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/444427/photography1_o.jpg" data-mid="1984485" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/444427/photography6.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/444427/photography6_o.jpg" data-mid="1984492" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/444427/photography_12.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/444427/photography_12_o.jpg" data-mid="1992822" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/444427/photography2.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/444427/photography2_o.jpg" data-mid="1984488" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/444427/photography4.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/444427/photography4_o.jpg" data-mid="1984490" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/444427/photography_16b.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/444427/photography_16b_o.jpg" data-mid="1992998" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/444427/photography11.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/444427/photography11_o.jpg" data-mid="1992821" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/444427/photography_20.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/444427/photography_20_o.jpg" data-mid="1993004" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/444427/photography_21.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/444427/photography_21_o.jpg" data-mid="1993005" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/444427/photography_17.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/444427/photography_17_o.jpg" data-mid="1992827" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/444427/photography_13.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/444427/photography_13_o.jpg" data-mid="1992823" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/444427/photography_14.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/444427/photography_14_o.jpg" data-mid="1992824" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/444427/photography_18.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/444427/photography_18_o.jpg" data-mid="1992828" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/444427/photography_19.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/444427/photography_19_o.jpg" data-mid="1992820" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/444427/photography7.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/444427/photography7_o.jpg" data-mid="1984484" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/444427/photography3.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/444427/photography3_o.jpg" data-mid="1984489" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/444427/photography_22.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/444427/photography_22_o.jpg" data-mid="1993003" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/444427/photography5.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/444427/photography5_o.jpg" data-mid="1984491" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/444427/photography10.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/444427/photography10_o.jpg" data-mid="1992408" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/444427/photography9.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/444427/photography9_o.jpg" data-mid="1984539" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/444427/photography8.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/444427/photography8_o.jpg" data-mid="1984540" border="0" align="left"/> $(document).ready(function() { pageTracker._trackPageview("/Photography" ); }); Logo's & Branding http://www.davidrutter.com/Logo-s-Branding http://www.davidrutter.com/following/davidrutter.com/Logo-s-Branding Wed, 02 Jun 2010 20:52:01 +0000 David Rutter - Graphic Design, Digital and Photography Portfolio 324133 Various logos. Some are in use, some rejected, and some were made for fun. <img src="http://payload.cargocollective.com/1/0/6170/324133/logos1.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/324133/logos1_o.jpg" data-mid="1983973" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/324133/logos2.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/324133/logos2_o.jpg" data-mid="1983974" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/324133/logos4.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/324133/logos4_o.jpg" data-mid="1983976" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/324133/logos6.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/324133/logos6_o.jpg" data-mid="1983978" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/324133/logos7.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/324133/logos7_o.jpg" data-mid="1983972" border="0" align="left"/> $(document).ready(function() { pageTracker._trackPageview("/Logo's & Branding" ); }); Boxer http://www.davidrutter.com/Boxer http://www.davidrutter.com/following/davidrutter.com/Boxer Wed, 02 Jun 2010 19:34:49 +0000 David Rutter - Graphic Design, Digital and Photography Portfolio 134830 Website Update 2010... Updated website for boxer. This was required to meet new expectations of the business, enhance usability & navigation & to improve the track-ability of the whole site using Google Analytics. From design to upload in 4 weeks to meet a deadline outside of boxers control. <img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_website_2010_1.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_website_2010_1_o.jpg" data-mid="1992558" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_website_2010_2.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_website_2010_2_o.jpg" data-mid="1992559" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_website_2010_3.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_website_2010_3_o.jpg" data-mid="1992560" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_website_2010_4.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_website_2010_4_o.jpg" data-mid="1992561" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_website_2010_9.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_website_2010_9_o.jpg" data-mid="1992605" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_website_2010_5.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_website_2010_5_o.jpg" data-mid="1992563" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_website_2010_6.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_website_2010_6_o.jpg" data-mid="1992564" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_website_2010_7.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_website_2010_7_o.jpg" data-mid="1992565" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_website_2010_8.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_website_2010_8_o.jpg" data-mid="1992557" border="0" align="left"/> Christmas Card '08... Boxers yearly Christmas Card. Sent to clients, friends, family & uploaded to the Internet for all to see. 2008's Christmas card was a technical challenge using a Phantom 1000fps camera, 4k watt lights, exploding party poppers, champagne, flying gateau & turkeys! Directed & Produced by David Rutter, Paul Martin & participation by boxer. Watch the video here... <img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_xmas2.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_xmas2_o.jpg" data-mid="1983043" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_xmas1.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_xmas1_o.jpg" data-mid="1983042" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_xmas3.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_xmas3_o.jpg" data-mid="1983044" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_xmas4.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_xmas4_o.jpg" data-mid="1983045" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_xmas5.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_xmas5_o.jpg" data-mid="1983041" border="0" align="left"/> Christmas Card '07... Boxers yearly Christmas Card. Sent to clients, friends, family & uploaded to the Internet for all to see. 2007's Christmas card was a Lip Dub by everyone in the office singing along to The Pogues Fairytale of New York, the best Christmas song ever! Directed & Produced by David Rutter, Paul Martin & participation by boxer. Watch the video here... <img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_xmas6.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_xmas6_o.jpg" data-mid="1983351" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_xmas7.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_xmas7_o.jpg" data-mid="1983352" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_xmas8.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_xmas8_o.jpg" data-mid="1983353" border="0" align="left"/> Boxer Website... Boxer required a new web site to help drive new business, coincide with the Christmas Video '08 & promote the personality & experience of boxer. Animation was used to give the site personality & a little bit of 'boxerness' magic. Java Script smoothly scrolls the pages. The site was designed to show what boxer can offer, keeping it simple, clean & elegant - let the work that boxer does speak for itself! (Art direction, implementation, HTML, JS, CSS, Flash). <img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_website1.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_website1_o.jpg" data-mid="1983283" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_website2.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_website2_o.jpg" data-mid="1983285" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_website3.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_website3_o.jpg" data-mid="1983287" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_website4.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_website4_o.jpg" data-mid="1983282" border="0" align="left"/> Boxer Blog (Ver2)... After 16 months since the blog was launched for boxer, we wanted a refreshed design to complement the look & feel of the new website & credentials documents. This was produced in Dreamweaver using PHP, CSS & powered by wordpress. (Art Direction / Implementation / Administrator, CSS, PHP, HTML) <img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_blog1.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_blog1_o.jpg" data-mid="1983313" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_blog2.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_blog2_o.jpg" data-mid="1983315" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_blog3.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_blog3_o.jpg" data-mid="1983312" border="0" align="left"/> Boxer Toolkit - June 2009... A video using boxer staff to sell the boxer proposition to new clients. Each text animation word(s) were in sync with the audio voice track. Produced in conjunction with Paul Martin. Made with Final Cut Pro & After Effects. HD 720p. <img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_toolkit1.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_toolkit1_o.jpg" data-mid="1983514" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_toolkit2.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_toolkit2_o.jpg" data-mid="1983515" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_toolkit3.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_toolkit3_o.jpg" data-mid="1983516" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_toolkit4.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_toolkit4_o.jpg" data-mid="1983518" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_toolkit5a.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_toolkit5a_o.jpg" data-mid="1983546" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_toolkit6.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_toolkit6_o.jpg" data-mid="1983520" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_toolkit7.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_toolkit7_o.jpg" data-mid="1983513" border="0" align="left"/> Meet Boxer - April 2007... Boxer required a means of appealing to an American audience to raise awareness regarding the people of boxer & how they work. 'Boxerness' needed to shine though, conveying personality & humour. A three minute animation was produced with vocal soundtrack provided by boxer staff. Produced initially in Flash & then migrated into After Effects. Authored for DVD PAL & NTSC. Optimized for online Flash Video delivery. Produced in conjunction with Matt Rogers. <img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_meet1.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_meet1_o.jpg" data-mid="1983590" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_meet2.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_meet2_o.jpg" data-mid="1983593" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/6170/134830/boxer_meet3.jpg" width="600" height="600" width_o="600" height_o="600" src_o="http://payload.cargocollective.com/1/0/6170/134830/boxer_meet3_o.jpg" data-mid="1983589" border="0" align="left"/> $(document).ready(function() { pageTracker._trackPageview("/Boxer" ); });