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, hand soaps, and more. 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
Use of brand colors in buttons and iconography.
Sensory
Photography that captures the aroma, bringing each fragrance to life.
Harmonious
Clean and balanced visuals uniting distinctive colors and photographic imagery.
Product Details Page
Improved Product Imagery
The new photos feature ingredients listed in the notes, connecting the products to their fragrance families.
Related Products
Users can easily add products of the same fragrance to their cart.
Social Media & Reviews
Customer reviews now prioritize submissions with images and users can view customer-submitted social media posts.
Brand Colors
Dark Blue
HEX #015699
RGB 1 86 153
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
Typography
Primary - Figtree
Aa
Display - Laila
Aa
Iconography & Components
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.
