Projects
Brooks Brothers
Digital Experience Design
E-Commerce & UX
Make It Yours Campaign Site Experience
View the Live ExperienceConcept
Make It Yours brings Brooks Brothers' icons into the present by showing how classic American style lives through personal interpretation. Through an ensemble cast led by Leslie Bibb and Alex Edelman, the campaign captures real perspectives on style — how people actually wear, mix, and make timeless pieces their own. Heritage foundations like the Oxford, blazer, suiting, and womenswear are styled with ease and individuality, layered with modern sportswear, feminine accents, and personal nuance. The creative feels intimate and editorial rather than instructional, emphasizing confidence, texture, and movement over rules or polish. Together, the portraits, interviews, and styling moments reveal a Brooks Brothers that feels familiar yet unexpected: enduring pieces shaped by personality, not prescription.
Execution
End-to-end digital design across homepage modules, promotional banners, editorial layouts, and email templates — ensuring visual consistency and on-brand messaging throughout the campaign window.
Made to Measure — Interactive Garment Builder
A guided digital tailoring experience designed to help customers navigate suiting options with confidence. The tool walks users through fit, fabric, and style preferences to surface the most relevant product recommendations.
Overview
Brooks Brothers is America's oldest clothing retailer, with a legacy spanning over two centuries. The digital experience work focused on modernizing the e-commerce platform while preserving the brand's heritage and luxury positioning across desktop and mobile touchpoints.
* This page has been scaled down from its original desktop size to display properly within this window.
Illustration Asset Map
Suit Guide UX Flow · All visual variants
UX Configuration Flow
48 jacket variants (3 styles × 6 fabrics × step 1–5)
18 trouser variants (6 fabrics × 3 fits, step 6–8)
12 full-suit variants (2 styles × 6 fabrics, step 9)
Jacket Illustrations — by Style & Fabric
18 illustrations
These illustrations display during Steps 1 (Jacket Style), 2 (Fabric), 3 (Lapel), 4 (Jacket Size), and 5 (Cut Length). The jacket image updates live as each option changes.
Navy Wool
Charcoal Wool
Pinstripe
Lapel Style
— Text / numeric onlyJacket Size
— Text / numeric onlyCut Length
— Text / numeric onlyTrouser Illustrations — by Fabric & Fit
18 illustrations
These illustrations display during Steps 6 (Pants Fit), 7 (Measurements), and 8 (Pant Break). The trouser image reflects the fabric chosen in Step 2 and the fit from Step 6.
Traditional
Classic
Slim
Measurements
— Text / numeric onlyPant Break
— Text / numeric onlyFull Suit Illustrations — Final Review
12 illustrations
These composite illustrations are shown on the Final Review step. They combine jacket style + fabric into a complete head-to-toe render. Three-button uses the two-button full-suit assets.
Navy Wool
Charcoal Wool
Pinstripe
Note: Three-button jacket style shares full-suit assets with two-button.
Homepage Redesign
A full redesign of the Brooks Brothers homepage experience, focused on improving brand storytelling and driving conversion. The work balanced heritage aesthetics with modern e-commerce best practices across desktop and mobile.
Objective
Modernize the homepage layout to improve discoverability of key product categories, reduce friction in the shopping journey, and better reflect the brand's positioning as America's premier clothing retailer.
Approach
Iterative design and A/B testing across hero layouts, navigation treatments, and content module ordering — with each variant informed by session data, heatmaps, and conversion analytics.
Suit Guide
An interactive prototype exploring the suit guide experience — walking customers through fit, fabric, and style preferences to surface personalized product recommendations.