Kingfisher
Digital
Kingfisher aims to be the #1 DIY provider in the UK and Europe.
The work examples below relate to a project I worked on called Design My Space.
Design My Space is designed to simplify the process of choosing a new kitchen. It does this via two possible journeys. The first asks users simple questions about the desired style and size of their future kitchen. The second journey enables the user to use a simplified design tool to visually select and modify the type of kitchen they want.
Finding the right flow
Onboarding customers & finding out the basics.
Kingfisher's in-store colleagues had a problem. Customer appointments to discuss what they wanted from their new kitchen were too long, paper-based & ultimately did not help the kitchen designers really understand what the customer really wanted.
My task was to get to the bottom of what are the most important things a kitchen designer needs to know to get started and where were the pain points from the customer's perspective.
I began my process by interviewing kitchen designers to get an idea of what the most important questions are. I then conducted in-store interviews with potential customers to see what they thought of the questions.
The results of this process were then incorporated into a user flow which was used in the next stage of the process.
Creating wireframes
UX and UI working together
With the right questions identified and how they flow together refined it was time to get some quick wireframes sketched out so the UI designer could get involved and breathe some life into the journey.
Working as a team, the UI and I were able to quickly create some great looking designs which would guide the user through the process of making key decisions about their kitchen and getting help with the process of measuring the kitchen.
Needs gathering - The prototype
What do the users think?
Now was the time to loop back past our kitchen designers and potential customers to get much-needed feedback on the designs and journey we had created.
To do this I used Proto.io, Zeplin and Sketch to assemble a medium-fidelity prototype which could be used to test the journey, interaction and design over a number of iterations until we were ready to send the signed-off journey & designs over to development for the next stage.
Click the image below to view the prototype I used
Room visualiser
Connecting journies
Now that users had completed the onboarding experience and we had gathered plenty of really useful information about what the customer wanted from their new kitchen. We wanted to continue the great experience and give our users a way of quickly seeing how the material, fixtures and appliances they had chosen would look in a demo kitchen.
To make sure the journey was intuitive I generated in-depth user flows that captured every step of the journey to make sure there were no dead ends or unnecessary steps they needed to take.
Iteration on room visualiser
Practical solutions
As I had produced & verified with the stakeholder's detailed flows which captured the whole room visualiser journey the work needed to realise the user experience was greatly sped up. Working in tandem with the UI designer I was able to quickly define the interaction and even include some of the client's extra requests such as including the paint tool which would help users understand how much paint they would need and what it would cost.
Room vis video example
Excellent results
Due to the rapid way myself and the team were able to design, iterate and collaborate with stakeholders we were able to get our designs through development in record time.
Please view the video to see some of our hard work in action.
