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
- Brand Design • Creative Strategy • Interaction Design • UI Systems
- 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 brand design, creative strategy, and interaction design, 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
Material-Led Language
The interface inherits its tone from Pottery Barn's materials rather than expressive UI color: upholstery, natural woods, softened neutrals, and organic textures, set in an editorial serif with a clean utility face.
#F4F1EC
#C4A882
#6B7B5E
#B85C38
Rationale
Drawing the palette from the rooms themselves lets the UI integrate seamlessly into the editorial experience without competing for attention, while an editorial serif and a clean utility face balance warmth with the clarity commerce needs.
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.