StarbucksModularFrameworkThumb.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


Responsible for all creative shown, including sample module executions.
2018 – 2019