Pottery Barn Kids : Website Design


Role:
Visual Design / Web Design



Designing a Seasonal Homepage Experience

I was challenged to redesign the seasonal homepage grid system to highlight brand campaigns and product in an editorial fashion while improving homepage shoppability. The design system was then scaled across app homescreens and other shoppable landing pages.




Baseline ExperienceThe homepage has a unique set of design requirements. For this project, I mapped out the following focus areas:


Brand identity & Visual design alignment
Amplify the brand identity through thoughtful and accessible visual design while centering the season’s brand campaigns.

Template Sustainability
Ensure that the template design can be easily modified and maintained on our content management systems to accommodate for marketing and inventory shifts.

Narrative design
Draw inspiration from the brand's roots in catalog to redesign features that fit together as an editorial narrative.

Before: Spring 2023, Hero and Storage section
Before: Spring 2023, Registry section




Published Experience 

I worked closely with leaders from Marketing, Site Operations, and Creative teams to iterate upon and ship the final design.
After delivering my prototype to Site Operations, I QA tested homepages across desktop and mobile. 


Final Spring ‘24 Homepage Hero


Storage
Spring New Arrivals
Baby Registry
Instagram Shop




Designing Editorial Commerce Experiences

The Pottery Barn Kids website ecosystem consists of many different content pages, shopping guides, and editorial lookbooks. The constant influx of new product and product photography begs the need for a strategic approach to both content and visual design.


Problem Space
Design an editorial lookbook — a digital catalog that serves as both a shopping tool and a source of design inspiration for consumers.




Before: Content showcases different room aesthetics, shoppable products are limited to 2-3 features per room.  
Before: Spring 2023 Lookbook

Design Trials & Refinements

 
After outlining issues with the old Lookbook template, I reviewed the season’s brand photo assets and grouped them by different criteria:  color, campaign focus, and life stage.  

For my initial review, I presented multiple grid and layout options to the team. 


Preliminary designs: I decided to use an editorial grid layout to and increase the amount of products featured in each room module.  


Published Design

 
I collaborated closely with copywriters and merchants to breathe life into brand photography, establishing how the Spring season's look and overall aesthetic was marketed across web platforms.

After delivering my prototype to tech teams, I proceeded to QA test across desktop and mobile. 



Scroll through to view the full lookbook
Spring 24’ Lookbook