MakeupAlley

JUN - JUL 2021

Web Design

UX/UI Design

Skincare and Beauty Community


This project builds a high-engaged online community to educate and empower consumers before their purchase, by providing skin-based product reviews.

OVERVIEW

In the vast and ever-evolving world of beauty and skincare, consumers are faced with an overwhelming array of choices. Each product promises unique benefits, catering to specific skin types, conditions, and concerns. With advances in beauty technology, the number of products available in the market has surged, leaving consumers increasingly confused about what truly works for their individual skin needs.

MaupAlley aims to fill this critical gap by building a high-engaged online community that offers skin-based product reviews, ensuring consumers are educated and empowered before they make a purchase, consequently making the world of beauty and skincare more transparent, personalized, and user-centric

cover1.jpg

PROBLEMS

PROJECT GOALS

  • Help users discover makeup and skin products in a seamless and efficient way.

  • Improve the user engagement rate

Design Process

mka-process 2.png

TO START

Understand the business and market

The beauty product reviewing industry is totally new to me. How to make sure my design fulfill the need of the business goals and opportunities?

I first took a look into beauty and cosmetic competitor to understand the market. By identifying the competitor’s strengths and weaknesses along their user journey, I formulated some key competitive opportunities:

  • Simple categories

    There are thousands of beauty products on the market. A simple way to sort products will save time when users discovering.

  • Intuitive reviews

    The beauty products are quite visual-focused. Images and videos will give users a direct understanding of beauty products.

CHALLENGE 01

mka-challenge1.png

User Stories

What do users feel when they use cosmetic review website?

What are they looking for when finding product reviews?

I reach out to users on some beauty forums, to better understand their needs and current journey. The data helps me to create personas and define pain points along the journey.

Empathize with Users

To better understand users’ needs & frustrations, I created the persona & user journey of our typical user - Lila.

I found huge opportunities in creating an online community that provides recurring help through reviews:

  1. Better discovery of reviews - help users making decisions before purchase

  2. Better sharing of reviews - encourage users to help each other after purchase

Key Pain Points & Solutions

mka-Pain Pts.png

How to create an online community that provides recurring support through reviews?

CHALLENGE 02

mka-challenge2.png

Scenario-based user flow

CHALLENGE 03

mka-challenge3.png

Lo-fi Design User Testing

I invited the users I talked to before, to join the user testing of lo-fi prototypes.

wireframe.jpg

Tasks & Feedbacks

mka-UserTest.png

Key insights

  • The comparing feature is great but can be simpler.

  • The interaction between the review writer and the reader can be more effective.

 
 

01

Home Page

Desktop

mka-homepage-hifi.jpg
 

02

Reviews Page

Desktop

03

Product Reviews

Desktop

 
Product Details1.jpg
Product Details2.jpg
Product Details3.jpg
 

04

Comparing

Desktop

 
mka-compare.png
 

05

Post A Review

Desktop

 
 
 
 

06

Login

Desktop

 
 
 

06

Design System

Desktop

 
mka-grid.jpg

07

Design System

Desktop

mka-DesignSystem1.jpg

EVALUATION

Over 90% of users were able to successfully achieve the goal of discovering reviews for their skin type.

REFLECTIONS

Collaboration
Receiving feedback from various roles to minimize the collaboration limitation.

Responsive
Considering different using environments, responsive design can be the next step of the project.