GLOSSIER

GLOSSIER

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

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, I developed 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

GlossierUX design

The Floorbranding, web design

Kylie Cosmeticsgraphic design

Kate Spadeemail design

Dance Italiaweb design

bravoconweb design, ux design

DLD Browsweb design

Halcyonweb design

Music Designgraphic design

the oh collectivebranding, packaging

WAVESTATEanimation