Williams Sonoma / Pottery Barn Interactive Lookbook Commerce Experience
Interactive Lookbook Commerce Experience
Pottery Barn's editorial lookbooks generate high engagement but low direct conversion. This concept redesigns the lookbook as an interactive shopping surface, reducing the gap between editorial inspiration and purchase.
Company Pottery Barn
Scope Lookbook concept, interaction design, UI components, brand system application
Role Brand Designer & Creative Strategist
Year 2025

Pottery Barn's brand is defined by heritage, craftsmanship, and calm editorial storytelling. This concept explores how the lookbook experience could evolve into a more interactive shopping environment without disrupting the brand's restrained aesthetic. The proposed "Shop the Room" interaction enables customers to discover products directly within lifestyle imagery, bridging inspiration and commerce while preserving the editorial tone of the brand.

  • Interactive product nodes integrated subtly within lifestyle imagery
  • Product preview cards designed for quick contextual discovery
  • Expandable product panel that supports deeper exploration without leaving the lookbook
  • Typography, material tone, and spacing designed to integrate naturally within Pottery Barn's editorial environment
Bouclé Ivory #F4F1EC
Warm Oak #C4A882
Olive Moss #6B7B5E
Burnt Clay #B85C38

The interaction system inherits its visual tone from Pottery Barn's material-driven environments rather than expressive interface color. Upholstery fabrics, natural woods, softened neutrals, and organic textures informed the palette, allowing the UI to integrate seamlessly into the editorial experience without competing for attention.

Aa
ABCDEFGHIJKLM NOPQRSTUVWXYZ
abcdefghijklm nopqrstuvwxyz
0123456789
Canela · Light
Primary Typeface · Editorial Headlines · Storytelling Moments
Aa
ABCDEFGHIJKLM NOPQRSTUVWXYZ
abcdefghijklm nopqrstuvwxyz
0123456789
TT Norms · Regular
Secondary Typeface · Utility Text · CTAs · Supporting UI

Typography balances editorial warmth with functional clarity, allowing the interaction system to feel native to Pottery Barn's existing brand language.

The lookbook transforms lifestyle scenes into interactive shopping environments through subtle product nodes that reveal contextual product information. Customers can explore products within the room without leaving the page, maintaining the editorial experience while enabling seamless discovery.

01 Discover

Users hover or tap product nodes within the lifestyle room scene

02 Preview

A product card reveals the item name, price, and category

03 Explore

Selecting the product opens a contextual side panel with deeper detail

04 Navigate

Users can continue to the full product page if desired

Shopping Module

Shop the Room · Desktop

Pottery Barn Shop the Room desktop prototype
Pottery Barn Shop the Room desktop prototype → FULL DESKTOP VIEW

Interactive nodes allow customers to identify featured pieces directly within the room while preserving the editorial quality of the scene.

Shop the Room · Mobile

Pottery Barn mobile prototype
Pottery Barn mobile prototype → FULL MOBILE VIEW

Interactive nodes surface relevant products and contextual information without disrupting the browsing experience.

The homepage hero transforms editorial lifestyle imagery into an interactive shopping environment. Contextual product discovery, restrained UI layering, and responsive adaptation preserve Pottery Barn's calm visual language while enabling seamless exploration across desktop and mobile.

Shop the Room · Interactive Nodes

Pottery Barn interactive product nodes on hero image

The editorial module extends product discovery beyond the hero experience, allowing customers to browse curated room compositions within an immersive storytelling environment. Spacious layout, restrained typography, and layered imagery reinforce Pottery Barn's editorial tone while supporting contextual shopping behavior.

Editorial Module · Shop the Scene

Pottery Barn editorial module product discovery

Selecting a product reveals a contextual discovery panel containing featured pieces, pricing, alternate options, and related styling recommendations. The interaction maintains continuity with the editorial environment while reducing navigation friction.

Product Detail · Get the Look

Pottery Barn contextual product discovery panel

Subtle product previews provide immediate contextual information without disrupting the lifestyle composition. Product name, pricing, and visual cues support rapid recognition while preserving the editorial quality of the scene.

Pottery Barn results

This concept reimagines the lookbook as both an editorial storytelling environment and a commerce discovery tool. By embedding contextual shopping directly into lifestyle imagery, the experience strengthens the relationship between inspiration, exploration, and purchase consideration.


This project reinforced the value of designing within an established brand system while identifying opportunities for more seamless digital interaction. It strengthened my ability to connect editorial storytelling, modular UI, and product discovery into a cohesive brand experience.