Follain is a clean beauty brand, curating and creating products that are non-toxic and effective. In the physical store, Follain educators can help you find the best clean swaps or make recommendations based on your skin goal or skin type. We wanted to bring the in-person experience online in an easy to use quiz.

 

Customer Journey

 

Before creating a new user experience, it is important to take a look at the customer journey and see how you can fit in new features and create new paths to highlight your new experience.

 

Goals + KPIs

It is important to get aligned with your product + dev team on the goals of the feature and how to measure success using key performance indicators.

Project Goals

  • Guide category level novices in clean beauty to well matched recommendations

  • Help customers distinguish products from one another, and why

  • Education: Help customers understand advantage of our products over current medicine cabinet

Measuring Success (KPIs)

  1. ATC comparison on users that engage with the Q&A vs all others

  2. Repeat purchase (doesn't have to be initial match) comparison on users that engage with the Q&A vs all others

  3. LTV on users that engage with the Q&A that engage with the Q&A prior to first purchase vs those that do not


Competitive Analysis

Before design, another important step is browsing the web for similar experiences to what you are trying to achieve. I always lay this out in a spreadsheet so that it is easy to compare information, link to sources and have the ability to ad notes. This becomes an important reference for design, dev and the product team to see what is possible.


User Interviews + Testing

Because we have access to the psychical store, we were able to observe how the store educators interacted with a customer before building the quiz. We were able to make sure we were asking important questions in the online experience to cover the customers concerns as well as what information needed to be known from the educator to make the best recommendation for their skin.

With customers who were willing to participate in a quick user test, we had them walk through an Invision prototype of the experience we had started to design. This helped us see what pain points there were in the UX, but also what other questions they felt were not important and questions they felt were missing.

It is always important to validate any changes you make after the first round in whatever way you can within your time and budget. For our second round of user testing we brought our product to Wayfair’s Testing on Tap event, where other product designers, developers and general public could test your product and give industry relevant feedback.


Final Designs

Clickable prototype: https://invis.io/2KP702I4BY6

Desktop UI:

Previous
Previous

Forsake Branding & Design

Next
Next

Mechelle Lois Logo