top of page
MYMLOGO.png
MakeYourMatch word logo.png

Overview

 

MakeYourMatch is an interactive virtual makeup application kiosk meant to alleviate the issues encountered with in-store assistance and product testers

Its main functionalities include virtual makeup testing and personalized recommendations

Duration

5 weeks

 

My roles

UX Designer

UI Designer

Visual Designer

The team

Brandon Ung

Kim Luong

Manwinder Uppal

Context

Our team discovered a problem space related to the act of purchasing makeup in-store. Issues such as employee subjectivity and unavailability, poor hygiene of testers, and the overall hassle can all contribute to making the experience of testing products less than ideal.  

Research

After deciding that we would design our kiosk to be integrated into Sephora stores, we did research on it's userbase discovering that Sephora caters to women with high disposable income between the ages of 16-55, 62% of which were in their 20s or 30s.

Sketches &

Wireframes

To visualize the appearance of our kiosk and the types of interactions it would facilitate, I brainstormed some sketches of a makeup testing booth.

MYm booth1.png
MYM booth2.png
MYm booth1.png
MYm booth1.png

I also sketched out some lo-fidelity wireframes to explore the potential workflow for our 'recommendation' functionality.

IMG_20190518_001942_348.jpg
IMG_20190518_001958_77.jpg

Paper Prototype

Next, my team and I put together a paper prototype to conduct user testing on 2 potential functionalities: skin tone matching and virtual testing.

Design Language

Given that our kiosk is meant to be integrated into Sephora, I created the following style guide to adhere as closely as possible to Sephora's design language.

MYM styleguide1.png
MYM styleguide2.png
MYm styleguide3.png
MYm styleguide3.png

Storyboard

I created the following storyboard demonstrating a typical use case featuring 'Cammi', a persona (made by Kim Luong) of a well-versed makeup user.

MYM storyboard1.jpg
MYM storyboard2.png
MYM storyboard3.png
MYM storyboard4.png

Final Prototype

Following several rounds of discussions and iterations with my team concerning the workflow and content, I created this high fidelity final prototype of our kiosk's digital screens.

Following several rounds of discussions and iterations with my team concerning the workflow and content, I created this high fidelity final prototype of our kiosk's digital screens.

My team worked to put together a mid-fidelity physical kiosk to accompany the digital screens, with my sketch serving as the idealized version.

received_2032210776874223.jpeg
Receipt.png
bottom of page