NordsPrefThumbnail.png

Starbucks Modular Framework

 

STARBUCKS DESIGN SYSTEM


DESIGNER- AND DEVELOPER-FRIENDLY EMAIL FRAMEWORK

my role: SENIOR DESIGNER AT STARBUCKS
 

 
 
 
 

 


achieving consistency and accessibility

while streamlining production

When I joined the internal Creative Studio in the spring of 2018, Starbucks’ email program needed a bit of help. The creative was beautiful but inconsistent across verticals (and designers) and didn’t abide by industry best practices.

After completing an audit of the primary programs to gain an understanding of content and potential use cases, I partnered with our deployment team to create a designer- and developer-friendly pattern library. Our new approach prioritizes best practices like mobile-first design and live text while enhancing visual consistency and ease of production.

 

 


SAMPLE MODULES

THE LIBRARY CURRENTLY HOUSES AROUND 40 MODULES

 
 

INDIVIDUAL COMPONENTS

 
 

GRID + SAMPLE SPECS

CREATED FOR EACH AND EVERY MODULE

2018 – 2019