http://www.shellycawood.co.uk Shelly Cawood : User Experience Designer Thu, 12 Jan 2012 13:46:27 +0000 http://www.shellycawood.co.uk en http://www.shellycawood.co.uk/BPP http://www.shellycawood.co.uk/following/shellycawood.co.uk/BPP Thu, 12 Jan 2012 13:46:27 +0000 Shelly Cawood : User Experience Designer 2265765 BPP.com 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. <img src="http://payload.cargocollective.com/1/0/473/2265765/bpp2_940.png" border="0" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2265765/bpp2_o.png" align="left" /> 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. <img src="http://payload.cargocollective.com/1/0/473/2265765/bpp1_940.png" border="0" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2265765/bpp1_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/473/2265765/bppdetails_940.png" border="0" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2265765/bppdetails_o.png" align="left" /> I began the project working on low fidelity sketches and concepts, these helped both the team and client begin to visualise how the finished site would look and behave. Ultimately I created in depth UX documentation from Site maps, and user journeys, to 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" border="0" width="940" height="600" width_o="940" height_o="600" src_o="http://payload.cargocollective.com/1/0/473/2265765/home_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/473/2265765/cors_940.png" border="0" width="940" height="600" width_o="940" height_o="600" src_o="http://payload.cargocollective.com/1/0/473/2265765/cors_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/473/2265765/sm1_940.png" border="0" width="940" height="600" width_o="940" height_o="600" src_o="http://payload.cargocollective.com/1/0/473/2265765/sm1_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/473/2265765/sm2_940.png" border="0" width="940" height="600" width_o="940" height_o="600" src_o="http://payload.cargocollective.com/1/0/473/2265765/sm2_o.png" align="left" /> http://www.shellycawood.co.uk/ELECTROLUX http://www.shellycawood.co.uk/following/shellycawood.co.uk/ELECTROLUX Tue, 10 Jan 2012 16:32:58 +0000 Shelly Cawood : User Experience Designer 2264812 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. <img src="http://payload.cargocollective.com/1/0/473/2264812/Electrolux_940.png" border="0" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2264812/Electrolux_o.png" align="left" /> 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. <img src="http://payload.cargocollective.com/1/0/473/2264812/elecfilter_940.png" border="0" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2264812/elecfilter_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/473/2264812/pdp_940.png" border="0" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2264812/pdp_o.png" align="left" /> 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. <img src="http://payload.cargocollective.com/1/0/473/2264812/upport_940.png" border="0" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2264812/upport_o.png" align="left" /> Improvements and releases of the site continue, I was recently involved in the introduction of eCommerce elements to the site. http://www.shellycawood.co.uk/BRITISH-GAS http://www.shellycawood.co.uk/following/shellycawood.co.uk/BRITISH-GAS Tue, 10 Jan 2012 16:32:54 +0000 Shelly Cawood : User Experience Designer 2267834 www.britishgas.co.uk/Help&Advice www.britishgas.co.uk/GetaQuote www.britishgas.co.uk/ContactUs 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 many small fast turn around projects. This included forms optimisation, visiting and revisiting; layout, content and flow. <img src="http://payload.cargocollective.com/1/0/473/2267834/britishgas2_940.png" border="0" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2267834/britishgas2_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/473/2267834/gaq_940.png" border="0" width="940" height="600" width_o="940" height_o="600" src_o="http://payload.cargocollective.com/1/0/473/2267834/gaq_o.png" align="left" /> 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. <img src="http://payload.cargocollective.com/1/0/473/2267834/britishgas_940.png" border="0" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2267834/britishgas_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/473/2267834/ha2_940.png" border="0" width="940" height="600" width_o="940" height_o="600" src_o="http://payload.cargocollective.com/1/0/473/2267834/ha2_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/473/2267834/ha1_940.png" border="0" width="940" height="600" width_o="940" height_o="600" src_o="http://payload.cargocollective.com/1/0/473/2267834/ha1_o.png" align="left" /> 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/britishgas3_940.png" border="0" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2267834/britishgas3_o.png" align="left" /> Cover Thumbnail Image: Gas Stove Burner 12-28-09 -- Dec282009_1389 - Creative Commons Flickr http://www.shellycawood.co.uk/HTC http://www.shellycawood.co.uk/following/shellycawood.co.uk/HTC Tue, 10 Jan 2012 16: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 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" border="0" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2268464/htc_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/473/2268464/htc2_940.png" border="0" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2268464/htc2_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/473/2268464/htc3_940.png" border="0" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2268464/htc3_o.png" align="left" /> http://www.shellycawood.co.uk/HUMANIC http://www.shellycawood.co.uk/following/shellycawood.co.uk/HUMANIC Tue, 10 Jan 2012 16:32:52 +0000 Shelly Cawood : User Experience Designer 2265081 www.shoemanic.com Humanic, is one of Europes leading shoe retailers, based in Austria, with stores across Germany, Austria and Eastern Europe. I was the Lead Experience Designer, engaging with clients and stakeholders at regular checkpoints in this large and complex site design. The Humanic eCommerce store quickly became their Highest revenue earning store, with over 70,000 visitors in just the first week of launch. 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. <img src="http://payload.cargocollective.com/1/0/473/2265081/humanics2_940.png" border="0" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2265081/humanics2_o.png" align="left" /> 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. <img src="http://payload.cargocollective.com/1/0/473/2265081/humanics_940.png" border="0" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2265081/humanics_o.png" align="left" /> 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. <img src="http://payload.cargocollective.com/1/0/473/2265081/humanic_940.png" border="0" width="940" height="600" width_o="940" height_o="600" src_o="http://payload.cargocollective.com/1/0/473/2265081/humanic_o.png" align="left" /> http://www.shellycawood.co.uk/HUBBUB-BIMA-WINNER http://www.shellycawood.co.uk/following/shellycawood.co.uk/HUBBUB-BIMA-WINNER Tue, 10 Jan 2012 16:30:37 +0000 Shelly Cawood : User Experience Designer 2264308 www.hubbub.co.uk 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. <img src="http://payload.cargocollective.com/1/0/473/2264308/browsertemplate_9_940.png" border="0" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2264308/browsertemplate_9_o.png" align="left" /> 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 a more familiar online grocery shopping pattern where the customer wants to browse in a more product focused way. The first of the images below shows browsing via shop. <img src="http://payload.cargocollective.com/1/0/473/2264308/hbbub_940.png" border="0" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2264308/hbbub_o.png" align="left" /> Browsing via product, is a more familiar grocery shopping pattern, focused categorised products. reminiscent of patterns established by the likes of Tesco and Sainsburys. 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. <img src="http://payload.cargocollective.com/1/0/473/2264308/hubbubbrowse_940.png" border="0" width="940" height="772" width_o="940" height_o="772" src_o="http://payload.cargocollective.com/1/0/473/2264308/hubbubbrowse_o.png" align="left" /> In a recent update to the site, 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 behavior 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/awards_6_940.png" border="0" width="940" height="300" width_o="940" height_o="300" src_o="http://payload.cargocollective.com/1/0/473/2264308/awards_6_o.png" align="left" /> Hubbub was a BIMA Awards 2010 Winner, a BIMA Awards 2010 Finalist, and a Webby Awards 2011 Official Honoree Cover Thumbnail Image: English Apple Season is here - Creative Commons Flickr