Shoppable Lookbook / 2025
Pottery Barn
Shoppable Lookbook
A Williams Sonoma / Pottery Barn concept that redesigns the editorial lookbook as an interactive shopping surface, closing the gap between inspiration and purchase without disrupting the brand's calm.
- Client
- Williams Sonoma / Pottery Barn
- Focus
- Interactive Lookbook Commerce
- Role
- UX/UI Design • Interaction Design • UI Systems • Creative Strategy
- Output
- Shop the Room Concept • UI Components • Prototype
02 / Challenge
Challenge
Pottery Barn's editorial lookbooks generate high engagement but low direct conversion. The concept had to make them shoppable without disrupting a restrained, heritage aesthetic.
Opportunity
Bridge inspiration and commerce inside the imagery itself. Let customers discover products within lifestyle rooms while preserving the calm editorial storytelling the brand is known for.
My Role
Led UX/UI, interaction design, and creative strategy, defining the Shop the Room concept, its UI components, and a prototype grounded in Pottery Barn's material language.
03 / Interaction Model
Shop the Room
Subtle product nodes turn a lifestyle scene into a shopping environment: discover, preview, explore, and navigate, all without leaving the editorial page.
04 / Visual Language
Working Within the Season
Each seasonal drop shipped with a fixed palette from brand and merchandising — the tones the rooms were already styled in. My role was to design the interface to live inside it, not compete with it.
#F4F1EC
#C4A882
#6B7B5E
#B85C38
The Decision
The UI takes on none of its own color. It borrows the room's neutrals and lets the seasonal tones live in the photography — keeping the interface quiet so the Shop-the-Room interaction stays the hero, and the same layout absorbs each new season without a redesign.
05 / Prototype
Shop the Room Prototype
Interactive nodes let customers identify featured pieces directly within the room, preserving the editorial quality of the scene across desktop and mobile.
Desktop + Mobile
Contextual product discovery, restrained UI layering, and responsive adaptation preserve Pottery Barn's calm visual language while enabling seamless exploration.
06 / Screens
From Scene to Purchase
The system extends discovery from the hero into editorial modules and a contextual product panel, reducing navigation friction while holding the storytelling tone.
Interactive Nodes. Subtle nodes surface featured pieces within the hero scene without disrupting the composition.
Editorial Module. Curated room compositions let customers browse within an immersive storytelling environment.
Product Detail. A contextual panel reveals pricing, alternates, and styling recommendations while keeping continuity with the scene.
07 / Outcome
Outcome
A lookbook that is both an editorial storytelling environment and a commerce discovery tool, strengthening the path from inspiration to purchase consideration.
Embedded commerce into lifestyle imagery without disrupting Pottery Barn's calm aesthetic.
Shop the Room shortened the distance between a beautiful room and a purchase decision.
Reusable nodes, cards, and panels scale the interaction across scenes and screens.
Reflection
This project reinforced the value of designing within an established brand system while finding room for more seamless digital interaction. It strengthened my ability to connect editorial storytelling, modular UI, and product discovery into one cohesive experience, where the commerce feels like a natural extension of the inspiration rather than an interruption to it.