Outlining the

Design of Your
Marketing Emails
Why is focusing
on email design
important?
A great email will
use the design of the
email to drive the
content forward.
A great email will …guiding the contact
use the design of the who received it to
email to drive the your desired goal.
content forward….
The best designed emails
are the ones that are
simple and attainable.

Source: PEXELS
2 foundations of email design:

1. Clearly communicate a message.

2. Create a consistent experience.

 Design can be a powerful thing.
Think about the last time that you saw
something where the design moved you.

SOURCE: PEXELS
Create consistent
learning experiences.
Your emails are just
one part of the conversation
that your contacts are having
with you and your business.
All of this design and
consistency leads to
less friction for
your contacts.
The design will help create
a frictionless experience
for them and help you continue
your email marketing efforts.
How do you outline
the design of your
marketing emails?
These steps will serve as an outline
for you to design great emails.
Steps for creating a design
outline for email:

• Set a goal.

• Write and design email copy.

• Create a consistent experience.

• Bring everything together.

Steps for creating a design
outline for email:

• Set a goal.

• Write and design email copy.

• Create a consistent experience.

• Bring everything together.

The goal of every
email that you
press “send”
on is…
The goal of every …to start
email that you conversations with
press “send” your contacts.
on is…
Steps for creating a design
outline for email:

• Set a goal.

• Write and design email copy.

• Create a consistent experience.

• Bring everything together.

Fundamentals of writing copy:

• Write for scanability.

• Use the right tone.
• Personalize when appropriate.
• Proofread copy.
Design is all about communicating your
ideas visually. You’re engaging in a
conversation with your readers,
helping guide them with the design.
Hi :first-name:,
The value you’re providing.
 Provide visual cues
that communicate
the information
quickly and efficiently.

SOURCE: PEXELS
Hi :first-name:,

Introducing: Service Hub

Hi :first-name:,

Introducing: Service Hub

HubSpot is introducing a new product line that
is 100% focused on a better customer
experience: Service Hub. This product is built
to help service teams manage, connect with,
and truly understand their customers.
Hi :first-name:,

Introducing: Service Hub

HubSpot is introducing a new product line that
is 100% focused on a better customer
experience: Service Hub. This product is built
to help service teams manage, connect with,
and truly understand their customers.

Source: GETTY
Hi :first-name:,

Introducing: Service Hub

HubSpot is introducing a new product line that
is 100% focused on a better customer
experience: Service Hub. This product is built
to help service teams manage, connect with,
and truly understand their customers.

Tell me what you think or any questions you have.

Source: GETTY
Steps for creating a design
outline for email:

• Set a goal.

• Write and design email copy.

• Create a consistent experience.

• Bring everything together.

2 key factors of consistency:

1. Your brand

2. The device or client email is opened on

2 key factors of consistency:

1. Your brand

2. The device or client email is opened on

This can be things like
your logo, the colors, and
the language
that you’re using.
SOURCE: WILD WE WANDER
SOURCE: WILD WE WANDER
SOURCE: WILD WE WANDER
2 key factors of consistency:

1. Your brand

2. The device or client email is opened on

Email Client
A computer program that allows you to access
and manage your email
What can you do
with the design of
your email…
What can you do …to provide the most
with the design of consistent and
your email… valuable experience
to your contacts?
SOURCE: MAIL BAKERY
1,500 1,500 customers said the most
important email element
for their template was its mobile
responsiveness.

SOURCE: HUBSPOT SURVEY

The goal you set for your email that
fuels the conversation will be
tied directly with your call to action.
Steps for creating a design
outline for email:

• Set a goal.

• Write and design email copy.

• Create a consistent experience.

• Bring everything together.

Hi :first-name:,

Introducing: Service Hub

HubSpot is introducing a new product line that
is 100% focused on a better customer
experience: Service Hub. This product is built
to help service teams manage, connect with,
and truly understand their customers.

Tell me what you think or any questions you have!

Hi :first-name:,

Introducing: Service Hub

HubSpot is introducing a new product line that
is 100% focused on a better customer
experience: Service Hub. This product is built
to help service teams manage, connect with,
and truly understand their customers.

Tell me what you think or any questions you have!

Hi :first-name:,

Introducing: Service Hub

HubSpot is introducing a new product line that
is 100% focused on a better customer
experience: Service Hub. This product is built
to help service teams manage, connect with,
and truly understand their customers.

Tell me what you think or any questions you have!

What types of
email designs
can you use?
“Tell me and I will forget. Show me and I may
remember. Involve me and I will understand.”

CONFUCIUS
The template clearly communicates with the design and email
copy, welcoming them into your business. The larger image
here doesn’t have to read “Hello” but could focus on the
brand of your business to reinforce the consistency.
 Welcome!

The template clearly communicates with the design and email

copy, welcoming them into your business. The larger image
here doesn’t have to read “Hello” but could focus on the
brand of your business to reinforce the consistency.
 Hola!

The template clearly communicates with the design and email

copy, welcoming them into your business. The larger image
here doesn’t have to read “Hello” but could focus on the
brand of your business to reinforce the consistency.
 Bonjour!

The template clearly communicates with the design and email

copy, welcoming them into your business. The larger image
here doesn’t have to read “Hello” but could focus on the
brand of your business to reinforce the consistency.
 Ciao!

The template clearly communicates with the design and email

copy, welcoming them into your business. The larger image
here doesn’t have to read “Hello” but could focus on the
brand of your business to reinforce the consistency.
Source: grammarly
Source: grammarly
Source: grammarly
Source: grammarly
Source: grammarly
Source: grammarly
Source: grammarly
Source: grammarly
“Tell me and I will forget. Show me and I may
remember. Involve me and I will understand.”

CONFUCIUS
Thank you