08
05
9:41
5G
9:41
5G
9:41
5G
9:41
5G
9:41
5G
An app. for women and girls
that teaches how to
apply personalized makeup
ColorMe
Role
UIUX researcher & designer
Tools
Timeline
January - June 2023
02
01
introduction
Makeup App.
As part of a study project, I needed to define and design a new application.
I chose to design an application that applies makeup to photos and provides personalized tips on how to apply makeup correctly.
This was in the year 2023.
Background
The application applies makeup to people's photos.
How does it work?
You upload a personal photo, then choose the type of event, time, desired style, and you will receive a digitally applied makeup photo.
You can also edit and modify the image and get tips and instructions on how to apply makeup based on the photo.
Additionally, to generate income and offer complementary products, I added a store for makeup products.
problem
Women and girls don't always know how to apply makeup properly.
I noticed many times that there is a lack of basic knowledge as to how to apply makeup correctly for different events.
Namely, whether it's in the morning or evening, for a meeting or a wedding. Therefore, I decided to find a solution to this problem.
research
01 - Market analysis
I began searching for makeup applications and websites.
03
04
02 - survey
I distributed a survey with questions about makeup, asking about the difficulties people face when applying makeup.
Quotes:
"Here are some quotes from the surveyI
Sometimes I struggle with the precise placement of the blush.
I wish there was an app that would teach me how to apply makeup.
I would be happier trying to professionally apply makeup myself without the need for extensive learning.
I can't buy makeup in stores because the lighting there is terrible, and I can never see the true product. I need personalized guidance.
Goals:
Hadas wants to feel confident applying makeup professionally and beautifully tailored for every event.
She also wants to receive a personal photo of herself with makeup to know if she likes the look.
Hadas wants to receive recommendations for makeup products that are useful and suitable for her.
Pain Points:
Hadas experiences a lack of knowledge regarding makeup techniques. She doesn't feel comfortable using products or attempting various styles due to this knowledge gap.
Personality
Hadas Levy
18
Background:
Hadas is an 18-year-old girl, a student of science. Ambitious and successful in her studies, she enjoys going on trips with friends, and she has a fondness for clothing and accessories stores.
Jerusalem
Single
love beauty
organized
Creative
responsible
likes to learn
I want to succeed in applying makeup professionally, by myself.
Feel
Great, I'm going to look beautiful.
confused
Frustration, I want to know how I'll look in the end.
Pressure, I need something short and concise.
Frustration, I've been looking forward to this event so much.
Heading to the event with a non-professional makeup look.
Think
I need to start putting on makeup
How can I successfully apply makeup correctly? I'm overwhelmed by the variety of products and don't know what suits me.
I need a good tutorial on how to apply makeup
This isn't the look I want for the event.
It's too long for me right now.
I wish I had an app that could teach me how to apply makeup.
Do
I want to get organized for the event I have this evening.
Starting to put on makeup and not sure in what order to apply the materials.
Looking for makeup apps that consolidate everything together
Trying to search the internet for tutorials that teach how to apply makeup.
starting to apply makeup based on how it appears to her.
Leaving for the event.
User journey map
Creating a user journey map helped me understand my users' pain points and generate better solutions.
design System
Font
Ubuntu
Icon Libray
Illustration Style
06
Color Palette:
Primary
Secondary / Text
Gray
Shadow
07
Solution
01
Main page
The main page of the app centralizes all its features, immersing the user in the makeup experience. The page is divided into two main areas: the first area includes a photo gallery of different looks, while the lower section features instructional videos with makeup tips.
Videos with makeup tips
photo gallery of different looks
Makeup Tips
Search a makeup video here
tips
main
shop
account
ColorMe
Welcome,
come Find your best Look.
come create your look
02
Category Selection
After the user enters his details into his account, he will access a page for selecting categories to define how to apply makeup to the image.
Default
Pressed
03
Result
After the user selects the desired makeup style, the app will present three image options, with instructions how to get to results like in the picture.
When clicking on the button, there will be options for shopping, and sharing.
On the image, there will be options to edit, share, add to favorites, or regenerate
04
Makeup product shop
Inside the app, there's also a makeup product shop accessible through the bottom navigation bar.
Personalized makeup products
80
categories
Companies
price
est
estee lauder
filters
makeup
powder
Blush
Eyes
Concealers
Selection price slider
Sort using categories
05
Payment
The payment area is designed efficiently and user-friendly
Card scanning streamlines the payment process
Option to view the products, to add or remove them
Take-away
This project was an excellent learning experience for me. I learned to research user needs and understand how digital design works. I'm confident that this learning and experience will help me in the future.
Her you can search for makeup products in general