Multidisciplinary Designer
La Roche-Posay
OVERVIEW
My Role: UI Designer, Art Director, Motion Designer
Team: Dalma Chiclayo (Solo)
Tools: Illustrator, Figma, After Effects
Duration: 12 Weeks
Where science meets skin
ISSUES
The current website can feel overwhelming and difficult to navigate.
The website feels cluttered and confusing.
Users struggle to find product benefits and basic skincare guidance.
Many users feel lost and unsure of what to do in their skincare journey.
The current website can feel overwhelming and difficult to navigate.
The website feels cluttered and confusing.
Users struggle to find product benefits and basic skincare guidance.
Many users feel lost and unsure of what to do in their skincare journey.
RESULTS
The redesigned experience makes skincare science feel clearer and easier to understand. A clean interface, simple navigation, and personalized product discovery help users learn about their skin and find products that fit their needs.
The redesigned experience makes skincare science feel clearer and easier to understand. A clean interface, simple navigation, and personalized product discovery help users learn about their skin and find products that fit their needs.
01. CASE STUDY
02. BRAND BACKGROUND
About
La Roche-Posay is a French skincare brand focused on creating gentle and effective products for different skin needs. Trusted by dermatologists, the brand combines science and care to help people achieve healthier skin.
La Roche-Posay is a French skincare brand focused on creating gentle and effective products for different skin needs. Trusted by dermatologists, the brand combines science and care to help people achieve healthier skin.
Target Audience
Millennials & Women (Primary)
These are people who want safe and effective skincare. They follow trends online and trust dermatologist recommended brands.
Brand Archetype
Caregiver 60%
La Roche Posay is a Caregiver brand because it focuses on compassion, healing, and protecting sensitive skin with gentle yet effective solutions.
03. PROCESS
Developing Wireframes
The design process was challenging because I had to explore many different layouts and color variations before finding what worked best. I focused on creating a design that reflected the brand archetype and connected with the target audience, while also making sure the experience was helpful and easy for users to understand.
By testing different ideas and layouts, I developed a clearer, more organized experience that highlights key features and simplifies navigation.
The design process was challenging because I had to explore many different layouts and color variations before finding what worked best. I focused on creating a design that reflected the brand archetype and connected with the target audience, while also making sure the experience was helpful and easy for users to understand.
By testing different ideas and layouts, I developed a clearer, more organized experience that highlights key features and simplifies navigation.
Mood Board
I explored different calming color palettes while still keeping a connection to science and education. The goal was to find a balance between making skincare feel gentle and approachable while also showing the brand’s scientific expertise.
I explored different calming color palettes while still keeping a connection to science and education. The goal was to find a balance between making skincare feel gentle and approachable while also showing the brand’s scientific expertise.
Design Principles
These design principles guided every decision, helping create an experience that feels calming, educational, and connected to skincare science.
These design principles guided every decision, helping create an experience that feels calming, educational, and connected to skincare science.
04. DESIGN SYSTEM
The design system makes skincare easier to understand through clear layouts, calming colors, and simple interactions. It helps users learn about their skin, explore products, and feel confident in their choices.
The design system makes skincare easier to understand through clear layouts, calming colors, and simple interactions. It helps users learn about their skin, explore products, and feel confident in their choices.
Color Palette
The color palette combines calming tones with colors inspired by science and skincare. The colors create a clean and welcoming experience while helping the brand feel professional, trustworthy, and easy to understand.
The color palette combines calming tones with colors inspired by science and skincare. The colors create a clean and welcoming experience while helping the brand feel professional, trustworthy, and easy to understand.
Type System
The type system uses clear and simple typography to make skincare information easy to read and understand. Different type sizes and weights create a clear hierarchy, helping users easily navigate and learn throughout the experience.
The type system uses clear and simple typography to make skincare information easy to read and understand. Different type sizes and weights create a clear hierarchy, helping users easily navigate and learn throughout the experience.
@2026 Dalma Chiclayo
Navigation
Templates
Templates
Templates
Templates
Social
Templates
Templates
Templates
@2026 Dalma Chiclayo
Navigation
Templates
Templates
Templates
Templates
Social
Templates
Templates
Templates
@2026 Dalma Chiclayo
Navigation
Templates
Templates
Templates
Templates
Social
Templates
Templates
Templates