http://cargocollective.com Neale Willis - Art Direction & Design Thu, 02 May 2013 12:57:48 +0000 http://cargocollective.com en http://cargocollective.com/nealewillis/UBS http://cargocollective.com/nealewillis/following/nealewillis/UBS Thu, 02 May 2013 12:57:48 +0000 Neale Willis - Art Direction & Design 5534727 I acted as Design Lead for a team of highly experienced UX Visual Designers in the design of a new trading platform/RIA for the large investment bank, creating and developing solutions while overseeing production and maintaining consistencies and producing style guides and documentation. I also provided the typographic structure of the application along with systems to improve the legibility of large data sets. Working closely with Information Architects, Development teams and stakeholders, a large amount of innovative work contributed toward the development of a well received and highly engaging application. A taste of which can be viewed on the official teaser microsite for UBS Neo. <img src="http://payload161.cargocollective.com/1/0/4867/5534727/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload161.cargocollective.com/1/0/4867/5534727/divider_o.jpg" data-mid="29820608" border="0" align="left"/> Project: Trading platform Roles: Design Lead Agency: RMA Consulting Creative Director: JP Stapleton Head of User Experience: Jason Mesut UX Design Lead: Andrew MacKay Information Architect Lead: Sarah Parker I acted as Design Lead for a team of highly experienced UX Visual Designers in the design of a new trading platform/RIA for the large investment bank, creating and... http://cargocollective.com/nealewillis/Ubuntu-Typography http://cargocollective.com/nealewillis/following/nealewillis/Ubuntu-Typography Mon, 29 Apr 2013 07:46:22 +0000 Neale Willis - Art Direction & Design 5506993 I conducted an in-depth audit and analysis into how the use of type within the Ubuntu desktop environment and subsequently provided recommendations intended to improve legibility through consistency and structure. The project provided the ground work for the graphical interface I conducted an in-depth audit and analysis into how the use of type within the Ubuntu desktop environment and subsequently provided recommendations intended to... http://cargocollective.com/nealewillis/Ubuntu-Phone http://cargocollective.com/nealewillis/following/nealewillis/Ubuntu-Phone Mon, 29 Apr 2013 07:46:21 +0000 Neale Willis - Art Direction & Design 5506999 Uniquely distinctive, yet undeniably part of the convergent Ubuntu family, the Ubuntu mobile operating system is described as "looking more elegant than Android, and more functional than Windows Phone" by VentureBeat and was awarded Best of MWC by CNET at the Mobile World Congress 2013. <img src="http://payload160.cargocollective.com/1/0/4867/5506999/um_top_1_780.jpg" width="780" height="385" width_o="940" height_o="465" src_o="http://payload160.cargocollective.com/1/0/4867/5506999/um_top_1_o.jpg" data-mid="29777481" border="0" align="left"/> I provided the brand elements, the initial look and feel and visual design patterns of the mobile operating system. Continuing my work from the Ubuntu Typography project along with aspects of the Ubuntu One music mobile app, while adding flexible, distinct elements to create a unique, undeniably Ubuntu experience. The design of the Ubuntu phone builds on the strong typographic history of Ubuntu, with strong use of type and a distinct Ubuntu Shape derived from the Ubuntu font. <img src="http://payload160.cargocollective.com/1/0/4867/5506999/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload160.cargocollective.com/1/0/4867/5506999/divider_o.jpg" data-mid="29679499" border="0" align="left"/> The Ubuntu Shape A flexible rounded edged shape that can be stretched and moulded to meet differing needs at a variety of sizes was developed was a unique brand element. <img src="http://payload160.cargocollective.com/1/0/4867/5506999/um_shape_0_780.png" width="780" height="210" width_o="780" height_o="210" src_o="http://payload160.cargocollective.com/1/0/4867/5506999/um_shape_0_o.png" data-mid="29672619" border="0" align="left"/> Inspired by elements within the Ubuntu font, the shape sits comfortably with the bold use of text and is undeniably Ubuntu. <img src="http://payload160.cargocollective.com/1/0/4867/5506999/um_shape_1_780.png" width="780" height="140" width_o="780" height_o="140" src_o="http://payload160.cargocollective.com/1/0/4867/5506999/um_shape_1_o.png" data-mid="29672621" border="0" align="left"/> The flexibility of the Ubuntu shape is a key factor in maintaining the distinct look. <img src="http://payload160.cargocollective.com/1/0/4867/5506999/um_shape_2_780.png" width="780" height="455" width_o="780" height_o="455" src_o="http://payload160.cargocollective.com/1/0/4867/5506999/um_shape_2_o.png" data-mid="29672622" border="0" align="left"/> As the look and feel develops, the influence of the Ubuntu shape can be see to spread further through the Ubuntu family. <img src="http://payload160.cargocollective.com/1/0/4867/5506999/um_shape_3_780.png" width="780" height="325" width_o="780" height_o="325" src_o="http://payload160.cargocollective.com/1/0/4867/5506999/um_shape_3_o.png" data-mid="29672625" border="0" align="left"/> <img src="http://payload160.cargocollective.com/1/0/4867/5506999/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload160.cargocollective.com/1/0/4867/5506999/divider_o.jpg" data-mid="29679499" border="0" align="left"/> The 'Orange flash' Originating from design and brand work for Ubuntu One website and mobile music app, a strip of orange, a key colour in the Ubuntu palette, is used to denote the presence of Ubuntu without being overwhelming. "Cut in" dividers An important element of the design when used in conjunction with type of the cut in dividers create structure within pages. Used in a small number of sizes, the dividers also help create meaning. <img src="http://payload160.cargocollective.com/1/0/4867/5506999/um_orangeflash_780.jpg" width="780" height="363" width_o="780" height_o="363" src_o="http://payload160.cargocollective.com/1/0/4867/5506999/um_orangeflash_o.jpg" data-mid="29668200" border="0" align="left"/> <img src="http://payload160.cargocollective.com/1/0/4867/5506999/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload160.cargocollective.com/1/0/4867/5506999/divider_o.jpg" data-mid="29679499" border="0" align="left"/> Use of type Typography plays a key role, making the operating system clear, legible and therefore easier to use while also re-enforcing the Ubuntu brand. I provided the typographic framework, building on my earlier Ubuntu Typography project. <img src="http://payload160.cargocollective.com/1/0/4867/5506999/um_type_1_780.jpg" width="780" height="381" width_o="940" height_o="460" src_o="http://payload160.cargocollective.com/1/0/4867/5506999/um_type_1_o.jpg" data-mid="29775330" border="0" align="left"/> <img src="http://payload160.cargocollective.com/1/0/4867/5506999/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload160.cargocollective.com/1/0/4867/5506999/divider_o.jpg" data-mid="29679499" border="0" align="left"/> Look & feel The styling of the mobile interface is deeply routed in that of the Ubuntu family, but is distinctive as a separate entity. Utilising the above elements, I created the initial look and feel and visual design patterns of the interface. A further breakdown of some of these can been App Design Guidelines. <img src="http://payload160.cargocollective.com/1/0/4867/5506999/um_layout_1_780.jpg" width="780" height="402" width_o="940" height_o="485" src_o="http://payload160.cargocollective.com/1/0/4867/5506999/um_layout_1_o.jpg" data-mid="29776001" border="0" align="left"/> <img src="http://payload160.cargocollective.com/1/0/4867/5506999/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload160.cargocollective.com/1/0/4867/5506999/divider_o.jpg" data-mid="29679499" border="0" align="left"/> Project: Look & feel, Visual Design patterns, Consistency policing Roles: Art Direction Agency: Canonical Head of Brand & Visual Design: Marcus Haslam Head of Design: Ivo Weevers Creative Strategy Lead: Ivanka Majic Lead UX: Oren Horev Lead UX: Mika Meskanen Interaction Designer: Calum Pringle Illustrator: Matthieu James Uniquely distinctive, yet undeniably part of the convergent Ubuntu family, the Ubuntu mobile operating system is described as "looking more elegant than Android,... http://cargocollective.com/nealewillis/Ubuntu-One http://cargocollective.com/nealewillis/following/nealewillis/Ubuntu-One Fri, 26 Apr 2013 12:59:57 +0000 Neale Willis - Art Direction & Design 3479046 As the commercial cloud service offering from Ubuntu, Ubuntu One takes proud place on the desktops of Linux, PC and Mac and on Android and iOS devices, offering sync for files and photos along with a music streaming service. Beginning by developing the existing brand assets while maintaing the relationship to the master Ubuntu brand, I provided an updated, more flexible logo along creating a comprehensive look and feel and associated documentation. I delivered a flexible, simple yet expandable UX system and the look and feel for U1 Music Streaming for mobiles. I also created the Files service UX redesign, a simple, flexible methodology which could be built upon for all other aspects of the Ubuntu One service. <img src="http://payload58.cargocollective.com/1/0/4867/3479046/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload58.cargocollective.com/1/0/4867/3479046/divider_o.jpg" data-mid="29603594" border="0" align="left"/> Brand Development & Style Guide Work included development of the logo into a well rounded, flexible asset, defining photography style and use and developing and commissioning the illustrative style and assets. <img src="http://payload58.cargocollective.com/1/0/4867/3479046/u1_logo_780.jpg" width="780" height="175" width_o="780" height_o="175" src_o="http://payload58.cargocollective.com/1/0/4867/3479046/u1_logo_o.jpg" data-mid="29597908" border="0" align="left"/> <img src="http://payload58.cargocollective.com/1/0/4867/3479046/u1_styleguide_1_780.jpg" width="780" height="276" width_o="780" height_o="276" src_o="http://payload58.cargocollective.com/1/0/4867/3479046/u1_styleguide_1_o.jpg" data-mid="29598591" border="0" align="left"/><img src="http://payload58.cargocollective.com/1/0/4867/3479046/u1_styleguide_2_780.jpg" width="780" height="276" width_o="780" height_o="276" src_o="http://payload58.cargocollective.com/1/0/4867/3479046/u1_styleguide_2_o.jpg" data-mid="29598592" border="0" align="left"/><img src="http://payload58.cargocollective.com/1/0/4867/3479046/u1_styleguide_3_780.jpg" width="780" height="276" width_o="780" height_o="276" src_o="http://payload58.cargocollective.com/1/0/4867/3479046/u1_styleguide_3_o.jpg" data-mid="29598594" border="0" align="left"/> Look and feel, consistency Taking the confused, cluttered and outdated U1 website as a starting point, the look and feel also addressed the question of what U1 was attempting to say to it's customers, streamlining sign-up, upgrade and clarifying the messaging at first point of contact. This was then applied to the other aspects of U1, from web to mobile to social media. <img src="http://payload58.cargocollective.com/1/0/4867/3479046/u1_lookfeel_780.jpg" width="780" height="1212" width_o="780" height_o="1212" src_o="http://payload58.cargocollective.com/1/0/4867/3479046/u1_lookfeel_o.jpg" data-mid="29602695" border="0" align="left"/> Development of the look and feel Several routes were explored during the above development as the brief evolved. To view a sample of these, click here UX User Registration and Upgrade I provided a comprehensive audit of and consequently, streamlined process of registration and upgrade through the U1 website, taking the initial point of contact from a repeated message spread over 12 pages to a single page. By clarifying the sales message without loss of information or registration points I was able to provided clear, concise information at relevant points. I was also able to streamline and simplify the upgrade process, from 9 pages to two. <img src="http://payload58.cargocollective.com/1/0/4867/3479046/u1_ux_1_780.jpg" width="780" height="276" width_o="780" height_o="276" src_o="http://payload58.cargocollective.com/1/0/4867/3479046/u1_ux_1_o.jpg" data-mid="29603229" border="0" align="left"/><img src="http://payload58.cargocollective.com/1/0/4867/3479046/u1_ux_2_780.jpg" width="780" height="276" width_o="780" height_o="276" src_o="http://payload58.cargocollective.com/1/0/4867/3479046/u1_ux_2_o.jpg" data-mid="29603230" border="0" align="left"/><img src="http://payload58.cargocollective.com/1/0/4867/3479046/u1_ux_3_780.jpg" width="780" height="276" width_o="780" height_o="276" src_o="http://payload58.cargocollective.com/1/0/4867/3479046/u1_ux_3_o.jpg" data-mid="29603232" border="0" align="left"/><img src="http://payload58.cargocollective.com/1/0/4867/3479046/u1_ux_4_780.jpg" width="780" height="276" width_o="780" height_o="276" src_o="http://payload58.cargocollective.com/1/0/4867/3479046/u1_ux_4_o.jpg" data-mid="29603234" border="0" align="left"/> Illustration style A key element of both U1 and Ubuntu's brand are the pictograms and illustrations created by the legendary illustrator Peter Grundy. I worked with Peter to create a series of illustrations representing the services offered by U1. <img src="http://payload58.cargocollective.com/1/0/4867/3479046/u1_illustration_780.jpg" width="780" height="386" width_o="780" height_o="386" src_o="http://payload58.cargocollective.com/1/0/4867/3479046/u1_illustration_o.jpg" data-mid="29603544" border="0" align="left"/> <img src="http://payload58.cargocollective.com/1/0/4867/3479046/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload58.cargocollective.com/1/0/4867/3479046/divider_o.jpg" data-mid="29603594" border="0" align="left"/> UX: Mobile Music Streaming I provided a unique, simple and flexible gesture driven interface for the mobile music service. Flexible and expandable to other proposed mobile services, the interface addressed user needs on the given device while offering the expected functionality. <img src="http://payload58.cargocollective.com/1/0/4867/3479046/u1_music_ux_780.jpg" width="780" height="276" width_o="780" height_o="276" src_o="http://payload58.cargocollective.com/1/0/4867/3479046/u1_music_ux_o.jpg" data-mid="29603982" border="0" align="left"/> Look and feel Building on the global U1 branding work, the mobile music service fits into the family of products while also pushing the style forward. <img src="http://payload58.cargocollective.com/1/0/4867/3479046/u1_music_1_12_780.jpg" width="780" height="430" width_o="780" height_o="430" src_o="http://payload58.cargocollective.com/1/0/4867/3479046/u1_music_1_12_o.jpg" data-mid="29659985" border="0" align="left"/> Pictograms Working with Illustrator Peter Grundy a number of pictograms in the Ubuntu style were developed as buttons and navigational aids. <img src="http://payload58.cargocollective.com/1/0/4867/3479046/u1_music_pictograms_780.jpg" width="780" height="265" width_o="780" height_o="265" src_o="http://payload58.cargocollective.com/1/0/4867/3479046/u1_music_pictograms_o.jpg" data-mid="29603932" border="0" align="left"/> <img src="http://payload58.cargocollective.com/1/0/4867/3479046/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload58.cargocollective.com/1/0/4867/3479046/divider_o.jpg" data-mid="29603594" border="0" align="left"/> UX: U1 Files A comprehensive redesign of the U1 Files service expanded upon it's scope and capabilities and addressed a number of historical user interface issues. Conceived around a highly flexible design proposal, the service could adapt to a variety of needs, including expansion to other services within U1 on a variety of devices. <img src="http://payload58.cargocollective.com/1/0/4867/3479046/u1_files_1_14_780.jpg" width="780" height="276" width_o="780" height_o="276" src_o="http://payload58.cargocollective.com/1/0/4867/3479046/u1_files_1_14_o.jpg" data-mid="29770117" border="0" align="left"/><img src="http://payload58.cargocollective.com/1/0/4867/3479046/u1_files_2_780.jpg" width="780" height="276" width_o="780" height_o="276" src_o="http://payload58.cargocollective.com/1/0/4867/3479046/u1_files_2_o.jpg" data-mid="29657460" border="0" align="left"/><img src="http://payload58.cargocollective.com/1/0/4867/3479046/u1_files_3_780.jpg" width="780" height="276" width_o="780" height_o="276" src_o="http://payload58.cargocollective.com/1/0/4867/3479046/u1_files_3_o.jpg" data-mid="29657461" border="0" align="left"/><img src="http://payload58.cargocollective.com/1/0/4867/3479046/u1_files_4_780.jpg" width="780" height="276" width_o="780" height_o="276" src_o="http://payload58.cargocollective.com/1/0/4867/3479046/u1_files_4_o.jpg" data-mid="29657462" border="0" align="left"/><img src="http://payload58.cargocollective.com/1/0/4867/3479046/u1_files_6_780.jpg" width="780" height="276" width_o="780" height_o="276" src_o="http://payload58.cargocollective.com/1/0/4867/3479046/u1_files_6_o.jpg" data-mid="29657464" border="0" align="left"/> <img src="http://payload58.cargocollective.com/1/0/4867/3479046/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload58.cargocollective.com/1/0/4867/3479046/divider_o.jpg" data-mid="29603594" border="0" align="left"/> Project: Brand development, look & feel, concept creation, User Experience Roles: Art Direction, UX Agency: Canonical Head of Brand & Visual Design: Marcus Haslam Head of UX (Ubuntu One): Robert Grant Illustrator: Peter Grundy As the commercial cloud service offering from Ubuntu, Ubuntu One takes proud place on the desktops of Linux, PC and Mac and on Android and iOS devices, offering... http://cargocollective.com/nealewillis/Gap-Inc http://cargocollective.com/nealewillis/following/nealewillis/Gap-Inc Thu, 05 May 2011 16:24:11 +0000 Neale Willis - Art Direction & Design 1404427 Concept material for the global corporate website for Gap Inc. The initial concept focused on the people who worked at Gap Inc and built on their strong brand colours ad imagary to create a visually exciting path into the company. <img src="http://payload.cargocollective.com/1/0/4867/1404427/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload.cargocollective.com/1/0/4867/1404427/divider_o.jpg" data-mid="30132371" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/4867/1404427/gapinc1_780.jpg" width="780" height="585" width_o="800" height_o="600" src_o="http://payload.cargocollective.com/1/0/4867/1404427/gapinc1_o.jpg" data-mid="30132330" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/1404427/gapinc2_780.jpg" width="780" height="585" width_o="800" height_o="600" src_o="http://payload.cargocollective.com/1/0/4867/1404427/gapinc2_o.jpg" data-mid="30132334" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/1404427/gapinc3_780.jpg" width="780" height="585" width_o="800" height_o="600" src_o="http://payload.cargocollective.com/1/0/4867/1404427/gapinc3_o.jpg" data-mid="30132338" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/1404427/gapinc4_780.jpg" width="780" height="585" width_o="800" height_o="600" src_o="http://payload.cargocollective.com/1/0/4867/1404427/gapinc4_o.jpg" data-mid="30132340" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/1404427/gapinc5_780.jpg" width="780" height="585" width_o="800" height_o="600" src_o="http://payload.cargocollective.com/1/0/4867/1404427/gapinc5_o.jpg" data-mid="30132344" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/1404427/gapinc6_780.jpg" width="780" height="584" width_o="801" height_o="600" src_o="http://payload.cargocollective.com/1/0/4867/1404427/gapinc6_o.jpg" data-mid="30132348" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/1404427/gapinc7_780.jpg" width="780" height="584" width_o="801" height_o="600" src_o="http://payload.cargocollective.com/1/0/4867/1404427/gapinc7_o.jpg" data-mid="30132351" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/4867/1404427/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload.cargocollective.com/1/0/4867/1404427/divider_o.jpg" data-mid="30132371" border="0" align="left"/> Project: Gap Inc pitch Role: Art Direction/Design Digital Creative Director: Jiri Bures Agency: Imagination Concept material for the global corporate website for Gap Inc. The initial concept focused on the people who worked at Gap Inc and built on their strong brand... http://cargocollective.com/nealewillis/Renault http://cargocollective.com/nealewillis/following/nealewillis/Renault Wed, 04 May 2011 17:04:20 +0000 Neale Willis - Art Direction & Design 1399224 The Renault Owner Services website is centred around a community of Renault Owners allowing them to discuss their vehicles. The user experience through the both the community and registration sections were simplified and streamlined while the look and feel was brought into line with Renault branding. <img src="http://payload.cargocollective.com/1/0/4867/1399224/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload.cargocollective.com/1/0/4867/1399224/divider_o.jpg" data-mid="30131865" border="0" align="left"/> My Renault Community Page The Community pages were brought closer to the master brand while also improving hierarchy and legibility without changing the underlying structure. <img src="http://payload.cargocollective.com/1/0/4867/1399224/ren1_780.jpg" width="780" height="1334" width_o="800" height_o="1369" src_o="http://payload.cargocollective.com/1/0/4867/1399224/ren1_o.jpg" data-mid="30131824" border="0" align="left"/> Registration The registration process went through a process of bringing it closer to the master brand while drastically improving legibility and flow. <img src="http://payload.cargocollective.com/1/0/4867/1399224/ren2_780.jpg" width="780" height="1614" width_o="800" height_o="1656" src_o="http://payload.cargocollective.com/1/0/4867/1399224/ren2_o.jpg" data-mid="30131833" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/4867/1399224/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload.cargocollective.com/1/0/4867/1399224/divider_o.jpg" data-mid="30131865" border="0" align="left"/> Project: Renault CRM Role: Art Direction/Design Agency: Publicis Modem Head of Design: Áthila Armstrong The Renault Owner Services website is centred around a community of Renault Owners allowing them to discuss their vehicles. The user experience through the both... http://cargocollective.com/nealewillis/Shell-Ferrari-Partnership http://cargocollective.com/nealewillis/following/nealewillis/Shell-Ferrari-Partnership Wed, 10 Nov 2010 10:47:02 +0000 Neale Willis - Art Direction & Design 480105 Winner: BIMA Award 2010: Content BIMA Award 2010: Property and Engineering A permanent exhibition at Galleria Ferrari Museum in Maranello, the 12 touch tables, 6 sound sticks and an augmented reality application are viewed by more than 200,000 visitors each year celebrating the long standing and successful technical relationship between Shell and Ferrari. A strong use of augmented reality presents a genuinely interesting and novel method of navigating rich content, coupled with an elegant touch screen application, the workings of this long lasting relationship are brought to life using specifically created content. Employing the new Shell visual identity, this project contributed to the concept and development of the digital side of Shell's brand. Well received by both Shell and Ferrari, client comments included: "The relationship between the Shell team and Digital has been very close, and I feel that 'Red Campus' shows the benefits of strong integration between branding, 3D and physical design and Digital." "This is a fantastic achievement for the Galleria. Alonso liked it so much that he visited again the Galleria the morning after with his wife and a couple of friends." <img src="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_setup3_780.jpg" width="780" height="440" width_o="800" height_o="452" src_o="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_setup3_o.jpg" data-mid="30130687" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_setup4_780.jpg" width="780" height="440" width_o="800" height_o="452" src_o="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_setup4_o.jpg" data-mid="30130693" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_setup_780.jpg" width="780" height="440" width_o="800" height_o="452" src_o="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_setup_o.jpg" data-mid="30130680" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_setup2_780.jpg" width="780" height="440" width_o="800" height_o="452" src_o="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_setup2_o.jpg" data-mid="30130685" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/4867/480105/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload.cargocollective.com/1/0/4867/480105/divider_o.jpg" data-mid="30130809" border="0" align="left"/> Touch Screen I created the look and feel along, UX and interactive behaviour of the touch screen application. <img src="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_1_780.jpg" width="780" height="440" width_o="800" height_o="452" src_o="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_1_o.jpg" data-mid="30130608" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_2_780.jpg" width="780" height="440" width_o="800" height_o="452" src_o="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_2_o.jpg" data-mid="30130610" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_3_780.jpg" width="780" height="440" width_o="800" height_o="452" src_o="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_3_o.jpg" data-mid="30130611" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_4_780.jpg" width="780" height="440" width_o="800" height_o="452" src_o="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_4_o.jpg" data-mid="30130617" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_5_780.jpg" width="780" height="440" width_o="800" height_o="452" src_o="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_5_o.jpg" data-mid="30130618" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/4867/480105/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload.cargocollective.com/1/0/4867/480105/divider_o.jpg" data-mid="30130809" border="0" align="left"/> Augmented Reality The AR application allowed the user to explore a number of the unique Ferrari products up-close and in 3D including a running engine, a Ferrari California and the track side lab. The look and feel of the AR application complimented that of the touch screen. <img src="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_AR_1_780.jpg" width="780" height="440" width_o="800" height_o="452" src_o="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_AR_1_o.jpg" data-mid="30130649" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_AR_2_780.jpg" width="780" height="440" width_o="800" height_o="452" src_o="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_AR_2_o.jpg" data-mid="30130651" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_AR_3_780.jpg" width="780" height="440" width_o="800" height_o="452" src_o="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_AR_3_o.jpg" data-mid="30130653" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_AR_4_780.jpg" width="780" height="440" width_o="800" height_o="452" src_o="http://payload.cargocollective.com/1/0/4867/480105/ferrShell_AR_4_o.jpg" data-mid="30130656" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/4867/480105/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload.cargocollective.com/1/0/4867/480105/divider_o.jpg" data-mid="30130809" border="0" align="left"/> Animated content example A number of animated segments were produced showcasing the benefits of the Shell/Ferrari partnership has brought. <img src="http://payload.cargocollective.com/1/0/4867/480105/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload.cargocollective.com/1/0/4867/480105/divider_o.jpg" data-mid="30130809" border="0" align="left"/> Project: Touch screen, Augmented Reality, Animation, Concepts, Visual Identity, UX/UI Role: Art Direction, Design Agency: Imagination Creative Director: Jeremy Hofmeister Mac Lynn Project Manger: Zoe Klinger Designer/Storyboarding: George Schon Animator: Mark Hough Actionscript developer: Gustavo Teider Rodrigues AR developer: Dan Diggins Winner: BIMA Award 2010: Content BIMA Award 2010: Property and Engineering A permanent exhibition at Galleria Ferrari Museum in Maranello, the 12 touch tables, 6... http://cargocollective.com/nealewillis/LG-Good-Life http://cargocollective.com/nealewillis/following/nealewillis/LG-Good-Life Sun, 22 Nov 2009 16:53:28 +0000 Neale Willis - Art Direction & Design 157849 LG recently presented its customers with a magazine styled customer relations site, Good Life. Working closely with IA, development, marketing and accountant management teams, I built on an initial concept to deliver a site holding a wide range of content. <img src="http://payload.cargocollective.com/1/0/4867/157849/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload.cargocollective.com/1/0/4867/157849/divider_o.jpg" data-mid="30131698" border="0" align="left"/> Site design <img src="http://payload.cargocollective.com/1/0/4867/157849/lg0_2_780.jpg" width="780" height="1095" width_o="800" height_o="1124" src_o="http://payload.cargocollective.com/1/0/4867/157849/lg0_2_o.jpg" data-mid="30131691" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/157849/lg10_780.jpg" width="780" height="2199" width_o="800" height_o="2256" src_o="http://payload.cargocollective.com/1/0/4867/157849/lg10_o.jpg" data-mid="30131640" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/157849/lg20_780.jpg" width="780" height="2142" width_o="800" height_o="2197" src_o="http://payload.cargocollective.com/1/0/4867/157849/lg20_o.jpg" data-mid="30131642" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/157849/lg21_780.jpg" width="780" height="2072" width_o="800" height_o="2126" src_o="http://payload.cargocollective.com/1/0/4867/157849/lg21_o.jpg" data-mid="30131647" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/157849/lg30_780.jpg" width="780" height="1360" width_o="800" height_o="1395" src_o="http://payload.cargocollective.com/1/0/4867/157849/lg30_o.jpg" data-mid="30131649" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/157849/lg31_780.jpg" width="780" height="951" width_o="800" height_o="976" src_o="http://payload.cargocollective.com/1/0/4867/157849/lg31_o.jpg" data-mid="30131653" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/157849/lg32_780.jpg" width="780" height="1632" width_o="800" height_o="1674" src_o="http://payload.cargocollective.com/1/0/4867/157849/lg32_o.jpg" data-mid="30131655" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/4867/157849/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload.cargocollective.com/1/0/4867/157849/divider_o.jpg" data-mid="30131698" border="0" align="left"/> Newsletter: <img src="http://payload.cargocollective.com/1/0/4867/157849/newsletter_launch_091120.jpg" width="450" height="751" width_o="450" height_o="751" src_o="http://payload.cargocollective.com/1/0/4867/157849/newsletter_launch_091120_o.jpg" data-mid="680748" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/4867/157849/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload.cargocollective.com/1/0/4867/157849/divider_o.jpg" data-mid="30131698" border="0" align="left"/> Agency: Publicis Modem Role: Art Direction, Design Head of design: Áthila Armstrong Creative Copywriter: Brian Murray LG recently presented its customers with a magazine styled customer relations site, Good Life. Working closely with IA, development, marketing and accountant... http://cargocollective.com/nealewillis/National-Geographic http://cargocollective.com/nealewillis/following/nealewillis/National-Geographic Sun, 16 Aug 2009 10:56:53 +0000 Neale Willis - Art Direction & Design 60082 The National Geographic Channel is renowned for the stunning imagery it uses across it's programming. During the redesign of the UK site, the use of images was foremost, while ensuring ease of access to their programming. See the live site here <img src="http://payload.cargocollective.com/1/0/4867/60082/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload.cargocollective.com/1/0/4867/60082/divider_o.jpg" data-mid="30131582" border="0" align="left"/> Site design <img src="http://payload.cargocollective.com/1/0/4867/60082/ng1_780.jpg" width="780" height="1491" width_o="800" height_o="1530" src_o="http://payload.cargocollective.com/1/0/4867/60082/ng1_o.jpg" data-mid="30131146" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/60082/ng2_780.jpg" width="780" height="1758" width_o="800" height_o="1804" src_o="http://payload.cargocollective.com/1/0/4867/60082/ng2_o.jpg" data-mid="30131147" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/60082/ng3_780.jpg" width="780" height="1285" width_o="800" height_o="1318" src_o="http://payload.cargocollective.com/1/0/4867/60082/ng3_o.jpg" data-mid="30131163" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/60082/ng4_780.jpg" width="780" height="1690" width_o="800" height_o="1734" src_o="http://payload.cargocollective.com/1/0/4867/60082/ng4_o.jpg" data-mid="30131164" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/4867/60082/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload.cargocollective.com/1/0/4867/60082/divider_o.jpg" data-mid="30131582" border="0" align="left"/> Project: Concept, Design Role: Art Direction, Design Agency: National Geographic Channel UK The National Geographic Channel is renowned for the stunning imagery it uses across it's programming. During the redesign of the UK site, the use of images was... http://cargocollective.com/nealewillis/J-J-Regaine http://cargocollective.com/nealewillis/following/nealewillis/J-J-Regaine Fri, 07 Aug 2009 05:41:47 +0000 Neale Willis - Art Direction & Design 55339 Working with a copywriter and closely with a strategist to develop the winning concept and design in a competitive pitch for Johnson & Johnson's hairloss product Regaine. Bringing a magazine/lifestyle approach to a product that was both dated and cliched added life to the brand and when mixed with a touch of humour and easily accessible facts a winning combination was created. <img src="http://payload.cargocollective.com/1/0/4867/55339/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload.cargocollective.com/1/0/4867/55339/divider_o.jpg" data-mid="30132274" border="0" align="left"/> Concept <img src="http://payload.cargocollective.com/1/0/4867/55339/regaine1_780.jpg" width="780" height="974" width_o="800" height_o="999" src_o="http://payload.cargocollective.com/1/0/4867/55339/regaine1_o.jpg" data-mid="30132204" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/55339/regaine2_780.jpg" width="780" height="974" width_o="800" height_o="999" src_o="http://payload.cargocollective.com/1/0/4867/55339/regaine2_o.jpg" data-mid="30132207" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/55339/regaine3_780.jpg" width="780" height="974" width_o="800" height_o="999" src_o="http://payload.cargocollective.com/1/0/4867/55339/regaine3_o.jpg" data-mid="30132209" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/55339/regaine5_780.jpg" width="780" height="1193" width_o="800" height_o="1224" src_o="http://payload.cargocollective.com/1/0/4867/55339/regaine5_o.jpg" data-mid="30132231" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/55339/regaine6_780.jpg" width="780" height="930" width_o="800" height_o="954" src_o="http://payload.cargocollective.com/1/0/4867/55339/regaine6_o.jpg" data-mid="30132232" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/4867/55339/regaine8_780.jpg" width="780" height="1116" width_o="800" height_o="1145" src_o="http://payload.cargocollective.com/1/0/4867/55339/regaine8_o.jpg" data-mid="30132233" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/4867/55339/divider_780.jpg" width="780" height="1" width_o="780" height_o="1" src_o="http://payload.cargocollective.com/1/0/4867/55339/divider_o.jpg" data-mid="30132274" border="0" align="left"/> Digital Creative Director: Jiri Bures Art Director: Neale Willis Copywriter: Amanda Dormon Strategist: Michelle O'Mahoney Agency: Red Box Digital Working with a copywriter and closely with a strategist to develop the winning concept and design in a competitive pitch for Johnson & Johnson's hairloss product...