Z-mail Design System

A modular system for emails to be implemented by Zembl’s marketers not designers

The Problem

β€œWe need a way to design and build emails with consistency to brand and implementable by juniors in the marketing team”

Zembl, evolving their marketing capabilities wanted to bring some of the menial design work in house.

The Work

Modular design system. Training workshop.

We took the basic brand elements from the guidelines and built those out into a brand system in figma. From there we set about building the modules that allowed a flexibility in creation for a multitude of email types. Lastly we trained the crew.

Client

Zembl


Energy brokers based in Sydney Australia

Zembl email modular figma design system - Examples

Developing a modular design system for emails

To support Zembl's innovative email marketing efforts, we developed a comprehensive modular design system in Figma. This system was designed to provide a consistent and scalable approach to email design, allowing for easy updates and customisations. The modular nature of the design system ensures that Zembl can maintain brand consistency across all email communications while adapting to future needs with minimal effort.

Zembl email modular figma design system - example designs
Zembl email modular figma design system - icons
Zembl email modular figma design system - tutorial design for staff
Zembl email modular figma design system - logo design
Zembl email modular figma design system - icon design
Zembl email modular figma design system - colour swatches
Zembl email modular figma design system - type design - typography design - type system - type sizing
Zembl email modular figma design system - tutorial design for staff

Zembl email modular figma design system - tutorial design - design workshop - how to use the design system

Training the crew to be self sufficient

The final phase of our project with Zembl involved an extensive training workshop to hand over the newly created "Dating," "Marriage," and "Renew Vows" email customer journeys and the modular design system. This workshop was designed to equip Zembl's team with the necessary skills and knowledge to manage and evolve their email marketing strategy independently. By the end of the training, the Zembl team was fully prepared to leverage their new tools to maximise customer engagement and operational efficiency.

Zembl email modular figma design system - Email header - component design - design system - email design
Zembl email modular figma design system - Email footer - component design - design system - email design
Zembl email modular figma design system - Email creative header - messaging header -component design - design system - email design - marketing
Zembl email modular figma design system - Email body copy - component design - design system - email design - creative modules

Laura Disibio

β€œIt all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.”