GLOSSIER

Role | UX Design

CONCEPT PROJECT: Designed an e-commerce app with an augmented reality features
for users to create a more personalized mobile shopping experience.

GLOSSIER

Role | UX Design

CONCEPT PROJECT: Designed an e-commerce app with an augmented reality features for users to create a more personalized mobile shopping experience.


 

glossier 1

Key insights I found through research were that different age groups had different skincare concerns, and that they wish they could try on the product before purchasing. This led me to develop two key personas, the millennial and the mom with different skincare & makeup concerns.

 

Key insights I found through research were that different age groups had different skincare concerns, and that they wish they could try on
the product before purchasing. This led me to develop two key personas, the millennial and the mom with different skincare & makeup concerns.


 

Key insights I found through research were
that different age groups had different skincare concerns, and that they wish they could try on the product before purchasing. This led me to develop two key personas, the millennial and the mom with different skincare & makeup concerns.


Key insights I found through research were that different age groups had different skincare concerns, and that they wish they could try on the product before purchasing. This led me to develop two key personas, the millennial and the mom with different skincare & makeup concerns.

glossier-userpersona

To better organize the site architecture, I developed two key user flows
based on the personas, as well as an overall site map to structure content.

 

To better organize the site architecture, I developed two key user flows based on the personas, as well as an overall site map to structure content.

 

 

To better organize the site architecture, I developed two
key user flows based on the
personas, as well as an overall
site map to structure content.

 

To better organize the site architecture, Ideveloped two key user flows based on the personas, as well as an overall site map to structure content. 

glossier 3
glossier-homepage-mockup-1
Glossier style tile


 

The final app includes interactive AR for makeup try on, as well as face-scanning technology to detect skin color for foundation matching. During the user onboarding process, there will also be a questionnaire for users to fill out what kind of problems they have to better customize recommended products.  As a bonus, there will be a social / content tab where users can watch influencers livestream tutorials and consume more beauty content.


 

The final app includes interactive AR for makeup try on, as well as face-scanning technology to detect skin color for foundation matching. During the user onboarding process, there will also be a questionnaire for users to fill out what kind of problems they have to better customize recommended products.  As a bonus, there will be a social / content tab where users can watch influencers livestream tutorials and consume more beauty content ⬤

 

The final app includes interactive AR for makeup try on, as well as face-scanning technology to detect skin color for foundation matching. During the user onboarding process, there will also be a questionnaire for users to fill out what kind of problems they have to better customize recommended products.  As a bonus, there will be a social / content tab where users can watch influencers livestream tutorials and consume more beauty content ⬤

 

The final app includes interactive AR for makeup try on, as well as face-scanning technology to detect skin color for foundation matching. During the user onboarding process, there will also be a questionnaire for users to fill out what kind of problems they have to better customize recommended products.  As a bonus, there will be a social / content tab where users can watch influencers livestream tutorials and consume more beauty content ⬤

glossier mockups1@0,5x
glossier mockups2@0,5x
glossier mockups2

Selected Works

CHANELart direction, digital design

WMAmotion design, social design

Cryptostamps3D design

Kate Spadeemail design

Play at WorkBranding

The Floorbranding, web design

Humanaweb design

Dance Italiaweb design

Halcyonweb design

Theoryweb design / digital design