View work

Scouts Shop UK

Website Redesign

UX Research

Competitor Research

User Journeys

Content Maps

Wireframes

Creative Workshops

Design System

Prototypes

2022

Scout Store is owned by the Scouts, all of their profits go directly back into Scouting. They are the dedicated and official uniform retailer for Beavers, Cubs, Scouts, Explorers, and Network.

Challenge

Having worked previously on the Scouts Store site they were looking to better improve the overall experience and better align the site to their new branding through a whole site re-design & build.

Solution

I worked with Scouts through discovery and workshop stages to understand their needs and desires before progressing to Wireframes & Content maps before progressing to design system creation and design.

No items found.

Helping to uncover the clients goals and how we can best meet them through collaborative workshops.

No items found.

Research & Workshops

When working on any site design we take a collaborative approach to ensure full understanding of what needs to be done and how we can best do it. This is done through the use of workshop presentations where we are able to create an open and honest discussion with the client.

No items found.

Wireframes & Content maps

Before starting any designs we create content maps and wireframes for each page. Content maps allow us to consider what components will be included in each page, what content they will contain and what value this will offer to the end user. Wireframes allow us to plan the order and hierarchy of content roughly planning out the amount of space and priority it will be given on the final page. Wireframes & Content maps

Design system

An good design system was essential for this project in order to maintain consistency, portray the brand effectively, and help reduce development time.

By defining a set of visual and interaction guidelines, we were able to create a consistent look and feel for the website that accurately reflected the brand. Building a strong design system allows for easy expansion in the future allowing for new features to be added post-launch that still fit in with the styling.

It was particularly important for this client to have several components which could be made use of in many areas across the site. This not only allowed us to stay on budget and on time but also gives the the client the flexibility to easily build out their own pages with these components using the intuitive CMS.

Design Files:

Styleguide
Components Library

Navigation Desktop
Navigation Mobile

No items found.

Designing the website to be visually appealing to children and parents.

UI Design

UI design was a crucial aspect of this project, as it directly impacted the user experience. While Scouts target audience is primarily children it is their parents who are making the purchases. This meant that the UI design needed to appeal to both children and adults, providing a seamless experience for all users.

A user-friendly and visually appealing UI design was essential in order to make the website easy to navigate, while also accurately reflecting the brand and its focus on outdoor education and activities.

By incorporating intuitive navigation, clear calls to action, and an engaging visual design, we were able to create a UI that not only met the needs of the target audience, but also helped to increase customer satisfaction and drive sales for the client.

Constant client communication.

By staying in close contact with the client throughout the design process, we were able to ensure that we were meeting their needs and expectations.

Regular check-ins and workshops allowed us to gather feedback and make any necessary adjustments to the design in real-time.

This open and collaborative approach helped to build trust and continue a strong working relationship with the client.

No items found.

Uniform Builder

The uniform builder was an essential aspect of the Scouts Store website, as it allows users to easily explore and purchase the required uniform for their particular club. The uniform builder lets users to see how different products would look together, giving them a better understanding of their potential purchases and helping to boost sales for the client. This innovative solution was created with the user experience in mind, incorporating intuitive navigation and clear calls to action. Additionally, the ability to add accessories to the uniform provided a great opportunity to upsell.

Design Files:

Uniform Builder Desktop
Uniform Builder Mobile

No items found.