http://www.shellycawood.co.uk Shelly Cawood : User Experience Designer Fri, 13 Jul 2012 07:04:33 +0000 http://www.shellycawood.co.uk en http://www.shellycawood.co.uk/HUBBUB-BIMA-WINNER http://www.shellycawood.co.uk/following/shellycawood.co.uk/HUBBUB-BIMA-WINNER Fri, 13 Jul 2012 07:04:33 +0000 Shelly Cawood : User Experience Designer 2264308 PROJECT INTRODUCTION N.B - this version of the site is no longer live. I was the Lead Experience Designer on this BIMA and Webby award winning project for a new London based delivery service. Hubbub provides an easy way for customers to order groceries from a variety of high quality independent shops all in one place, with Hubbub doing all the leg work. When designing the experience for Hubbub it became clear that it was important to provide support for 2 different types of customer behavior, the first being the customer who is familiar with a supplier, and wants to shop from them as they would if shopping on the high street. The second is where the customer wants to browse in a more product focused way. Browsing via product, is a more familiar grocery shopping pattern, focused categorised products. reminiscent of patterns established by the likes of Tesco and Sainsbury's. Existing patterns were a key jumping off point for this project, while the over all experience is fairly unique, we wanted it to feel familiar to people who are already using online grocery shopping. MY PROCESS I begin conducting a large amount of research into existing design practices for grocery shopping online. This helped me to a solution that users can intuitively use, from experience using similar types of site. From here I began brainstorming ideas uses sketches, that helped to express both the challenges and my solutions to the client as the project progressed, from these I created detailed wireframe specifications. I was closely involved with the development of this site, and was on hand while the back and front end developers built the very complex systems required to get the site up and running. This often required me to think very quickly on my feet. THE RESULT This project was one of my most successful to date, being nominated for 2 BIMAS, Wining one BIMA in 2010 and being named as an Official Webby Honouree in 2011. The site continues to go from strength to strength, in a recent update, I designed a new method for customers to shop by a selection of inspiring and tasty recipes, the customer can quickly, and easily add all the products they need to their basket. i created rapidly iterated sketches, to detail the layout and behaviour of this functionality, which were used by the visual designers at Head to design new pages. <img src="http://payload.cargocollective.com/1/0/473/2264308/browsertemplate_9_940.png" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2264308/browsertemplate_9_o.png" data-mid="13029855" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/473/2264308/hbbub_940.png" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2264308/hbbub_o.png" data-mid="13031242" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/473/2264308/hubbubbrowse_940.png" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2264308/hubbubbrowse_o.png" data-mid="13031550" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/473/2264308/awards_6_940.png" width="940" height="300" width_o="940" height_o="300" src_o="http://payload.cargocollective.com/1/0/473/2264308/awards_6_o.png" data-mid="13037327" border="0" align="left"/> Cover Thumbnail Image: English Apple Season is here - Creative Commons Flickr PROJECT INTRODUCTION N.B - this version of the site is no longer live. I was the Lead Experience Designer on this BIMA and Webby award winning project for a new... http://www.shellycawood.co.uk/BPP http://www.shellycawood.co.uk/following/shellycawood.co.uk/BPP Thu, 12 Jan 2012 07:46:27 +0000 Shelly Cawood : User Experience Designer 2265765 PROJECT INTRODUCTION BPP.com (This site is still under-going development) BPP is a leading professional training provider in London and the rest of the UK. For this project I was tasked with redesigning their current site from the ground up. The key focus of this project was on providing clear routes to the information about the courses on offer, with care taken to include the very specific requirements of their internal marketing teams. It was important that the site caterer equally to the wide range of people studying with BPP from Undergraduate students to Professionals looking to develop their career. In order to do this we looked at standardising the way the user browses through the details for each of the very complex and varied courses. MY PROCESS I began the project working on a huge number low fidelity sketches and concepts, constantly refining and tuning my ideas. These initial sketches helped both the team at Head and client begin to visualise how the finished site would look and behave. Their previous site had a very confusing architecture, and every course they offer has a very different structure, this posed a complex InformationArchitecture problem, I scrapped their existing structure and began to build a new one around key student groups, and how they would most efficiently browse the website. As a team we created key user journeys to test and demonstrate this new Architecture, and the final concept as a whole. Ultimately I created in depth UX documentation including; Site maps, User flows, and detailed wire frame documentation. The visuals included here are from the PSDs that were created by Visual designers at Head. <img src="http://payload.cargocollective.com/1/0/473/2265765/home_940.png" width="940" height="600" width_o="940" height_o="600" src_o="http://payload.cargocollective.com/1/0/473/2265765/home_o.png" data-mid="13486567" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/473/2265765/cors_940.png" width="940" height="600" width_o="940" height_o="600" src_o="http://payload.cargocollective.com/1/0/473/2265765/cors_o.png" data-mid="13486550" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/473/2265765/sm1_940.png" width="940" height="600" width_o="940" height_o="600" src_o="http://payload.cargocollective.com/1/0/473/2265765/sm1_o.png" data-mid="13486598" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/473/2265765/sm2_940.png" width="940" height="600" width_o="940" height_o="600" src_o="http://payload.cargocollective.com/1/0/473/2265765/sm2_o.png" data-mid="13486613" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/473/2265765/bpp2_940.png" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2265765/bpp2_o.png" data-mid="13032560" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/473/2265765/bpp1_940.png" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2265765/bpp1_o.png" data-mid="13032491" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/473/2265765/bppdetails_940.png" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2265765/bppdetails_o.png" data-mid="13032794" border="0" align="left"/> PROJECT INTRODUCTION BPP.com (This site is still under-going development) BPP is a leading professional training provider in London and the rest of the UK. For... http://www.shellycawood.co.uk/ELECTROLUX http://www.shellycawood.co.uk/following/shellycawood.co.uk/ELECTROLUX Tue, 10 Jan 2012 10:32:58 +0000 Shelly Cawood : User Experience Designer 2264812 PROJECT INTRODUCTION Electrolux.co.uk I worked on a project to completely redesign the experience of the Electrolux brand website, this is currently being rolled out to 50 countries across Europe. Key to this project was supporting consumers when choosing their appliances, through easy navigation and supporting inspiration content. Navigation was improved using faceted filters, and reconfigured categorisation, supported by improved display of product details. MY PROCESS As part of an ever evolving team, I was the one constant UX presence on this project, from beginning to end. I attended initial research sessions, and found these invaluable when starting to design. I helped to create a new Information Architecture, to assist browsing to products, and was ultimately responsible for the delivery of a hugely detailed, 300 page, wireframe specification document. THE RESULT I was involved all parts of this project but had a particular focus on creating a customer support area, providing access to things such as trouble shooting, manuals and product registration, this area has helped to achieve a 10% drop in customer support calls since it went live. Improvements and releases of the site continue, I was recently involved in the introduction of eCommerce elements to the site. <img src="http://payload.cargocollective.com/1/0/473/2264812/Electrolux_940.png" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2264812/Electrolux_o.png" data-mid="13032026" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/473/2264812/elecfilter_940.png" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2264812/elecfilter_o.png" data-mid="13032168" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/473/2264812/pdp_940.png" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2264812/pdp_o.png" data-mid="13048421" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/473/2264812/upport_940.png" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2264812/upport_o.png" data-mid="13048066" border="0" align="left"/> PROJECT INTRODUCTION Electrolux.co.uk I worked on a project to completely redesign the experience of the Electrolux brand website, this is currently being rolled... http://www.shellycawood.co.uk/BRITISH-GAS http://www.shellycawood.co.uk/following/shellycawood.co.uk/BRITISH-GAS Tue, 10 Jan 2012 10:32:54 +0000 Shelly Cawood : User Experience Designer 2267834 I was part of both the visual design and UX design teams for when working with British Gas, helping to improve conversion for sign ups and quotes. This relationship consisted of a large number of, small, fast turn around projects. This included forms optimisation, visiting and revisiting; layout, content and flow. I was involved in a restructuring of their 'Help and Advice' section, with the aim of improving the browsing experience. With a large amount of content already in place, the feeling was that it was complicated for users to find their way to the content specific for their need, we introduced the idea of key tasks, or queries and how to solve them. This project also included consideration for the integration of help content across the site, and introduced a 'Help and Advice' module, to sit within the existing layout of various page, this module includes FAQs specific to the area of the site the user is in and Field to enter search terms. Another area of the site I had the opportunity to improve was the 'Contact Us' section. Previously this had been a list of phone numbers. I again used the idea of key tasks to break up the list, so the user can easily find phone numbers, self service and help on areas specific to their need. <img src="http://payload.cargocollective.com/1/0/473/2267834/gaq_940.png" width="940" height="600" width_o="940" height_o="600" src_o="http://payload.cargocollective.com/1/0/473/2267834/gaq_o.png" data-mid="13488017" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/473/2267834/britishgas2_940.png" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2267834/britishgas2_o.png" data-mid="13030134" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/473/2267834/ha2_940.png" width="940" height="600" width_o="940" height_o="600" src_o="http://payload.cargocollective.com/1/0/473/2267834/ha2_o.png" data-mid="13488035" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/473/2267834/ha1_940.png" width="940" height="600" width_o="940" height_o="600" src_o="http://payload.cargocollective.com/1/0/473/2267834/ha1_o.png" data-mid="13488024" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/473/2267834/britishgas_940.png" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2267834/britishgas_o.png" data-mid="13030096" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/473/2267834/britishgas3_940.png" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2267834/britishgas3_o.png" data-mid="13031179" border="0" align="left"/> Cover Thumbnail Image: Gas Stove Burner 12-28-09 -- Dec282009_1389 - Creative Commons Flickr I was part of both the visual design and UX design teams for when working with British Gas, helping to improve conversion for sign ups and quotes. This relationship... http://www.shellycawood.co.uk/HTC http://www.shellycawood.co.uk/following/shellycawood.co.uk/HTC Tue, 10 Jan 2012 10:32:53 +0000 Shelly Cawood : User Experience Designer 2268464 N.B. This site is no longer live. HTC approached us for a quick turn around redesign of their products section of their site. Feeling they were behind the curve with their competitors, HTC wanted to better showcase their Hero products, and show off the features of their new phones and customised Android OS. I created a set of rapidly iterated sketch concepts. These were then used by the visual design team to create the final screens. <img src="http://payload.cargocollective.com/1/0/473/2268464/htc_940.png" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2268464/htc_o.png" data-mid="13033982" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/473/2268464/htc2_940.png" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2268464/htc2_o.png" data-mid="13034063" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/473/2268464/htc3_940.png" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2268464/htc3_o.png" data-mid="13034124" border="0" align="left"/> N.B. This site is no longer live. HTC approached us for a quick turn around redesign of their products section of their site. Feeling they were behind the curve... http://www.shellycawood.co.uk/HUMANIC http://www.shellycawood.co.uk/following/shellycawood.co.uk/HUMANIC Tue, 10 Jan 2012 10:32:52 +0000 Shelly Cawood : User Experience Designer 2265081 PROJECT INTRODUCTION www.shoemanic.com I was the Lead Experience Designer, engaging with clients and stakeholders at regular checkpoints in this large and complex site design. Humanic, is one of Europes leading shoe retailers, based in Austria, with stores across Germany, Austria and Eastern Europe. Prior to our engagement Humanic had no eCommerce offering. The key challenge was, how do you present 30,000 products and make it easy to browse and explore? I created a faceted navigation, allowing customers to filter results down, by product features such as, size, shape, colour and brand, to a more easy to digest number. Working closely with the visual designers at Head we decided that we wanted to highlight the importance of the product details page experience, and recommend the introduction of large and high quality imagery, to give the customer a real feel for the shoes. MY PROCESS This was my first ever Interaction Design project, way back in 2007 and was something of a baptism of fire, learning my away around Omnigraffle, and being a UX team of one. I did a vast amount of research into existing practises for shoe retailers online, as well as researching how shoes are displayed in high street stores. I spent the next couple of months producing a vast number of detailed wireframe specifications, along side working as part of the visual design team. THE RESULT The Humanic eCommerce store quickly became their Highest revenue earning store, with over 70,000 visitors in just the first week of launch. Since 2008, as part of an on going relationship with Humanic the site continues to evolve with recently implemented changes to improve visibility of key elements such as shopping cart and search. I have also been working on creating an exciting and unique cross channel experience, due to launch shortly. Internally at Head this project helped to cement the massive importance of UX & Interaction design, and my new found talents in both. <img src="http://payload.cargocollective.com/1/0/473/2265081/humanic_940.png" width="940" height="600" width_o="940" height_o="600" src_o="http://payload.cargocollective.com/1/0/473/2265081/humanic_o.png" data-mid="13487615" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/473/2265081/humanics2_940.png" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2265081/humanics2_o.png" data-mid="13031872" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/473/2265081/humanics_940.png" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2265081/humanics_o.png" data-mid="13031801" border="0" align="left"/> PROJECT INTRODUCTION www.shoemanic.com I was the Lead Experience Designer, engaging with clients and stakeholders at regular checkpoints in this large and complex...