Nordstrom Personalization System
Mass scale, individual feel. A content engine built on three shapes that adapt to user, season, and story.
Field Design Systems Art Direction Product Photography Direction
Author Jeremy Prasatik Published: 2015 Status: Complete
Classification Design Systems Art Direction Product Photography Direction
Abstract
Nordstrom needed dynamic content for millions of customers without feeling algorithmic. The question: how does personalization keep personality?
Built a flexible system around three tile shapes. Square, hero, vertical. Each designed to resize, remix, and reflow across mobile and desktop while holding visual consistency. The constraints created the freedom.
Product photography followed the same logic. Deliberate contrast, precise angles, no styling props. Each image could function as editorial or convert like ecomm depending on context. One asset, multiple applications.
The system powered homepage layouts, campaign modules, and product tiles. Relevant content at scale that still felt considered.
Three Shapes. Infinite Compositions.
Square, hero, vertical. Three tile shapes that resize, remix, and reflow across every breakpoint. The constraints created the freedom.
Editorial stories, brand modules, and merchandised picks all rendered through the same three shapes. Square tiles carried product. Hero tiles carried photography. Vertical tiles bridged the two. Any combination produced a layout that read as designed, not assembled.
Same System. Different Story Every Day.
Three audiences. Three homepages. One engine. The young customer landed on Savvy Mag. The designer-brand shopper got Summer to Fall styling. The men's shopper opened on city essentials. Same shapes, different stories. Each composition felt edited, not generated.
Mass scale. Individual feel.
Mobile Reflow. Nothing Lost in Translation.
The three shapes restacked on phones without losing the editorial voice. Same hero photography. Same product cards. Smaller canvas, same composition logic.
One Asset. Multiple Applications.
Deliberate contrast, precise angles, no styling props. Each shot held its own as a hero or stacked into a grid as ecomm. The art direction was the system.
White seamless. Consistent eye level. The same shadow falloff on every product. Restraint that let the merchandise read first. When the same shoe appeared in a Saturday editorial story and a Sunday inventory clear-out, both placements felt intentional.
Personalization With Personality.
Three shapes. One asset library. The system stayed quiet so the content could feel hand-built, even when it wasn't.
Services
Design Systems
Art Direction
Product Photography Direction
Stack
Nordstrom CMS
Editorial Templates
Asset Library
Links
Personalization usually shows its work. Algorithmic carousels, generic recommendation rails, blocks that read as templated even when they're tailored. This system did the opposite. The constraints lived underneath. The output looked like editorial.
The rules were simple enough that any merchandiser could compose a layout in an afternoon. Strict enough that no layout looked like the others. The same engine ran the homepage, campaign sends, and the long tail of category pages. One system, every surface.
