Glossier
![](https://barkas.com/wp-content/uploads/2023/04/desktop-cover-1.jpg)
Glossier’s success is rooted in its strong and engaged community. In collaboration with Glossier we designed their e-commerce experience, where the voice of the community has a central role. In order to achieve this, we introduced the vision of creating a platform that balances mechanical simplicity with editorial layouts and user generated content.
- Client
- Glossier
- Industry
- Beauty
- Location
- USA
- Services
- Design Systems, Digital Branding, Strategy, Website
![](https://barkas.com/wp-content/uploads/2023/04/glossier-homepage-3.jpg)
Minimal call-to-actions with engaging hover animations.
![](https://barkas.com/wp-content/uploads/2023/04/glossier-pdp-1-scaled.jpg)
The design foundation of having both editorial and mechanical in mind. Combining storytelling with systematic organization of information and products.
![](https://barkas.com/wp-content/uploads/2023/04/glossier-shade-view-1.jpg)
Filter to view all shades on the product listing page.
![](https://barkas.com/wp-content/uploads/2023/04/glossier-404-1.png)
The Blue screen of Gloss.
![](https://barkas.com/wp-content/uploads/2023/04/glossier-footer-1.jpg)
Glossier footer finishing off the site with a product index and some good vibes.
Community content for the “get the look” feature, elevating Glossier’s passionate community.
![](https://barkas.com/wp-content/uploads/2023/04/glossier-process-01-1.png)
Researching the wide product range.
![](https://barkas.com/wp-content/uploads/2023/04/glossier-process-03-1.png)
Field research at the London store.
![](https://barkas.com/wp-content/uploads/2023/04/glossier-process-02-1.png)