Email design systems
I partnered with marketing teams across various industries to develop scalable, modular email design systems. Built in Figma and directly coded into their CRM platforms, these custom systems empowered marketers to quickly brainstorm and assemble on-brand emails easily. Each component was designed and developed to be fully responsive, ensuring proper rendering across all color modes while streamlining the entire production workflow.
DURATION
Spring '22 - Present
ROLES
UI/UX, Development
TOOLS USED
Figma
Marka
Iterable
customer.io
Klaviyo
Problems
Brand Consistency
Brand guidelines weren't translating to emails, leading to a disjointed brand presence.
CRM Issues:
Marketing teams in Klaviyo, Iterable, and Customer io were using image based eamils built from scratch for every campaign.
Lack of Scalability
There was no system in place that allowed marketers to quickly create new email variants or A/B tests without the need for a designer and developer.
Brand guidelines weren't translating to emails, leading to a disjointed brand presence.
CRM Issues:
Marketing teams in Klaviyo, Iterable, and Customer io were using image based eamils built from scratch for every campaign.
Lack of Scalability
There was no system in place that allowed marketers to quickly create new email variants or A/B tests without the need for a designer and developer.
Solutions
Branded Modular System
Drag and drop design components with parameters were created allowing for quick email design creation and iteration.
Scalable
Each system is designed to be scalable across multiple CRM tools and allow for .liquid and custom HTML if needed.
Autonomy
The design systems allowed marketing teams autonomy to build and create emails without consistent oversight from design and development.
Efficiency
These design systems decreased build time, decreased email size, increased accessibility and increased overall CTR
Drag and drop design components with parameters were created allowing for quick email design creation and iteration.
Scalable
Each system is designed to be scalable across multiple CRM tools and allow for .liquid and custom HTML if needed.
Autonomy
The design systems allowed marketing teams autonomy to build and create emails without consistent oversight from design and development.
Efficiency
These design systems decreased build time, decreased email size, increased accessibility and increased overall CTR
