Josh Wood Colour

Josh Wood

Colour

Sponsored Case Study

Josh Wood Colour is an e-commerce start-up founded in London. The company offers hair care and colour products to customers with the option to subscribe for a repeated order.

Duration

12 weeks

Platform

Mobile

My Role

User research

UX Design

Prototype

Usability Test

Client Pitch

Project

Background

Initially, I was tasked with redesigning JWC's homepage and diagnostic survey to boost subscription rates for repeat orders. However, after conducting thorough research and user interviews, I identified biases in the initial assumptions. Consequently, I advocated for and designed a solution centered around user needs, ensuring it was intuitive while still aligning with the broader business objectives.

Problem

Statement

How might we help our users feel more confident about the product they are buying and plan better during the colouring process?

Project

Outcome

Updated User flow and other features received stakeholder buy-in. ​

I pitched my ideas to JWC's key stakeholders including Josh Wood, who reviewed my design and gave strong positive feedback.

80% of the users gave positive feedback to the updated user flow

During the usability test, 16 out of 21 users found the web flow intuitive to use.

Design Approach

6

6

6

in-depth interviews

in-depth

interviews

in-depth

interviews

2

2

2

Iterations

Iterations

20+

20+

20+

usability tests

usability tests

DISCOVER

Market Research

Competitive Audit

User Interview

Persona

DISCOVER

Market Research

Competitive Audit

User Interview

Persona

Market Research

Who is our subscription customer, what makes them choose JWC over others?

Market Research

Who is our subscription customer, what makes them choose JWC over others?

Summary

JWC stands out among its competitors in its aim to bring salon experience back home and its premium quality products. The brand provides guidance and support to its customers. Their online platform has numerous tutorials, expert advice, and other resources to assist users in achieving the best results.

User Interviews

I conducted 6 in-depth interviews with targeted users and collected over 200 insights.

User Interviews

I conducted 6 in-depth interviews with targeted users and collected over 200 insights.

I wrote down insights and quotes from interviews and grouped notes that had similar themes. This led to 4 key insights that gave us an understanding of the most common current issues regarding the subscription feature.

I wrote down insights and quotes from interviews and grouped notes that had similar themes. This led to 4 key insights that gave us an understanding of the most common current issues regarding the subscription feature.

Key Insights

01/

We need to redesign our homepage to elevate the brand.

Freedom to change/customise colours makes it luxurious

“I like to change my gloss colour to feel refreshed every once a while, but it’s quite annoying that I can’t do it on the website, I definitely expected it from a brand like this”

02/

A diagnostic survey is what we are missing

Most users know what result they want but are uncertain what is the right product for them

“I have tried a couple of different root covering product but none has worked well, so I end up colouring my whole head more often and I think that’s bad for my hair”

03/

Hair care is self care

“When the colour turns out well I feel so proud of myself!”

04/

JWC delivers salon results at home but users miss the salon experience.

“I like getting pampered at the salon, it’s nice when someone remembers what I like and just takes care of me.”

Persona

Who are our target audiences, how might we help them?
After reviewing user research and discussing with stakeholders, I created two personas to focus on. vrugvuaygvyeugeuy

Jane - Cautious Colourer

52, teacher

About Jane :

Jane started subscribing to Josh Wood Colour's colouring kit during the pandemic, and is currently considering ending her subscription since salons are opening again.

Needs and goals :

  • Maintain healthy looking hair to look younger and more professional

  • Have colouring kit delivered on time based on her own hair routine

  • Feel more confident

  • Save time and money on hair products

Challenge and Pain Points:

  • Unsure what product is best for her hair

  • Forgets to make changes to her subscription

  • Feeling she is overpaying for her subscription

Dani - Look good to feel good

31, designer

About Dani :

Dani likes to colour her hair as a styling choice. She has tried a few difference colouring product and wants to keep exploring her options.

Needs and goals :

  • Adds healthy shine to her hair to make it look better

  • Save money on the right product, so that she can try new products for experiments

  • Feel good about how her hair looks

Challenge and Pain Points:

  • Tried a lot of different product and not sure what is working

  • Worries that she will ruin her hair with home-colouring product

How might we help our users feel more confident about our products and plan better during their colouring process?

How might we help our users feel more confident about our products and plan better during their colouring process?

DEFINE

Brainstorm

Empathy Map

User journey map


DEFINE

Brainstorm

Empathy Map

User journey map


DEFINE

Brainstorm

Empathy Map

User journey map


User Journey Map

I mapped out the potential customer touchpoint before, during and after the hair colouring cycle to visually identity pain points and opportunities based on user insights.

User Journey Map

I mapped out the potential customer touchpoint before, during and after the hair colouring cycle to visually identity pain points and opportunities based on user insights.

I then held a brainstorm and ideation session with the stakeholders to help them empathise with users needs and come up with better solutions.

Notes from brainstorm session with stakeholder


After a comprehensive discussion with the Product Director, we established a prioritization strategy for the proposed design updates. Our decisions were grounded in evaluating the impact/effort ratio, technical feasibility, and alignment with business objectives. Based on these criteria, our prioritization is as follows:

P0 - Enhancing the ability for users to modify or cancel their subscription.
P1 - Improving user profile documentation,
P1 - Introducing personalized product recommendations and application tips.

Solution Preview

Through an iterative ideation process, I moved forward with three proposals that target the pain points revealed during the research phase.

Solution Preview

Through an iterative ideation process, I moved forward with three proposals that target the pain points revealed during the research phase.

01/

Simplified subscription management to give users freedom and control

01/

Simplified subscription management to give users freedom and control

02/


Consolidated various features into an account homepage, so that users can find JWC's unique services in one place and be encouraged to use them.

02/


Consolidated various features into an account homepage, so that users can find JWC's unique services in one place and be encouraged to use them.

03/

Enable users to save their hair profile in order to generate personal recommendations. Provided explanation to help users understand why those products would improve their hair condition. 

03/

Enable users to save their hair profile in order to generate personal recommendations. Provided explanation to help users understand why those products would improve their hair condition. 

DEVELOP

Site Map

Wireframe

Usability Test


DEVELOP

Site Map

Wireframe

Usability Test


DEVELOP

Site Map

Wireframe

Usability Test


Site Map

Site Map

Wireframe

Wireframe

Usability Test

Usability Test

After defining the revised user flow and crafting a low-fidelity prototype, I engaged with the users again. I assigned them two specific tasks to perform independently. While they interacted with the prototype, I closely observed their behavior and took notes on areas that necessitated further refinement.

Task A: Change subscription order to be delivered every 6 weeks
Task B: Choose a root covering product

Usability Test Insight

Usability Test Insight
01/

Ability to add one-time changes to the subscription gives the users more control

02/

Modify/cancel/skip subscription features should exist in one place

03/

Users can be skeptical when they see a recommendation from the website but don’t know why

04/

Increase overall contrast and font size for accessibility

High-fidelity Prototype

Working closely with JWC's design system and style guide, I developed a high-fidelity prototype that included a personalized survey experience, and simple subscription management

High-fidelity Prototype

Working closely with JWC's design system and style guide, I developed a high-fidelity prototype that included a personalized survey experience, and simple subscription management

Personalised

Survey Experience

Personalised

Survey Experience

Simple

Subscription Management

Simple

Subscription Management

Lesson Learned

Lesson Learned

Lesson Learned

Working with a fast-flowing e-commerce start-up requires staying focused on the task at hand and not being afraid to iterate and experiment. Maintaining a comprehensive design system is paramount to stay agile and organised. 

When I started this project I had a dozen of ideas that I wanted to implement, and I quickly came to understand that the key to develop a successful product is to properly prioritise insights and make informed decisions that align with user needs and business challenges.

Working with a fast-flowing e-commerce start-up requires staying focused on the task at hand and not being afraid to iterate and experiment. Maintaining a comprehensive design system is paramount to stay agile and organised. 
When I started this project I had a dozen of ideas that I wanted to implement, and I quickly came to understand that the key to develop a successful product is to properly prioritise insights and make informed decisions that align with user needs and business challenges.

Next Steps

Next Steps

Next Steps

Based on user analytics, over 80% of JWC access the website via mobile device, therefore I adopted the mobile-first approach in this exercise.  For my next steps, I would love to work on the desktop website interface to ensure a cohesive experience. 

Based on user analytics, over 80% of JWC access the website via mobile device, therefore I adopted the mobile-first approach in this exercise.  For my next steps, I would love to work on the desktop website interface to ensure a cohesive experience. 

Hello@beijiagu.design
Always happy to chat about design and new opportunities

© 2023 by Beijia Gu. All rights reserved

Hello@beijiagu.design
Always happy to chat about design and new opportunities:)

© 2023 by Beijia Gu. All rights reserved

Hello@beijiagu.design
Always happy to chat about design and new opportunities

© 2023 by Beijia Gu. All rights reserved