We use cookies to personalize your user experience and to study how our website is used. You consent to our cookies if you continue to use this website.

web site

Josh Wood Colour

Josh Wood, an expert in the beauty industry, has bottled more than 30 years of experience, so everyone can have their perfect, personalized colour, wherever they may be.

Challenges

As with all great visionaries, Josh Wood Colour demanded greatness from their website design and function.

They wanted their website and e-commerce platform to have more features and flexibility—also, better performance when it comes to conversion rate, website speed and brand loyalty. As constructed, the website did not allow for the realization of its full potential.

The challenge was taking the existing Shopify e-commerce platform written in Liquid and transitioning to a headless approach. This challenge had to be met for Josh Wood Colour to continue uncovering unlimited opportunities and staying ahead of the competition.

Once we analysed the original version of our client's website and their business goals, we proposed the following research plan.

Survey

To obtain basic user demographics and behaviours, we took a survey of ~20 Josh Wood customers

devices

  • Desktop12%
  • Mobile66%
  • Tablet22%

Level of confidence in using mobile

  • Very Confident
    63%
  • Confident
    32%
  • Neutral
    4%
  • Not Confident
    2%
  • Very unconfident
    0%

Shopping online

  • Very frequently 12%
  • Frequently 66%
  • Not too often 22%

Frequency of buying hair products

  • Every 1-2 weeks
    2%
  • Every month
    34%
  • Every 2 months
    38%
  • Every 2-4 months
    26%
  • Other
    0%
heatmaps

With the help of Useberry, we were able to analyze heatmaps for each screen that provided some valuable insights about the prototype.

Using slider button or sliding pictures instead of dragging colours.
Change base colour on the FBT section
Clicking on banner instead of delivery button
The checkbox on the right isn’t obvious enough
Completion rates
The study showed that only 8% of all users completed the test. Since quantitative studies don’t point out what problems users encountered, we conducted qualitative testing.
  • Completed
    8%
  • Dropped off
    67%
  • Skipped
    24%
Solution
Headless Ecommerce Shopify
Shopify headless commerce was the first solution overcoming the challenge of a lack of functionality. Headless e-commerce is a modern solution providing greater developer freedom and easier content management. Of course, transitioning from liquid template to headless e-commerce meant we had to update a number of plugins.

Storefront API

Commerce primitives

Products & collection
Customer accounts
Metafields

Commerce capabilities

Cart
International selling
Discounts
Back-office operations
Sales and CRO

The next solution focused on the challenge of increasing sales and improving conversion rates. To achieve this, we first dove into research and got to know Josh Wood Colour and their client base better.

Additionally, we conducted user interviews and created buyer personas. All this led to redesigning the desktop and mobile interface and UX. Finally, vigorous evaluation with A/B testing and improvements. We had fantastic results and several key features were added.

Results
  • 300%Web site speed increase
  • 2400+Subscriptions enabled
  • 20%Increase in conversion rate
New features

Miracle system

An online wizard Miracle system where the user inputs information regarding their type, length and shade of hair and the system automatically chooses the correct shade

View it on the website

Subscription Service

A subscription service where users can receive an automatic shipment with their desired hair colour.

View it on the website

Consultation Booking Service

A consultation booking service where users reserve a time slot to converse with a colour expert.

View it on the website
MacBook Pro 16 inch
View it on the website
Subscription service
Contact Us

Got a project to discuss? Do you have a business opportunity, or are you just a creative looking to collaborate?

Services
Budget

Thank you for reaching out to Fourmeta!

Our team will review the details and get back to you in 24 hours.