https://www.joeparker.co.uk/home daily 1.0 2021-03-28 https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f0d0068ef4364521c9256de/1594687616946/jpd-profile.png Home - Choosing a designer best suited to your project? “Finding a digital designer to work with can be a daunting challenge.” With over a decade of experience in digital design, working on projects of all scales and across all industries; from one person start-ups, to large multi store eCommerce businesses, you can have confidence in choosing to work with me. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f03c00703bbfa0f1cbefbac/1594607881611/problems.png Home Common problems Take a look https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5efa4e21e607e0426955dc6e/1594607920025/ucd-mini.png Home - My processes & tools My processes & tools Take a look https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f21ff43a4b7db6db77bfe21/1596063574187/new.png Home - Latest work My latest work Take a look https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5ef927b767d0746239970fc9/1593386940864/clients-simon.png Home https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/5ef7561667d0746239655815/5f066b1ded94bd3dafcc2871/1594256160019/kk-logo.png Home https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/5ef7561667d0746239655815/5f066b1e31811d08f9d1df1f/1594257011023/veritas-logo.png Home https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/5ef7561667d0746239655815/5f066b1deb0f0708023ccf04/1594256159725/beaulieu-logo.png Home https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/5ef7561667d0746239655815/5f066b1dbd6cfa7c6b909518/1594257049533/vw-logo.png Home https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/5ef7561667d0746239655815/5f066e366683b83fe158dc13/1594256952252/ordnancesurvey-logo.png Home https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/5ef7561667d0746239655815/5f066b1d4699a73e3ca19987/1594257021271/covers-logo.png Home https://www.joeparker.co.uk/contact daily 0.75 2020-08-06 https://www.joeparker.co.uk/process daily 0.75 2020-10-25 https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5efa68f84ba50510f1ae99b1/1593904427288/ucd.png Process - 1. User Centred Design User Centred Design is at the heart of my design process, it is a circular six step process (Empathise, Define, Ideate, Prototype, Test and Implement) which is designed to focus on a the needs and values of the end user first. This methodology allows me to test a hypothesis quickly on real users at design, through rapid prototyping. It ensures we are addressing the right user needs before the digital product enters development, a very cost effective approach to innovation. The UCD Process https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5efa6b22611fe903ce196e92/1593904422204/business+model+canvas.png Process - 2. Value Proposition Design Developed by Dr Alexander Osterwalder, the Value Proposition Canvas is particularly useful in helping start ups to understand the needs and values of their end users. It allows them to position their digital product correctly in the market they intend to enter and achieve best fit, in what can be a delicate but highly useful process. Value Proposition Canvas https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5efa6570c206cb3ea276a158/1593904416680/Design+System.png Process - 3. Design Systems I start every project with an atomic design system, this acts as the foundations for the brand’s UI and the digital brand guideline for the project. To start with, we define ‘atomic’ elements; typographic hierarchy; brand and system colours; styles and surfaces, with these atomic elements in place, I can then design ‘molecules’ e.g buttons and fields, ‘organisms’ e.g a form and finally templates e.g a contact page. Every possible interface starts with the the system, it keeps the UI unified and stops it from straying in style. Keeping the respective brand, strong, transparent and unified. Design systems https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f21e15b818afc02a1af7ece/1596055921782/tools.png Process - 4. Design Tools Design tools come in handy between steps three and four of the User Centred Design process. I use the industry standard design tools ‘Sketch’ and ‘Figma’ to design interface as they are lightweight, specific for the task and support my UI design system, meaning I can create watertight, on brand design which can be effortlessly handed off to the development team when it comes to the build. Sketch • Figma https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f21f1a9818afc02a1b2be58/1596060081792/prototype.png Process - 5. Prototyping Prototyping is the fourth stage of the User Centred Design process, this is a vital stage of a the design process as it is the point at which we can mock up interactivity of a digital product in order to test it on our audience to see if what we hypothesised, is successfully addressed by the design. Take a look at some of the tools I use to do this, below. Invision • Principle https://www.joeparker.co.uk/case-studies daily 0.75 2020-10-24 https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f21fd3c6e3499593d8053d8/1596063061725/djs-intro.png Work - The DJ Shop The DJ Shop are one of the UK’s largest retailers for DJ equipment. They had outgrown their dated eCommerce site and were looking for something to reflect their position in the industry with a refreshed user journey and user friendly UI for a modern customer base. UI Design • UX Design • User Centred Design https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f1dec362189c2206f571175/1595796570110/intro-vw.png Work - Visit Winchester Discover how I redesigned the online experience for Winchester’s tourism board, through the use of a user centred design process, ensuring that their team was able to address the needs of the city’s varied visitors, vastly improving their online offering. UI Design • UX Design • User Centred Design https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f94a9e8aa9f2a01f19fa26b/1603578802764/covers-2-mob-rhs.png Work - Covers Timber Merchants Take a look at how I improved Covers Timber Merchants’ digital offering by designing their first Magento eCommerce website to align digital commerce for their 12 stores nationwide. UI Design • UX Design • User Centred Design https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f1cdccb86ffed423ffd0501/1595727064135/akrivia-intro.png Work - Akrivia Health An innovative concept around data processing needed an equally innovative online solution to communicate the business simply and clearly through the use of branded illustration work and a considered mobile first user journey. UI Design • Mobile First • Illustration https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f238e8fcb5cc8436a21ea54/1596165792935/bau-intro.png Work - Beds Are Uzzz Beds are Uzzz had out grown their current Magento 1 site and were looking to scale up to Magento 2. I took the opportunity to look at how we could improve the experience for the customer with a bespoke UX journey, design system and custom illustration work. UI Design • UX Design • User Centred Design https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f274f9c3c4a280097fef88e/1596411822590/intro-veritas.png Work - Veritas The bespoke corporate gifting company, Veritas, looked to increase their enquiries on their gift products, take a look at how we moved them to a design system, aligned their UI and revamped their UX. UI Design • UX Design • User Centred Design https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f0212718c20591d1196516a/1594338530382/logo+grid.png Work - Logos & Marques I have had the pleasure of working with some innovative start ups and businesses, helping to bring them to life through a unique identity. A selection of my logo and marque work can be seen on the link, below. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/5f0661e4f1d20d407d34ac58/5f066a953a503e19bf7d78f8/1594256024706/kk-logo.png Work https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/5f0661e4f1d20d407d34ac58/5f066a9722afa6754a1f6ed2/1594257138962/veritas-logo.png Work https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/5f0661e4f1d20d407d34ac58/5f066a96f21dd43ad6af55eb/1594256024881/beaulieu-logo.png Work https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/5f0661e4f1d20d407d34ac58/5f066a96f1d20d407d35de9a/1594257162755/vw-logo.png Work https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/5f0661e4f1d20d407d34ac58/5f066dfdb136566104f35793/1594256895371/ordnancesurvey-logo.png Work https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/5f0661e4f1d20d407d34ac58/5f066ae0bd6cfa7c6b908cee/1594257173864/covers-logo.png Work https://www.joeparker.co.uk/common-problems daily 0.75 2020-11-08 https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f00e58400cd9d2e462f86cd/1593894279266/bg-rectangle.png Common Problems - We’re a start up and need to prototype our idea to show investors. That sounds like me https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f00e5bdfcd86f0cfed827fb/1593894334639/bg-rectangle.png Common Problems - We are launching a business and are looking for a branding package That sounds like me https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f00e588cab42930312c3056/1593894282641/Screenshot+2020-06-27+at+17.45.58.png Common Problems - We have a digital product idea but are unsure about how to visualise it? That sounds like me https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f00e5c000cd9d2e462f8bce/1593894338701/Screenshot+2020-06-27+at+17.45.58.png Common Problems - We have a brand but are looking to grow it but we are unsure how to do it? That sounds like me https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f00e57ce5e0f777e318b5ca/1593894272894/bg-rectangle.png Common Problems - Our digital experience is falling down and we can’t figure out why? That sounds like me https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f00e5a9b17cce1992ba4029/1593894316368/Screenshot+2020-06-27+at+17.45.58.png Common Problems - There are too many styles across our site, can it be tightened up? That sounds like me https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f00e59ed100920c1474b60c/1593894307753/Screenshot+2020-06-27+at+17.45.58.png Common Problems - We have undergone a rebrand but our site still feels detached from it. That sounds like me https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f00e5aefcd86f0cfed82539/1593894324610/bg-rectangle.png Common Problems - We want to take our digital brand to the next level but are unsure how? That sounds like me https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f00e56d0c84a269fb77e025/1593894264139/bg-rectangle.png Common Problems - How do we test our digital product out on real users, to gain insight? That sounds like me https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f00e5b9837deb5ea530361f/1593894331577/Screenshot+2020-06-27+at+17.45.58.png Common Problems - My brand is tired and in need of a refresh, it’s not working for my audience That sounds like me https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f00e5c3837deb5ea53036bb/1593894341537/Screenshot+2020-06-27+at+17.45.58.png Common Problems - Our brand is all over the place and needs to be brought in line, but how? That sounds like me https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f00e594f00dfd0e17bb9dd1/1593894294431/bg-rectangle.png Common Problems - Our brand feels disjointed across our site and we’re not sure how to fix it? That sounds like me https://www.joeparker.co.uk/about-me daily 0.75 2020-10-25 https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f0cfe1e19451a3567f6f43b/1594687012858/jpd-profile-small3.png About me https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f03dd01534f58054e8d9c40/1594088721019/charliedontsurf.png About me - My passions My passion is in creating simple and innovative design solutions. People inspire me. Strong empathy for their problems and concerns, drives my design thinking. User-centred design and its tool kit of methodologies are at the heart of my process. With these approaches I collaborate closely with my clients and their end-users, exploring design problems in depth, in order to produce strong solutions that work in practice. Away from the screen, you can often find me shivering in a wetsuit along the South Coast, making the most of the UK cold water surf season. A strong coffee, boots and gloves are recommended, though! https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f2e99731e01fe552db56ec6/1596889482669/wpyn.png About me - People inspire me I believe it is important to listen, empathise, connect and understand one another. Building trusted relationships with people is the key to collaborating and co-creating design solutions that enable positive change; to the benefit of humanity, within the sustainable limits of the planet. “Without people, you’re nothing” Joe Strummer https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f2393e31228ea67b19c85cb/1596167155066/bau-intro.png About me - My work My skillset includes a strong focus on concept generation and prototyping, using tools such as Sketch, Figma, and Invision. I have expertise in user-centred design thinking, design systems, UX/UI best practice, and design sprint methodologies. I am an early adopter of new software and technology where it helps my agencies and clients stay ahead of the game. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5ef926fd9e8f05514ad53635/1593386757749/Screenshot+2020-06-27+at+17.45.58.png About me https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5ef968ffa7500b66953eea71/1593403972040/book-1.png About me Sprint Zeratsky & Kowitz https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5ef969a6fb8ae15cc014b8b5/1593403974077/book-2.png About me Doughnut Economics Kate Rayworth https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5ef96a311ea2ed390600b76a/1593403976272/book-3.png About me The Lean Startup Eric Reis https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5ef96bed9f8c8b0df05cadcf/1593404402973/book-4.png About me This Is Marketing Seth Godin https://www.joeparker.co.uk/veritas-case-study daily 0.75 2020-10-25 https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f2745eb1e4a040f2e126145/1596409352811/veritas-mob-grid.png Veritas Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f274b820996be61b154f48d/1596410770180/veritas-ucd.png Veritas Case Study - Defining the problem Veritas is a business with a luxury bespoke gifting product. Their client base is vast however they struggled to attract new enquiries through the site due to the confusing user journey, poor UX and an antiquated user interface. This combined with a clunky mobile experience meant that the site required a new approach. It was clear that their current site lacked the relevant information to funnel visitors through to an enquiry. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f276a8a53a7cb5390255c35/1596418722176/veritas-dt-3screen.png Veritas Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f273de6b416162a13682a67/1596407281539/20140301_Trade-151_0124-copy.jpg Veritas Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f276c68b27d992f0856b8dd/1596419189977/veritas-mob-2screen.png Veritas Case Study - The challenges The team at Datadial initiated the process by carrying out an SEO ‘deep dive’ where they were able to identify how content was listing in Google for the brand and then structure and curate the content of the new site with SEO at its core. Each page has been built to act as a landing page, which allows the content to rank highly in search engines. My key challenge was to address content in a smart way, serving the user what they required to see, where they expected to see it, reflective of the new SEO focused page structure worked on by Datadial. It was important that I conveyed that through mobile-first, simple and intuitive, user centred design. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f276296b416162a136ccfe3/1596416669775/veritas-dt-ui.png Veritas Case Study - The design system Defining a design system for the brand was key to its success. The design stripped back a lot of the original styles, to keep the design minimalist and focused on their stunning product imagery. Once the design system components were established, I was able to start wireframing and experimenting with some low-fi layouts to explore how this new content would flow alongside a revamped user journey. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f2762803c4a280097016960/1596419470450/veritas-dt-menu.png Veritas Case Study - Information hierarchy Special attention was given to the design of menu hierarchy, in order to reflect the SEO research. Tiled containers were introduced to break up content elegantly and case studies were introduced to help establish trust and competence within the brand. Product category pages were luxurious with space, focusing on attractive product image grids, partitioned content, bespoke icon led process, FAQs, brand logos and a final encouragement to make an enquiry at the end of each page. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f2755323c4a280097ffc11a/1596413314724/veritas-dt-product.png Veritas Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f2769026681c34e5a98db23/1596419481471/intro-veritas.png Veritas Case Study - The results The launch of the new site has been a success. The digital Veritas brand has been elevated to reflect the quality of the offline product range and company heritage. This, along with the SEO focused page structure, has resulted in a steady increase in on site enquiries, along with a 100% rating in Google speed tests and a higher ranking on its search engine. https://www.joeparker.co.uk/design-services daily 0.75 2020-07-13 https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f00e61e0b10e1226501a017/1594243415623/bg-rectangle.png Popular Services - Design sprints I’m interested https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f00e625c56ace3ec391dfb3/1594243415635/bg-rectangle.png Popular Services - Animated prototype I’m interested https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f00e61a0c84a269fb77fa94/1594243415619/bg-rectangle.png Popular Services - Design systems I’m interested https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f00e64665a3745ddd38ef17/1594243415647/Screenshot+2020-06-27+at+17.45.58.png Popular Services - Shopify eCommerce design I’m Interested https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f00e63ffb7f38664fff20dd/1594243415643/Screenshot+2020-06-27+at+17.45.58.png Popular Services - Magento eCommerce design I’m interested https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f00e621a3e232150d6865d7/1594243415628/ Popular Services - Branding & logo design I’m interested https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f00e63afc1b3c3e2961b39b/1594243415639/Screenshot+2020-06-27+at+17.45.58.png Popular Services - iOS & Android app design I’m interested https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f00e630d470c94c55605f7e/1594243415588/Screenshot+2020-06-27+at+17.45.58.png Popular Services - User experience design I’m interested https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f00e62b0c84a269fb77fbe2/1594243415593/Screenshot+2020-06-27+at+17.45.58.png Popular Services - User i nterface design I’m interested https://www.joeparker.co.uk/testimonials daily 0.75 2020-10-25 https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f96038dd57b73085198f41e/1603666832293/clients-rachel.png Testimonials https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f0ba1ae45628c2a553977b0/1594597813604/colleagues-james.png Testimonials https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f0ba2d27185980e190cb394/1594598267554/clients-DJShop.png Testimonials https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5ef923a7b7918e0088140d81/1593385903047/clients-covers.png Testimonials https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f0ba3887adc097c9968b475/1594598282271/ Testimonials https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5ef9240992723c7515f6f03a/1593386001800/clients-simon.png Testimonials https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f27719753a7cb5390262d56/1596420510441/clients-andrew.png Testimonials https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5eff73a6f65fdc5e99c6efe3/1593799592969/colleagues-dan.png Testimonials https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f2772419be62f3bbf1d3d54/1596420681115/clients-louisa.png Testimonials https://www.joeparker.co.uk/logos-and-marques daily 0.75 2020-10-27 https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f03233079d2832e0ab28cbb/1594041145006/logo-large-londonwine.png Logos and Marques https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f024bf138bdf707c8dfefbc/1594093121868/logo-whitehart.png Logos and Marques https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f0320bf1476c8087182694b/1594040517167/logo-large-want.png Logos and Marques https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f032358b96a0625121098e9/1594041182490/logo-large-tbg.png Logos and Marques https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f0320b2ff32c80f99c5efa6/1594040504792/logo-large-opun.png Logos and Marques https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f03213581fcf002f4f69cf9/1594040634495/logo-large-oobafit.png Logos and Marques https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f0320942005f03d23ddcef0/1594093123534/logo-large-toast.png Logos and Marques https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f0323406683a0395948b304/1594041163692/logo-large-awb.png Logos and Marques https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f03208579d2832e0ab230f6/1594093119501/logo-whitehart.png Logos and Marques https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f0323211ffcfb3e3fc62e0f/1594041128295/logo-large-parkermarine.png Logos and Marques https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f0321095b805f3ec70d8091/1594040593430/logo-large-safe2buy.png Logos and Marques https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f0320ca81fcf002f4f68f16/1594040526783/logo-large-price.png Logos and Marques https://www.joeparker.co.uk/covers-case-study daily 0.75 2020-10-25 https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f94bf318cd4814a3da9300b/1603583818282/covers-mob-grid.png Covers Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f2396824855854300ab9b75/1596167827620/covers-ucd.png Covers Case Study - Defining the problem To kick off the process, I hosted a discovery meeting with a representative from each department, from the shop floor right through to the MD and navigated them through a short design sprint process to efficiently identify the key problems that we had to tackle with the digital offering. From this process, it became evident that the key problem was that the site needed to work efficiently on location, in the hands of their main customers, building contractors. They regularly needed to get materials to site with a short turnaround time, on occasion, paying with trade credit, currently offered by Covers in store, which added time and delay and was currently a frustrating process to go through. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f94c3d52199862e91644abc/1603585008239/covers-mob-3.png Covers Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f25e5a644abb10a175cc45d/1596319157465/covers-dt-ui.png Covers Case Study - The challenges Now that we had identified and agreed on the key problems that Covers faced as a business, I worked in collaboration with them to turn these problem statements into addressable challenges through a ‘How Might We’ design thinking exercise. This resulted in identifying three key challenges that the design process needed to address; 1. How might we ensure that the site is easily navigable on a building site? 2. How might we make it easier for tradespeople to pay for materials when they need a quick turn around? 3. How might we structure the product range to best suit our users? With these 3 challenges democratically decided, we had a clear unified vision to take through to the ideation stage. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f94db61acef616a7ed7c859/1603593147399/Aro%2BHa_0010.jpg Covers Case Study - The concept The design concept addressed usability first, keeping the product catalogue clear and navigable on mobile. A custom account area where users could now pay for their order using a traders credit was designed. This allowed both Covers and their users to efficiently keep track of payment, speeding up the turnaround time on orders. A ‘timber tally’ interface was successfully prototyped, this allowed users to calculate multiple lengths of timber on an order, receive a quote and add it to basket, all in one go; a game changer in terms of efficiency. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f95fa1eacef616a7ef2d41f/1603664444298/covers-dt-2-screen.png Covers Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f94cd1d586eae3961329a13/1603593155772/covers-mob-2screen.png Covers Case Study - User interface Knowing what the 3 challenges were for the new Magento 2 site I started to translate the brand online by defining a solid design system to keep such a large site unified and cohesive. The UI incorporated a bold and striking colour palette, clear button styles, with strong contrast, along with a typographic system focused on readability, tested under sunlight to ensure that it would work in a construction environment. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f95eb293ef9bd77e9cb14c6/1603660873297/covers-dt-pp.png Covers Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f94d36efe16511c0191ee98/1603593163269/covers-dt-depot-finder.png Covers Case Study - The results Covers’ first transactional site was a huge success. Their online ordering process received strong praise from their users through to their team of directors. The attention to the design process and the site UX had catapulted Covers into a new era. Organic traffic went from 10,231 in Nov 2016 to 24,823 in Nov 2019 - a 143% increase. They have now opened their 15th warehouse store and have increased their turnover by £10 million since the transactional eCommerce site went live. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f1cc697a5b1ab2f721d73c1/1595721373899/clients-covers-grey.png Covers Case Study https://www.joeparker.co.uk/akrivia-health-case-study daily 0.75 2020-10-25 https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f23504b13efcb391569c6ad/1596149855814/ah-mob-grid.png Akrivia Health Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f2210f90161e8603f708507/1596068100073/ah-herobanner-illy.png Akrivia Health Case Study - Defining the problem OrangeGrove had carried out an extensive mobile first user centred design process and produced a set of signed off wireframes. It was now my responsibility to successfully design the user interface for the site. The key problems identified were; the brand didn’t yet have a set of online digital styles. An extensive range of bespoke, scalable illustration work was required, in keeping with the branding. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f2356549cc16f0990da3d77/1596151394572/ah-3-mob.png Akrivia Health Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f233656f42b3d3ef5eb4425/1596143200918/ah-illy-ds.png Akrivia Health Case Study - The challenges The UI had to successfully translate across multiple platforms and the design assets needed to be handed over to a developer remotely for the build. In order to achieve this, I used a combination of Sketch and Invision to sync assets remotely for the development team to download, directly from the browser. This kept the process efficient and ensured that it was deliverable within deadline. It was clear to me that I needed to establish a design system for the agency and brand in order to keep the process efficient, unified and watertight. Collaboration with the development team was essential to the resulting success of put this in place, giving agency and client an efficient platform to build and design sites from, going forward. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f2312f6009d9f728e7f1270/1596134145218/ah-illy-dt.png Akrivia Health Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f23363fbfb37e3caedc40a0/1596143178141/ah-illy-home-cons.png Akrivia Health Case Study - The concept After defining the design system for Akrivia health, which established a digital style guide for the brand, I was able to rapidly produce interface work across multiple platforms, with the design system as the central control point of all interface styles. This was then presented remotely via Invision for feedback and prototyped where necessary. The illustration work had to convey some relatively complex subject matter in a simple and easy to understand format. To do this, we were able to define a style with the client quite early on in the process. This then allowed me to define that illustration style within the design system too. The illustrations were vector based, which meant that I could scale them from mobile to desktop and save them out as SVG assets for the development team to implement into the site during build. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f232d351e83d24638c8a69d/1596140895759/ah-dt-home.png Akrivia Health Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f2359036835365ffcc33464/1596152340792/ah-dt-2screen-roundel.png Akrivia Health Case Study - The results The site intends to be launched in 2 phases. Since phase 1 launched, Akriva Health have enjoyed accelerated growth. The second stage of the site is to launch very shortly, with result tracking expected to commence in the months to follow. Both client and agency are confident in the continued success of the site. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f04b6d161e3803a1ecd85d2/1594144474459/clients-louisa.png Akrivia Health Case Study https://www.joeparker.co.uk/bedsareuzzz-case-study daily 0.75 2020-10-25 https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f245b6c432c0c7e72cd12c3/1596218246358/bau-mob-grid.png Beds Are Uzzz Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f237ea63603144de79bb857/1596161715805/bau-ucd.png Beds Are Uzzz Case Study - Defining the problem To begin the process, I facilitated a user centred design workshop with BAU to better understand the changing demands on their business. After talking with a representative from each specialism of their team and analysing site session data with our marketing department, it was clear that there were some correlating user issues that needed addressing. Collectively, we defined these as; users were confused by having to navigate a vast product range with multiple configurable items at product page. Users were experiencing a poor mobile journey. Users felt the brand didn’t reflect the quality of the stock being sold. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f2467e60ccae8401bd2fb17/1596221434023/bau-dt-3screen.png Beds Are Uzzz Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f24944d2f6bd0079f662fa0/1596232794803/bau-dt-ds.png Beds Are Uzzz Case Study - The challenges We worked with the team to turn these key problems into ‘How might we’ statements, so that we had a clear and defined set of questions to innovate around. We defined these as follows; 1. How might we simplify the product range, visually, to help users find the products that they are looking for? 2. How might we improve the mobile experience to increase conversions? 3. How might we lift the brand to increase trust in the business? Once in agreement we were ready to start the ideation. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f238fe70c2f684f8894737c/1596166134993/bau-intro.png Beds Are Uzzz Case Study - The concept By using Sketch and Invision, we were able to rapidly prototype concepts and test them at design, making critical functionality decisions at design before code, a real time saver. This resulted in a mobile first site which incorporated some innovative concepts, such as a bed builder journey, which allowed the user to essentially create a bed in components and add it to their basket, far more efficiently with a tailored experience. An icon led bed finder on the homepage allowed the user to visually navigate the product range, saving confusion and time spent browsing. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f236a77c7341b06058ac890/1596156546762/bau-icons-product.png Beds Are Uzzz Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f238a530803527edce04e11/1596164762448/bau-dt-home-shadow.png Beds Are Uzzz Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f237bd4eba06d2ece22c1fc/1596163858152/bau-graphic-grid.png Beds Are Uzzz Case Study - Bespoke SVG graphics A comprehensive design system has been defined to unify the site components of a rapidly growing brand, allowing them to scale efficiently without straying from core brand guidelines. A full set of scalable SVG icons have been designed to convey; bed sizes, firmness and storage along with attributes associated with individual products at the product page, to break up content. These in-turn sit tidily within the design system. A colour coded set of time sensitive, seasonal offers have been introduced to the design system, keeping the UI aligned and on brand whilst allowing offer codes to be clearly seen and understood, putting a stop to basket abandonment. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f2499a12f6bd0079f66ef72/1596234157177/bau-mob-home-menu.png Beds Are Uzzz Case Study - The results The design work and prototype was applauded both internally and externally, described as being instrumental in lifting the brand and its online offering. Both agency and client are excited for it’s imminent launch and are confident that it will make a big impact to the rate of transactions and their market place, now that the user’s problems have been addressed. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f1cc80185d7250b8111bea4/1595721734587/clients-BAU-grey.png Beds Are Uzzz Case Study https://www.joeparker.co.uk/thedjshop-case-study daily 0.75 2020-10-25 https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f2222cecdc4214a7fbb44aa/1596072681675/djs-mob-grid.png The DJ Shop Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f224228d3288d283c23ff77/1596080693870/djs-ucd.png The DJ Shop Case Study - Defining the problem When we sat down with the DJ Shop team, it was clear that they had passion for their industry. As former DJs themselves they had a great deal of understanding of the requirements and challenges that their customers faced. After running through a short user centred design process with a cross section of their team, it became clear that the main problems that their users faced was that the site had very poor and dated UX/UI. It was not mobile friendly, which meant they were missing out on conversions due to a time poor target market, primarily using mobile, and the product range was lost due to poor information hierarchy. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f221a0a1ec3845b536bb0e4/1596084119678/djs-3-mob.png The DJ Shop Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f224a6de3a11702b02797a1/1596082810454/djs-cat-filter-mob.png The DJ Shop Case Study - The challenges As this industry was fast paced and highly competitive, we needed to make sure that we were aware of the market. A comprehensive competitor analysis was carried out to determine what rivals were doing well and where they were weak. From this tear down, we were able to formulate a set of strong ‘How might we’ (HMW) statements. These were democratically selected as follows: 1. How might we improve the mobile experience for busy DJs on the move? 2. How might we lift the brand to bring it back up to date online? 3. How might we better convey our tech heavy product range to our users? Once we had defined these areas, we were ready to innovate around them. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f223d2872afe058c09cb655/1596079417010/djs-hover-icons-1120px.png The DJ Shop Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f223eb50879ef7ec3d67872/1596079805631/djs-mobile-icons-1120px.png The DJ Shop Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f22278d984b743bc742c356/1596073890305/intro-djshop.png The DJ Shop Case Study - The concept Focusing on our 3 key HMW statements and the user, I started the design process by defining a watertight design system to align the components of the site and build a shared vision for the interface. A duotone effect for imagery was introduced, along with a sleek gradient that pulled in to emphasise containers; an evolution of the original branding. Custom icons were designed to visually communicate categories alongside labels at both mobile and desktop, This addressed the problem of visually communicating categories. The mobile experience has been vastly improved, with early prototype tests justifying the design of an innovative, icon led, ‘fixed to bottom’ navigation, proven to be more intuitive to use. The new design gives the content the luxury of space, from containers to simplified product cards, lifting its perceived value. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f2299bc72afe058c0a4890d/1596103256107/djs-home-desktop-full-1440px.png The DJ Shop Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f22498cbeacf06c0d245290/1596084190160/djs-dt-home-ds.png The DJ Shop Case Study - The results The prototyped design work was well received across the company and most importantly by their users. Currently going through build, The DJ Shop are confident that their new Magento 2 site will be a market leader once again. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f1cc7922cda7f10311fda39/1595721625794/clients-DJShop-grey.png The DJ Shop Case Study https://www.joeparker.co.uk/visit-winchester-case-study daily 0.75 2020-10-25 https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f26e534870e7d3f204de502/1596384589294/vw-mob-grid.png Visit Winchester Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f2366b2eba06d2ece1fd452/1596155586790/vw-ucd.png Visit Winchester Case Study - Defining the problem In collaboration with the Visit Winchester team, we initiated a ‘round-table’ discussion. During this discovery meeting we ran a user centred design workshop. An important part of that process involved a series of interviews with their team to better understand their pain points, user types, their users’ issues and their vision for the future. From here we decided to run a two week Hot Jar heat mapping/data collection exercise to gain insight into how users were interacting with the site. We were able to identify correlations between the heat mapping data and the answers to our questionnaire. It became evidently clear that the site UX was confusing and disjointed. The mobile experience was broken and users weren’t getting the value they sought from the 100’s of businesses and attractions that Winchester had to offer, both during or before their visit. As a result, users were simply not clicking through to attractions, via sponsored content; a lost opportunity. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f24ce81456a8268e081febd/1596247693558/vw-3personas.png Visit Winchester Case Study - Personas Using interviews and looking at session data, we also defined 3 key user personas to refer to during the design process, helping us to focus on the user, keeping them at the heart of the process at all times. Now that we had a solid foundation of research and had defined our “How might we” (HMW) statements, we were confident that we could now start the process of ideation. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f24a6806deea10cc52d5df7/1596246276084/vw-website-flow-chart-700px.png Visit Winchester Case Study - The challenges Once we had identified the key problem statements, we worked with the team using the ‘HMW’ method of the UCD process to focus on 3 main areas to ideate around. These were; 1. How might we improve the online experience of visitors whilst they were visiting Winchester? 2. How might we better promote sponsored businesses and attractions on the new site? 3. How might we improve the value of the site content to communicate the brand message of ‘Vibrant. Ancient. Cultured’? https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f26c660b436d408b92fd0a1/1596376679952/vw-wireframes.png Visit Winchester Case Study - The concept Working closely with the Visit Winchester team, we ran a design sprint to flesh out the information hierarchy of the new site using a sticky-note exercise. This allowed us to efficiently determine the value of the site content. From here I was able to wireframe the user journey using Sketch and rapidly prototype it for early testing, using Invision. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f2645a2468231312b944695/1596343735670/vw-3-dt.png Visit Winchester Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f26be9e9cf1312821f9ef08/1596374783580/vw-ui.png Visit Winchester Case Study - UI design system Special attention was given to the UI by defining a unified design system. This aligned the digital brand guidelines with the offline brand and solved the issue of the previously disjointed interface, resulting in a pleasant user friendly experience across devices. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f24beaf4ccb2332c3195eda/1596374790036/intro-vw.png Visit Winchester Case Study - Parallax To help communicate the heritage and culture of the city, a parallax scroll was introduced to the homepage. The interaction focuses on the statue of King Alfred (who sits in the centre of Winchester), gracefully rising above a scenic backdrop of Winchester on scroll. As advertising was at the heart of the revenue model of the business, a set of dedicated ad spaces were designed to be incorporated across the site. This allowed Visit Winchester to sell these spaces and switch them on where suitable. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f26c76d0dc876268b2288c6/1596376947472/vw-icons.png Visit Winchester Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f26c646bfc624058aed566c/1596376656209/vw-map-graphic.png Visit Winchester Case Study - Interface An ‘AirB&B’ style, icon based, interactive map was introduced to help users quickly navigate and filter listings, whilst in the city. Considered UI was implemented to help bring subtle attention to sponsored businesses and attractions, making them more visually appealing. Clear signposts were introduced to ‘What’s on’, ‘Map’ and ‘Things to Do’ to reflect the result of the heat mapping data. Listings were redesigned with scrollable galleries, video and search engine friendly content, along with clear calls to action designed to increase time spent on pages and the chance of a click through. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f24cb7a8fef2d36e49136bb/1596246950309/vw-dt-home.png Visit Winchester Case Study https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f26e720c74d304b6600635d/1596385073242/vw-mob-2screens.png Visit Winchester Case Study - The results The new site was a massive step change for Visit Winchester. It allowed them the flexibility to really start to manoeuvre within the revamped online experience and improved business model. The site increased user session time both during and before visits to the city. From Google analytics reports, we witnessed a 28% increase in organic traffic and a 26% reduction in bounce rates, specifically at mobile. The new advertising model has vastly increased uptake on purchased advertising and listing space, on a month on month basis. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f96041186c6207d2878b7a0/1603666968392/clients-rachel-grey.png Visit Winchester Case Study https://www.joeparker.co.uk/why-work-with-me daily 0.75 2020-10-25 https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f0b9d46b4e91d7c8f4e936f/1594596693043/problems.png You - “Will he be able to understand the problems that I’m facing?” With a decade of experience in the digital design industry, I have had the pleasure of working with a wide range of clients in numerous sectors, from charity to eCommerce, all facing different problems all of which have been resolvable, take a look at some common problems, below. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f0b9d5e60bdf33133571a68/1594596723211/services.png You - “Does he have the knowledge to address my requirements?” In order to stay ahead in this fast moving industry, I make personal development a part of my weekly routine. I am a regular attendee of the international ‘Digital Design Days’ conference (Milan), my trusted source of thought leadership for the year ahead, from the titans of the design world, as a result, I have confidence in my specialist service list. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f0b9d7bf02f315b7cd9eb27/1594596746848/process.png You - “Will he understand my vision and can he solve user needs ?” At the beginning of a project, the role of a good designer is to listen and empathise with the client and understand the issues of the end user, in order to define a shared vision for the project. I use a set of industry recognised processes (User Centred Design, Value Proposition Design) to ensure that we are planning for a successful design solution from the very early stages of the design journey which can then be prototyped and tested, before being coded. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f0b9d901884f5561f38f885/1594596770052/testimonials.png You - “Can I trust him to deliver high quality work, to a deadline?” I have a proven track record of delivering high quality work on time. I attribute this to my efficient, watertight UI design system and to having a strong level of client communication from the outset of the project. With tools such as ‘Invision’ I can collaborate with my clients and keep them involved throughout the whole design process. See what they have to say about it, below. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/t/5f0b9da9b197041778ca554f/1594596797038/case-studies.png You - “Does he have the experience to realise our business goals?” A decade of experience has allowed me to work with almost all scales of project teams, from single entrepreneurs wanting to realise an app idea, right through to well established brands, with dedicated digital teams, looking to expand their eCommerce offering. I believe that a good relationship is based on transparency, honesty and strong communication. Combine that with a strong process and years of industry experience and you have the foundations for a successful digital design project. Take a look at some of the case studies. https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/5f065202d5373813e8d4519f/5f066b766683b83fe1587e98/1594256248618/kk-logo.png You https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/5f065202d5373813e8d4519f/5f066b76f21dd43ad6af7255/1594257239901/veritas-logo.png You https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/5f065202d5373813e8d4519f/5f066b76f21dd43ad6af7256/1594256248332/beaulieu-logo.png You https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/5f065202d5373813e8d4519f/5f066b756af44d0920b55734/1594257262152/vw-logo.png You https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/5f065202d5373813e8d4519f/5f066f8538854501f8bb9305/1594257286940/ordnancesurvey-logo.png You https://static1.squarespace.com/static/5ef74dda94a8ef3ba601eecc/5f065202d5373813e8d4519f/5f066b76fa5c672f37a28d04/1594257278212/covers-logo.png You