SlideShare a Scribd company logo
Creating Email
Campaigns that Work
A Focus on Design Elements
@johnethies | @EmailonAcid
Hello, my name is John.
@johnethies | @EmailonAcid
Tweet this session!
@johnethies @EmailonAcid
#DENStartupWeek
The feeling you
get after a day
of working with
Outlook…
@johnethies | @EmailonAcid
EMAIL TESTING
Derived from Acid Test.
@johnethies | @EmailonAcid
ADVANCED ANALYTICS
ENGAGEMENT
ACTIVITY
GEOLOCATION
REPORTING
CLIENT & DEVICE
INFORMATION
Why is email
so important?
01.
marketing emails
are sent each day
@johnethies | @EmailonAcid
billion
93
EMAIL delivers
the highest ROI
for Marketers
@johnethies | @EmailonAcid*According to VentureBeat, email is the channel generating the highest ROI for marketers.
@johnethies | @EmailonAcid
68%OF TEENS OF MILLENNIALS
Prefer to receive communication from a business via email.
Source: Adestra
73%
RESOURCES are shifting…
@johnethies | @EmailonAcid
@johnethies | @EmailonAcid
BUDGETS are following future needs
@johnethies | @EmailonAcid
We read email everywhere
Source: Adobe
@johnethies | @EmailonAcid
..and these places as well
Source: Adobe
$40 return for every $1 spent
in Email Marketing…
@johnethies | @EmailonAcid*According to VentureBeat, email is the channel generating the highest ROI for marketers.
if done CORRECTLY
@johnethies | @EmailonAcid
Getting to
the INBOX
02.
V
S
DELIVERABILITY
@johnethies | @EmailonAcid
DELIVERY
@johnethies | @EmailonAcid*According to VentureBeat, email is the channel generating the highest ROI for marketers.
Whether or not a recipient accepts your message.
DELIVERY
Where the message ends up once its accepted:
inbox, spam folder or another folder.
DELIVERABILITY
@johnethies | @EmailonAcid
Email design and content can have an
EFFECT on inbox placement
@johnethies | @EmailonAcid
AVOID using an
all image design
Target 500+ characters
Keep email size
BELOW 100kb
@johnethies | @EmailonAcid
BITLY is
@johnethies | @EmailonAcid
for email
From Name,
Subject Line +
Preheader Text03.
3
opportunities to
encourage a
subscriber to open
your email.
USE A TRUSTWORTHY & RECOGNIZABLE “FROM NAME”
@johnethies | @EmailonAcid
v
@johnethies | @EmailonAcid
SUBJECT LINES
of email recipients open
an email based on
subject line alone.35%
Subject lines with 61-70 characters get more reads.
KEEP THE SUBJECT
SIMPLE
@johnethies | @EmailonAcid
WHAT ABOUT
EMOJI?Brands using emoji’s in
their subject lines saw a
45%
increase in their unique
open rates.
EMOJI’s
@johnethies | @EmailonAcid
[continued]
*Represents activity on Appboy’s platform, broader industry metrics may vary.
Appboy, “The Appboy Emoji Study: The Rise and Rise of Emoji Marketing,” July 14, 2016
Preheaders are an EASY win!
@johnethies | @EmailonAcid
NO BUENO!
@johnethies | @EmailonAcid
CHARACTE
R
LIMITS
@johnethies | @EmailonAcid
Preheader Text: CODE EXAMPLE
@johnethies | @EmailonAcid
v
PERSONALIZED MESSAGE
@johnethies | @EmailonAcid
Personalization,
increases opens by
26%
Have FUN with it
Best Practices
WITH EMAIL04.
No standards, every client is DIFFERENT
Coding like it’s 1999
@johnethies | @EmailonAcid
Is the email width rule of 600px still a
best practice?
@johnethies | @EmailonAcid
@johnethies | @EmailonAcid
640px
ALIGNMENT
Creates order and organization
@johnethies | @EmailonAcid
@johnethies | @EmailonAcid
Left Alignment:
mirrors how we read and is
easy to follow
@johnethies | @EmailonAcid
Center Alignment:
harder to follow from line to line
@johnethies | @EmailonAcid
Right Alignment:
hard to read for
Western Languages
@johnethies | @EmailonAcid
FONTS
@johnethies | @EmailonAcid
Arial
Arial Black
Times New Roman
Comic Sans MS
Verdana
Impact
Courier New
Georgia
Trebuchet MS
Webdings
Email Safe
FONTS
@johnethies | @EmailonAcid
Limited web font support, if used, have a fallback
@johnethies | @EmailonAcid
FONT SIZE:
minimum 12px
preferred body text size is 16px
@johnethies | @EmailonAcid
NEGATIVE
[white] SPACE
@johnethies | @EmailonAcid
Creating Email Campaigns that Work: A Focus on Design Elements
INCREASE Legibility + Usability
Surround call to
actions with white
space to make it
STAND OUT
@johnethies | @EmailonAcid
Negative space
can be ANY color
@johnethies | @EmailonAcid
Simplified
CONTENT05.
Put the MOST important message first
@johnethies | @EmailonAcid
You have approximately 8.25 seconds
to capture someone’s attention.
Emails are open, on average, 5-15 seconds.
@johnethies | @EmailonAcid
Keep it SIMPLE
ONE audience
ONE goal
The Rule of
ONE
v
@johnethies | @EmailonAcid
GRANDMA TEST:
Write in plain
language.
Design for
MOBILE06.
50% of all emails are
opened on
mobile devices.
@johnethies | @EmailonAcid
v
80%
of emails are
deleted if they don’t
render correctly
of those people
will unsubscribe30%
DID YOU
KNOW…
@johnethies | @EmailonAcid
@johnethies | @EmailonAcid
DESIGNfor
“every inbox, every device”
Mobile Friendly
Mobile First
SCALABLE
FLUID
RESPONSIVE
</STYLE>
Gmail doesn’t like your
@johnethies | @EmailonAcid
Spongy
FLUID-HYBRID
Gmail SUPPORTS your fluidity!
@johnethies | @EmailonAcid
Android Gmail
iOS Mail App
Progressive
ENHANCEMENT07.
@johnethies | @EmailonAcidSource: @actionrocket
Make the BEST experience for each user
@johnethies | @EmailonAcidSource: @actionrocket
@johnethies | @EmailonAcid
simple
Styled ALT text
Animated GIFs
Button enhancements
CSS animation
Carousels, Hot spot animation
COMPLEX
of users view email
with images off
Styled ALT TEXT
43%
@johnethies | @EmailonAcid
Free shipping
No styling or background color
Free shipping
Background color
Free shipping
Styled alt text
Free shipping
Background color + styled alt text
Styled
ALT TEXT
[continued]
STYLED ALT TEXT [continued]
<img src="logo.jpg" width="400"
height="149" alt="Email on Acid"
style="font-family: Georgia;
color: #697c52; font-style:
italic; font-size: 30px;">
STYLED ALT TEXT [continued]
@johnethies | @EmailonAcid
MOZIFY
[original email] [no Mozify] [with Mozify]
@johnethies | @EmailonAcid
Animated GIFS
Outlook 2007+ shows the 1st frame Other programs show the animation
Animated GIFS
@johnethies | @EmailonAcid
[continued]
NOT supported in
Outlook 2007,
2010, 2013, 2016
for Windows
First frame
should include
crucial info &
CTA
Animated
GIFS[continued]
26%
@johnethies | @EmailonAcid
GIF emails increase a
click through rate up to
Rounded cornersI am a button ➝
I am a button ➝
I am a button ➝I am a button ➝ Borders
I am a button ➝ Gradients
I am a button ➝ Web fonts
Hover effects
Button ENHANCEMENTS
@johnethies | @EmailonAcid
I am a button ➝
Progressively enhanced: Apple Mail
I am a button ➝
Graceful degradation: Outlook 2010
I am a button ➝
Lotus Notes
I am a button ➝
Scale to fit: iPhone
Button ENHANCEMENTS [continued]
@johnethies | @EmailonAcid
@johnethies | @EmailonAcid
RULE OF THUMB:
40px height for buttons
@johnethies | @EmailonAcid
CSS
ANIMATION
FALLBACKINTERACTIVE
CAROUSE
L {
Creative by RebelMail
HOT
SPOT
ANIMATION
Stick the
LANDING08.
Incorporate RESPONSIVE Design
@johnethies | @EmailonAcid
@johnethies | @EmailonAcid
Know the PLATFORM of the visitor
@johnethies | @EmailonAcid
Low conversions on Mobile?
BOTTOM LINE:
@johnethies | @EmailonAcid
Email is an AMAZING channel for marketers,
if done correctly.
Our PANEL
• ANTHONY CHIULLI - Senior Consultant, Deliverability
Services, Salesforce (@anthonychiulli)
• JILL GUEST - Engagement Marketing Manager, SendGrid
(@jillpguest)
• JAMES EINSPAHR - Digital Creative Director, FURNITURE
ROW DIGITAL
• CHESTER BULLOCK - Vice President, Digital Marketing
Technology / Salesforce MVP, Trendline Interactive
(@coskier)
@johnethies | @EmailonAcid
THANK YOU!
@johnethies @emailonacid
@johnethies | @EmailonAcid
@DENStarupWeek

More Related Content

PPTX
5 Ways to Improve Your Email Campaigns (and Get Better Results)
PPTX
E mail marketing
PPTX
Webinar: Email Design for Revenue and Response
PPTX
LiveIntent: Email is No Longer About Sending Email
PPTX
Making the Case for Interactive Email: What’s Possible, Beautiful, and Relevant
PDF
Overcoming the 3 Challenges to Optimizing Your Email Program
PDF
LiveIntent: Email is No Longer About Sending Email
PPT
Integrating Emerging Channels in your Email Program Effecitvely
5 Ways to Improve Your Email Campaigns (and Get Better Results)
E mail marketing
Webinar: Email Design for Revenue and Response
LiveIntent: Email is No Longer About Sending Email
Making the Case for Interactive Email: What’s Possible, Beautiful, and Relevant
Overcoming the 3 Challenges to Optimizing Your Email Program
LiveIntent: Email is No Longer About Sending Email
Integrating Emerging Channels in your Email Program Effecitvely

What's hot (6)

PDF
Can you REALLY get more clients just by optimizing your blog?
PPTX
Justmeans power point
PPTX
Secrets to Conquering the Gmail Inbox
PPTX
Justmeans power point
PPT
Email design book 2011
PPTX
Can you REALLY get more clients just by optimizing your blog?
Justmeans power point
Secrets to Conquering the Gmail Inbox
Justmeans power point
Email design book 2011
Ad

Viewers also liked (15)

DOCX
Corrientes economicas
PPT
E-Signature in Document Management - Megan Smale
PPTX
Mis deberes y derechos como aprendiz sena
PDF
UIMP: Sistema Multiagente CBR para Turismo de Salamanca
PPT
AC And DC Geared Motors by Strategi Automation Solutions Pvt. Ltd., Bengaluru
PPT
香港六合彩-六合彩 » SlideShare
PDF
Media Guide
DOCX
Angela pronvinzano / historia de la arquitectura III
PDF
SOTM10 lightning talk : BMO differential import
ODP
Utplassering 2012
PDF
Operating Systems Hardening
PPT
Future of Composite Apps S-Controls and Beyond
PDF
Symantec Delivers 30x Faster Failover For Microsoft Environments
PPSX
PPTX
Aprendizaje autonomo
Corrientes economicas
E-Signature in Document Management - Megan Smale
Mis deberes y derechos como aprendiz sena
UIMP: Sistema Multiagente CBR para Turismo de Salamanca
AC And DC Geared Motors by Strategi Automation Solutions Pvt. Ltd., Bengaluru
香港六合彩-六合彩 » SlideShare
Media Guide
Angela pronvinzano / historia de la arquitectura III
SOTM10 lightning talk : BMO differential import
Utplassering 2012
Operating Systems Hardening
Future of Composite Apps S-Controls and Beyond
Symantec Delivers 30x Faster Failover For Microsoft Environments
Aprendizaje autonomo
Ad

Similar to Creating Email Campaigns that Work: A Focus on Design Elements (20)

PPTX
Edu web 2016 Presentation
PPTX
Internet Summit Conference - 5 Ways To Improve Your Email Campaigns and Get B...
PPTX
Ometria Lifecycle - 5 ways to improve your email campaigns
PPTX
John Thies - 5 Ways to Improve your Email Campaigns (and get Better Results)
PPTX
John Thies -5 Ways to Improve your Email Campaigns (and get Better Results)
PDF
Beyond Email Open Rates: How to Unlock the Potential in Your Audience
PPTX
Awesome Email Designs Anyone Would Love (And How To Create Them For Your Busi...
PPTX
Design For Your Subscribers: Tips and Tricks to Increase Email Marketing ROI ...
PPTX
Designed for Success: Optimizing the Email Experience
PPTX
Design for Your Subscribers
PPTX
Design For Your Subscribers: Tips and Tricks to Increase Email Marketing ROI ...
PDF
Wait. What just happened to my email?
PPTX
Content Jam 2017 Email Marketing Master Class JBest
PPT
Mobile Email Marketing: Small Screen, Big Opportunity
PPTX
MIMA Summit: Design for Your Subscribers
PPT
Mobile Email Marketing: Small Screen, Big Opportunity
PPTX
Kissmetrics Webinar - Email in a Social World
PDF
WebSG - HTML Email Newsletters
PPT
Eis tue 0815 sponsor infogroup
PPTX
Email maeketing
Edu web 2016 Presentation
Internet Summit Conference - 5 Ways To Improve Your Email Campaigns and Get B...
Ometria Lifecycle - 5 ways to improve your email campaigns
John Thies - 5 Ways to Improve your Email Campaigns (and get Better Results)
John Thies -5 Ways to Improve your Email Campaigns (and get Better Results)
Beyond Email Open Rates: How to Unlock the Potential in Your Audience
Awesome Email Designs Anyone Would Love (And How To Create Them For Your Busi...
Design For Your Subscribers: Tips and Tricks to Increase Email Marketing ROI ...
Designed for Success: Optimizing the Email Experience
Design for Your Subscribers
Design For Your Subscribers: Tips and Tricks to Increase Email Marketing ROI ...
Wait. What just happened to my email?
Content Jam 2017 Email Marketing Master Class JBest
Mobile Email Marketing: Small Screen, Big Opportunity
MIMA Summit: Design for Your Subscribers
Mobile Email Marketing: Small Screen, Big Opportunity
Kissmetrics Webinar - Email in a Social World
WebSG - HTML Email Newsletters
Eis tue 0815 sponsor infogroup
Email maeketing

Recently uploaded (20)

PDF
Hidden gems in Microsoft ads with Navah Hopkins
PDF
PDF
Unit 1 -2 THE 4 As of RURAL MARKETING MIX.pdf
PDF
UNIT 1 -4 Profile of Rural Consumers (1).pdf
PPTX
Mastering eCommerce SEO: Strategies to Boost Traffic and Maximize Conversions
PDF
AFCAT Syllabus 2026 Guide by Best Defence Academy in Lucknow.pdf
PDF
UNIT 2 - 5 DISTRIBUTION IN RURAL MARKETS.pdf
PDF
Wondershare Filmora Crack Free Download 2025
PDF
Digital Marketing Agency in Thrissur with Proven Strategies for Local Growth
PDF
MARG’s Door & Window Hardware Catalogue | Trending Branding Digital Solutions
PDF
Prove and Prioritize Profitability in Every Marketing Campaign - Zach Sherrod...
PDF
Fly Emirates SEO case study by Rakesh pathak.pdf
PDF
Future Retail Disruption Trends and Observations
PPTX
Assignment 2 Task 1 - How Consumers Use Technology and Its Impact on Their Lives
PDF
EVOLUTION OF RURAL MARKETING IN INDIAN CIVILIZATION
PPTX
UNIT 3 - 5 INDUSTRIAL PRICING.ppt x
PDF
AI & Automation: The Future of Marketing or the End of Creativity - Matthew W...
PDF
Pay-Per-Click Marketing: Strategies That Actually Work in 2025
PPTX
Final Project parkville.............pptx
PPTX
hnk joint business plan for_Rooftop_Plan
Hidden gems in Microsoft ads with Navah Hopkins
Unit 1 -2 THE 4 As of RURAL MARKETING MIX.pdf
UNIT 1 -4 Profile of Rural Consumers (1).pdf
Mastering eCommerce SEO: Strategies to Boost Traffic and Maximize Conversions
AFCAT Syllabus 2026 Guide by Best Defence Academy in Lucknow.pdf
UNIT 2 - 5 DISTRIBUTION IN RURAL MARKETS.pdf
Wondershare Filmora Crack Free Download 2025
Digital Marketing Agency in Thrissur with Proven Strategies for Local Growth
MARG’s Door & Window Hardware Catalogue | Trending Branding Digital Solutions
Prove and Prioritize Profitability in Every Marketing Campaign - Zach Sherrod...
Fly Emirates SEO case study by Rakesh pathak.pdf
Future Retail Disruption Trends and Observations
Assignment 2 Task 1 - How Consumers Use Technology and Its Impact on Their Lives
EVOLUTION OF RURAL MARKETING IN INDIAN CIVILIZATION
UNIT 3 - 5 INDUSTRIAL PRICING.ppt x
AI & Automation: The Future of Marketing or the End of Creativity - Matthew W...
Pay-Per-Click Marketing: Strategies That Actually Work in 2025
Final Project parkville.............pptx
hnk joint business plan for_Rooftop_Plan

Creating Email Campaigns that Work: A Focus on Design Elements

Editor's Notes

  • #10: 32 Million emails per second
  • #11: email marketing is going to remain a top priority for companies in 2016
  • #12: 68 percent of teens and 73 percent of Millennials said they prefer to receive communication from a business via email. In addition, more than half rely on email to buy things online.
  • #13: 71.8 percent) say they are planning to spend more time on email production and more than four out of five (86.7 percent) report that they will increase email marketing budgets this year.
  • #14: Additionally, of the 86.7 percent of the survey's respondents said they would spend more money on email marketing this year. The increased budget is expected to be spent on:
  • #20: Making it into the inbox is one of the more ambiguous, misunderstood elements of sending great email. Marketers often mix up a key distinction: delivery vs. deliverability. Though the terms are often used interchangeably, they have very different meanings.
  • #32: Return Path, 65 characters seems to be a sweet spot for email subject lines, which is about 15 characters more than the average subject line. When subject lines are 61-70 characters long, they tend to get read. However, most email subject lines are between 41 and 50 characters.
  • #39: Does your email include a special offer? Let your audience know in the preheader text what awaits them upon opening the email. The Honest Company also does a nice job of referencing a non-sale related incentive in their preheader tex Increased opens by 26%
  • #40: PetCareRx does a really nice job with this subject line + preheader text combination. They’ve personalized the message (with my dog’s name, Fenway), let me know about the 75% off discount being offered and referenced the classic Baha Men earworm, Who Let the Dogs Out.
  • #53: iOS Mail Apple Mail
  • #62: as your content is brief, entertaining, and fresh, Millennials very well might even share it with their friend group.
  • #63: This Clinique email is an excellent example of the Rule of One at work. It is clearly targeted at one audience, men, who are interested in one goal, getting their "skin in shape for summer." Not to mention, the CTAs are strong and actionable.
  • #64: Start with what is important Short sentences, she won't remember the beginning by the time she gets to the end Simple words
  • #68: Keep it simple Single column layout is most-readable on mobile Keep important information at the top Get your “call to action” across quickly
  • #69: Scalable design can be defined as any design that works well across both desktop and mobile without using code to adjust table or image sizes, or display or hide content between the two platforms. typically the easiest to implement. Since scalable emails don’t adjust the widths of tables or images between devices, and don’t use CSS media queries
  • #70: Fluid emails use percentage-based sizing to make the width of tables and images adapt to the screen size on which they are viewed fluid designs typically work best for text-heavy layouts since there’s less control over how copy and images relate to each other.
  • #73: Fluid tables and elements by default Max-width CSS to constrain widths on desktop MSO conditional comments to constrain widths in Outlook
  • #87: support and how-to
  • #91: What movie is this from?
  • #96: Take a look at an example from GetResponse on how a landing page SHOULD look on your desktop and your mobile.
  • #98: This suggests smartphones are more of browse or research platform rather than a buy platform since many of the  Smartphone experiences should be personalized to show this different form of usage. Lead generation and acquisition Revisit on Desktop