Natalia A. Framil: an avid UX practitioner, leader, strategist, bar raiser, and humble learner of humans.

Clarins

COMPANY: EPAM (EMPATHY LAB) / CLIENT: CLARINS.COM / ROLE: UX RESEARCH & DESIGN / AWARD: DAVEY AWARD

Clarins is a French luxury cosmetics company. The goal was to create a modern, content-rich, mobile-enabled, immersive brand experience that reinvigorates Clarins’ online image and uses its unique strengths to develop a highly profitable, internationalized state-of-the art eCommerce business.

I was instrumental in winning the pitch and leading client interactions. I defined innovative, mobile-optimized, content-rich, internationalized eCommerce Design strategy & IA, created UX for key interactions, conducted contextual inquiry & remote usability, & provided creative direction.

0.jpg
Experience Goals

Experience Goals

The client outlined 3 critical online dimensions for their business

Workshop in Paris

Workshop in Paris

2 weeks of agile workshops and cross-functional collaboration with the business stakeholders

Design Iterations

Design Iterations

Initial UX & brand direction concepts supplemented with remote usability research efforts

Clarins Values

Clarins Values

The client had a strong brand identity, values, and history

Contextual Inquiry

Contextual Inquiry

We spent time in store to observe Clarins skin consultants and actual, award-winning store customer experience

Research Findings

Research Findings

Key takeaways around purchasing behavior, customer relationship building, and life-cycle opportunities

Content Map

Content Map

IA, sitemaps, and user flows

Homepage

Homepage

Wireframe

Category Page

Category Page

Wireframe

Product Detail

Product Detail

Wireframe

Added to Cart

Added to Cart

Wireframe

Samples @ Checkout

Samples @ Checkout

Wireframe

Checkout

Checkout

Wireframe

Skin Consultation Tool

Skin Consultation Tool

Wireframe

My Beauty Profile

My Beauty Profile

Wireframe

Ingredient Map

Ingredient Map

Wireframe

Ingredient Detail

Ingredient Detail

Wireframe

Localization Strategy

Localization Strategy

Wireframe

Homepage

Homepage

Final design comps

Category Page

Category Page

Final design comps

Mobile Optimized

Mobile Optimized

Final design comps