http://www.digitalcavalier.co.uk Digital Cavalier / Stu Preece / Freelance Digital Designer & Creative Director Sat, 05 Dec 2009 16:13:47 +0000 http://www.digitalcavalier.co.uk en http://www.digitalcavalier.co.uk/174426/Norwich-Union http://www.digitalcavalier.co.uk/174426/Norwich-Union Sat, 05 Dec 2009 16:13:47 +0000 Digital Cavalier / Stu Preece / Freelance Digital Designer & Creative Director 174426 Client: Norwich Union | Agency: Code | Responsible For: Design, Illustration, Animation Animation One of the joys of being able to draw is that every once in a while you get chance to have some fun and let loose with the pencil and get stuck into some animation. The brief for the animation was how to represent the rise and fall of financial markets. After some initial storyboarding I came up with the idea of a character trying to cycle up a mountain (or in this case a graph line). After trying and failing the first time, the second attempt has our hero happen across Bob's Garage in the desert wilderness where he helpfully gets our hero back on track. I hand drew all the elements for the animation and gave them a digital make-over in Photoshop before importing into After Effects for a bit of 3D magic. Animation assets Previous&nbsp;/&nbsp;Next image&nbsp;(1 of 3)<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/174426/image_8.png" border="0" width="670" height="770" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/174426/image_7_1.png" border="0" width="670" height="770" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/174426/image_9_1.png" border="0" width="670" height="770" align="left" /> http://www.digitalcavalier.co.uk/174426/Norwich-Union http://www.digitalcavalier.co.uk/173392/Sketchbook http://www.digitalcavalier.co.uk/173392/Sketchbook Fri, 04 Dec 2009 16:59:25 +0000 Digital Cavalier / Stu Preece / Freelance Digital Designer & Creative Director 173392 Client: Digital Cavalier | Responsible For: Illustration Colour / black & white concept artwork Previous&nbsp;/&nbsp;Next image&nbsp;(1 of 3)<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/173392/image_1.png" border="0" width="670" height="1340" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/173392/image_1_original_1.png" border="0" width="670" height="1340" align="left" /> These are taken from my little sketchbook from when I was travelling a few years back. The main study above of the Cyclo Man with an impossibly large cargo attached is a nod to the Hayao Miyazaki classic 'Howl's Moving Castle'. I've included them as a bit of fun, but also to show that I can tell one end of a pencil from the other. Other Sketches Previous&nbsp;/&nbsp;Next image&nbsp;(1 of 3)<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/173392/image_5.png" border="0" width="670" height="470" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/173392/image_3.png" border="0" width="670" height="470" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/173392/image_2.png" border="0" width="670" height="470" align="left" /> http://www.digitalcavalier.co.uk/173392/Sketchbook http://www.digitalcavalier.co.uk/163349/Zygo http://www.digitalcavalier.co.uk/163349/Zygo Thu, 26 Nov 2009 16:46:45 +0000 Digital Cavalier / Stu Preece / Freelance Digital Designer & Creative Director 163349 Client: Zygo | Agency: LOVE | Responsible For: Design, Art Direction, <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/163349/image_1_1.png" border="0" width="670" height="570" align="left" /> Zygo was an interesting challenge to create a group based messaging site. The client wanted a very clean design that also had a playful personality that would help make the site stand out amongst the competition. I was tasked with creating all the UI design for the site, as well as a flash instruction movie. <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/163349/browser_1.png" border="0" width="670" height="636" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/163349/browser_2.png" border="0" width="670" height="773" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/163349/browser_3_1.png" border="0" width="670" height="773" align="left" /> http://www.digitalcavalier.co.uk/163349/Zygo http://www.digitalcavalier.co.uk/163295/MBNA-Bank-Of-America http://www.digitalcavalier.co.uk/163295/MBNA-Bank-Of-America Thu, 26 Nov 2009 15:52:36 +0000 Digital Cavalier / Stu Preece / Freelance Digital Designer & Creative Director 163295 Client: MBNA Bank of America | Agency: LOVE | Responsible For: Design, Art Direction, <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/163295/image_1_1.png" border="0" width="670" height="570" align="left" /> One of my first jobs at LOVE was for MBNA Business (Now officially Bank Of America). The client was looking for a clean and unfussy design that allowed customers to find out more about the service. I was involved with the UI design for the Business Banking site and also with creating the look and feel for the flash account demo application. Credit Core Interface <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/163295/browser_1.png" border="0" width="670" height="729" align="left" /> MBNA Business <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/163295/browser_3.png" border="0" width="670" height="742" align="left" /> Account Demo Interface Previous&nbsp;/&nbsp;Next image&nbsp;(1 of 2)<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/163295/image_2_1.png" border="0" width="670" height="430" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/163295/image_3_1.png" border="0" width="670" height="430" align="left" /> http://www.digitalcavalier.co.uk/163295/MBNA-Bank-Of-America http://www.digitalcavalier.co.uk/118565/About-Digital-Cavalier http://www.digitalcavalier.co.uk/118565/About-Digital-Cavalier Thu, 26 Nov 2009 10:39:30 +0000 Digital Cavalier / Stu Preece / Freelance Digital Designer & Creative Director 118565 <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/118565/about_header_5.png" border="0" width="670" height="560" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/118565/about_contact_2.png" border="0" width="670" height="1270" align="left" /> http://www.digitalcavalier.co.uk/118565/About-Digital-Cavalier http://www.digitalcavalier.co.uk/141765/Crown http://www.digitalcavalier.co.uk/141765/Crown Mon, 23 Nov 2009 17:35:31 +0000 Digital Cavalier / Stu Preece / Freelance Digital Designer & Creative Director 141765 Client: Crown | Agency: LOVE | Responsible For: Design, Art Direction <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/141765/image_1.png" border="0" width="670" height="770" align="left" /> Pitches, they can be funny things sometimes. Take for example this work I produced for a pitch to Crown whilst at LOVE. We went with the thought that painting your house isn't always an exact science and that most of us are quite happy to let a professional do the hard work. Our take on the whole thing was that it doesn't matter if you're a professional or beginner at decorating, the fact that you're getting stuck into making your house special is the thing that matters. We wanted to create a site that had lots of personality and really felt like it wasn't overly complex to use or get inspiration from. We had a playful bit of interactivity allowing the user to paint the walls of their virtual home too, which was handy as digital paint is easier to clean up than the real thing. Sadly, we didn't win the pitch on this occasion, but, I was really proud of the work I produced for it, hence why it appears here. <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/141765/image_2.png" border="0" width="670" height="900" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/141765/image_3.png" border="0" width="670" height="770" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/141765/image_4.png" border="0" width="670" height="400" align="left" /> http://www.digitalcavalier.co.uk/141765/Crown http://www.digitalcavalier.co.uk/143114/Fun-Lovin-Criminals http://www.digitalcavalier.co.uk/143114/Fun-Lovin-Criminals Mon, 23 Nov 2009 17:35:30 +0000 Digital Cavalier / Stu Preece / Freelance Digital Designer & Creative Director 143114 Client: Fun Lovin' Criminals | Responsible For: Design, Art Direction <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/143114/image_1_1.png" border="0" width="670" height="570" align="left" /> Here's a small glimpse of some visuals for the an official Fun Lovin' Criminals internet site. I really wanted the site to pay homage to the bands home city of New York, especially with a nod here and there to the city's metro arrivals board for the tour pages and Coney Island in the backdrop. <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/143114/image_2.png" border="0" width="670" height="870" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/143114/image_3.png" border="0" width="670" height="845" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/143114/image_4.png" border="0" width="670" height="815" align="left" /> http://www.digitalcavalier.co.uk/143114/Fun-Lovin-Criminals http://www.digitalcavalier.co.uk/143209/Finite-Productions http://www.digitalcavalier.co.uk/143209/Finite-Productions Mon, 23 Nov 2009 17:35:29 +0000 Digital Cavalier / Stu Preece / Freelance Digital Designer & Creative Director 143209 Client: Finite Productions | Responsible For: Design, Art Direction <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/143209/browser_1.png" border="0" width="670" height="547" align="left" /> Finite Productions were looking for a refresh of their old flash based site to something that would be allow them to add to in the future. One of my main desires for the site was to really push the imagery of the work they have produced, hence the inclusion of high-res images in the background of the site. The site was built by the very talented Mr. Andrew Disley at Simplified <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/143209/browser_2.png" border="0" width="670" height="547" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/143209/browser_3.png" border="0" width="670" height="547" align="left" /> http://www.digitalcavalier.co.uk/143209/Finite-Productions http://www.digitalcavalier.co.uk/141691/Clipper http://www.digitalcavalier.co.uk/141691/Clipper Mon, 23 Nov 2009 17:35:28 +0000 Digital Cavalier / Stu Preece / Freelance Digital Designer & Creative Director 141691 Client: Clipper | Agency: Skylab | Responsible For: Design, Art Direction <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/141691/browser_1.png" border="0" width="670" height="993" align="left" /> The Clipper Yacht Race site was a real challenge in terms of design as it had to function not only as a site to draw attention to what the race is, but also for families and friends of those out on the high seas braving 40ft waves. One element of the site that was particularly cool was the interactive race viewer, which use GPS coordinates from the boats and overlaid the data via Google Maps. Each race team had its own dedicated blog area that could post friends and family updates of their progress. I was responsible for the UI design and look of the site. I was very keen that the site should be big and bold and really be a showcase for the once in a lifetime challenge of braving the elements and heading out onto the ocean. Clipper race map <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/141691/browser_2.png" border="0" width="670" height="934" align="left" /> Yacht design <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/141691/browser_3.png" border="0" width="670" height="1277" align="left" /> Design details Previous&nbsp;/&nbsp;Next image&nbsp;(1 of 3)<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/141691/image_1_1.png" border="0" width="670" height="470" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/141691/image_2_1.png" border="0" width="670" height="470" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/141691/image_3_1.png" border="0" width="670" height="470" align="left" /> http://www.digitalcavalier.co.uk/141691/Clipper http://www.digitalcavalier.co.uk/140014/Cranks http://www.digitalcavalier.co.uk/140014/Cranks Mon, 23 Nov 2009 17:35:27 +0000 Digital Cavalier / Stu Preece / Freelance Digital Designer & Creative Director 140014 Client: Cranks | Agency: LOVE | Responsible For: Design, Art Direction <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/140014/image_1_2.png" border="0" width="670" height="570" align="left" /> The lovely folks at Cranks were looking to refresh their online presence with a new site that not only reflected the friendly tone of voice of their brand but also invited users to share their own recipes. The brief was to design the core of the site to engage fans of Cranks and new users to share their recipes and find out more about the history of the brand. Besides all the enticing colours and textures of the design, there's also a semi-naked man atop each screen, what more could you want. Cranks History <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/140014/browser_2_1.png" border="0" width="670" height="956" align="left" /> Cranks Menus <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/11150/140014/browser_3_2.png" border="0" width="670" height="896" align="left" /> http://www.digitalcavalier.co.uk/140014/Cranks