![](https://framerusercontent.com/images/7VbeRFe8fdtjF5QtlCl7YLNtZOs.png)
Email Design System
Picnic faced a problem with their email communications - the design was outdated and scattered with little consistency between emails. Therefore, my goal was to implement a design system for emails that would set a standard company-wide for use by designers and developers alike.
Digital Design
![](https://framerusercontent.com/images/yL0j1pGwWFhqGM1zlNOdqGuAq0.png)
To begin, I helped devise a colour palette, header and paragraph styles, variable footers, and buttons. I compiled these elements into a Figma library which could be applied by toggling the assets on any new document.
![](https://framerusercontent.com/images/3TmggI6y5w0uRhtdxqkuJlSQ438.png)
From there, I created a generic email template with consistent padding and hierarchy amongst styles to provide the development team with a toolkit to consistently apply styling across all email designs.
![](https://framerusercontent.com/images/S5kWrrd4785bEQ6tF6QIvF1O6is.png)
Since 2022, we have updated over 200 email designs and continue to implement the new design template across all email communications.
![](https://framerusercontent.com/images/rcrRbEUygvUUKaQRGvamC2MwB08.png)
![](https://framerusercontent.com/images/7VbeRFe8fdtjF5QtlCl7YLNtZOs.png)
Email Design System
Picnic faced a problem with their email communications - the design was outdated and scattered with little consistency between emails. Therefore, my goal was to implement a design system for emails that would set a standard company-wide for use by designers and developers alike.
Digital Design
![](https://framerusercontent.com/images/yL0j1pGwWFhqGM1zlNOdqGuAq0.png)
To begin, I helped devise a colour palette, header and paragraph styles, variable footers, and buttons. I compiled these elements into a Figma library which could be applied by toggling the assets on any new document.
![](https://framerusercontent.com/images/3TmggI6y5w0uRhtdxqkuJlSQ438.png)
From there, I created a generic email template with consistent padding and hierarchy amongst styles to provide the development team with a toolkit to consistently apply styling across all email designs.
![](https://framerusercontent.com/images/S5kWrrd4785bEQ6tF6QIvF1O6is.png)
Since 2022, we have updated over 200 email designs and continue to implement the new design template across all email communications.
![](https://framerusercontent.com/images/rcrRbEUygvUUKaQRGvamC2MwB08.png)
![](https://framerusercontent.com/images/7VbeRFe8fdtjF5QtlCl7YLNtZOs.png)
Email Design System
Picnic faced a problem with their email communications - the design was outdated and scattered with little consistency between emails. Therefore, my goal was to implement a design system for emails that would set a standard company-wide for use by designers and developers alike.
Digital Design
![](https://framerusercontent.com/images/yL0j1pGwWFhqGM1zlNOdqGuAq0.png)
To begin, I helped devise a colour palette, header and paragraph styles, variable footers, and buttons. I compiled these elements into a Figma library which could be applied by toggling the assets on any new document.
![](https://framerusercontent.com/images/3TmggI6y5w0uRhtdxqkuJlSQ438.png)
From there, I created a generic email template with consistent padding and hierarchy amongst styles to provide the development team with a toolkit to consistently apply styling across all email designs.
![](https://framerusercontent.com/images/S5kWrrd4785bEQ6tF6QIvF1O6is.png)
Since 2022, we have updated over 200 email designs and continue to implement the new design template across all email communications.
![](https://framerusercontent.com/images/rcrRbEUygvUUKaQRGvamC2MwB08.png)