Email Marketing Design System
From Lead to Enrollment
Introduction
As our company expanded, managing email marketing became increasingly complex.
As the lead for Pardot, I was tasked with creating a robust design system to simplify and
accelerate the creation of email templates, ensuring consistency and reducing errors.
This project was a collaborative team effort under my guidance.
Impact
40% Reduction in the time needed to design new emails
25% Reduction in the time needed to develop new emails
100% Compliance with accessibility standards for all new emails
(After 2 months of usage, source: jira, pardot)
My Role
Platforms Used: Pardot (Salesforce), Figma, VS Code
I served as the primary information source and system planner.
My responsibilities included creating various components and code snippets,
ensuring each one met the necessary standards and could be seamlessly integrated by the team.
Reading Brake
Below is an example of a designs created using our new system:
Problem Statement
The team struggles with a lack of expertise in email marketing constraints,
balancing design appeal with technical feasibility and accessibility, and ensuring
consistent application of the design system across a large team.
How might we solve the problem?
Addressing Knowledge Gaps
I provided ongoing education about HTML, CSS, and other essential aspects of email design.
Educating on Design Choices
Through regular training sessions, I helped the team understand the importance of
accessible and feasible design decisions.
Maintaining Consistency
I conducted regular review sessions to ensure the correct implementation of
design elements by all team members.
Below is an example of elements in our new system:
