Doing cosmetics and skincare shopping online comes with extra challenges. Customers need to understand shades, ingredients, and product usage before they feel confident making a purchase.
Beauty needed an e-commerce experience that could make product discovery more visual while keeping important information clear and accessible.
We designed the journey around how beauty shoppers typically evaluate products:
The goal was to balance an aesthetic-first interface with practical product information, so the experience felt visually appealing without compromising quality.
We structured product categories and product pages to make browsing feel intuitive. This helped shoppers move through the catalog without unnecessary friction.
Dedicated shade selectors make color options easier to explore and compare. This gives shoppers a cleaner way to find the right variation.
Product information was organized to bring ingredients and key details into the shopping experience rather than hiding them behind dense content.
We incorporated video tutorials to help shoppers understand product usage and get more context before making a purchase.
A soft blush-toned visual system creates a polished beauty aesthetic while maintaining enough contrast and structure for a practical e-commerce experience.
The final interface was translated into a custom-developed e-commerce experience, maintaining consistency between the visual system and core shopping interactions.
Design System
Hex | FF815D
Hex | FFEFEB
Hex | F9FAFE
Light
Medium
Bold
Beauty brings product discovery, education, and aesthetics together in a more cohesive shopping experience.
