UI Design
REsponsive Design

Kiehl's

A responsive website redesign for a longstanding skincare brand
Overview
About

A responsive website redesign for the skincare brand Kiehl's. Skincare, haircare, and body care products powered by nature and science for all skin types.

My Role
UI Design
Interaction Design
Design System
Prototyping
Team
Solo Project
Duration
4 months
Tools
Figma
Illustrator
Problem
Sterile and Cluttered

Kiehl’s website lacked visual hierarchy, so it was often hard to navigate, especially with a cluttered interface. It made the content feel overwhelming.

Solution
Charming and Organized

Breathing Kiehl's charming and humble history back into its brand through a UI redesign, that also addresses organization and clear hierarchy.

01
define
02
design
03
Development
04
Deliver
01. Define
Taskflow
Find Product From Search and Add to Bag
01
Homepage
02
Search
03
Filter
04
Product Page
05
Add to Bag
02. Design
Design Direction
Antique Since 1851
About kiehls

Kiehl’s is a longstanding skincare brand with historical roots of being a New York apothecary.

Design Statement

To preserve Kiehl’s rich apothecary history, while bringing a lively twist with colorful and label motifs.

Archetype
The Sage
Wise
Reliable
Experienced
Design Principles
03. Development
UI Design
Historical & Modern

With touches of Kiehl’s apothecary past, the redesign modernizes antique motifs for a fun, bold shopping experience.

Responsive Design

This Kiehl’s UI redesign is responsive between mobile and desktop screens, allowing for a reflow of content.

04. Deliver
Design System
Apothecary Charm

A design system for a cohesive new brand look, fit with bright colors and fun but meaningful graphics.

Typography
Color Palette
Illustrations + Motifs
Scientific illustrations
Banners
Apothecary Labels
Stamps
Buttons
Reflection
Fun and Simplified

A cohesive and simplified user experience. Creating a fun but true brand personality that ties back to Kiehl’s unique history.

Next Steps
More Screen Sizes

Explore the responsiveness of the motifs on other screen sizes aside from mobile to desktop.

Other Projects