UI Design
My Role
UI Design
Team
Kinshasa Wilson
Duration
4 months
Tools
Figma
Overview
With more than 2,400 retail locations worldwide, Bath & Body Works is a leading personal care and home fragrance brand, offering body mists, lotions, candles, and hand soaps. The brand is widely recognized for its signature fragrances, seasonal collections, and frequent sales.
The Problem
The brand’s current website does not fully capture the sensory immersion of the in-store experience, where each fragrance feels like its own world.
The Solution
A redesign bringing the iconic Bath & Body Works in-store sensory experience into the digital space, recreating the immersive nature of each fragrance.
Design Principles
Colorful
Fragrance-specific colors that create an immersive experience.
Sensory
Photography that bring each fragrance to life.
Harmonious
Clean and balanced visuals uniting distinctive colors and photographic imagery.
Brand Colors
Dark Blue
HEX #005CB9
RGB 0 92 185
Light Blue
HEX #B3E0FF
RGB 179 224 255
Cream
HEX #FFF9F3
RGB 255 249 243
Dark Pink
HEX #E20787
RGB 226 7 135
Light Pink
HEX #FFA5CC
RGB 255 165 204
Black
HEX #121B26
RGB 18 27 38
Product Detail Page
Improved Product Imagery
The new photos feature ingredients listed in the notes, connecting the products to their fragrance families.
Fragrance Colors
Each signature fragrance is accompanied by a distinct color palette. Each color family is based on the packaging for each fragrance.
Social Media & Reviews
Customer reviews now prioritize submissions with images.
Primary - Figtree
Aa
Display - Laila
Aa
Outcome
The website redesign enhances the digital shopping experience to better reflect the in-store environment, with improved product recommendations and a clearer, more intuitive information hierarchy.
