Straight to your inbox
Get the best email and digital marketing content delivered.
Join 250,000 in-the-know marketers and get the latest marketing tips, tactics, and news right in your inbox.
SubscribeWe were recently part of an esteemed panel of judges for Email Monks’ The Best Email Design Hunt and thought we’d use that experience as the inspiration for our next email design infographic. We teamed up with our pals from Emma and Email Monks to bring you the Anatomy of a Winning Email Design.
Designing award-winning emails is not a simple matter of slapping some images together and adding copy. Developing great emails is science, and you have to master it if you want to run profitable campaigns.
Before you go and design your next email, consider these elements that will help it stand out and convert well.
A well-designed email jumps out at the reader from the inbox. It’s hard to resist and demands attention. So, how do you achieve this effect?
The subject line is the first piece of your email that your reader interacts with. It’s your only chance to woo your reader into your email to entice an open. A great subject line is:
Spend time crafting subject lines that your readers won’t be able to resist.
The mistake many marketers make when designing emails is choosing complicated email templates with multiple columns. Beautiful as such templates may be, they are so busy they just confuse the reader.
Simple templates with 1 – 3 columns are effective because you can easily use them to direct the readers’ eyes to the most important parts of your email.
When you study the anatomy of an email that converts well, you will discover that there’s a mesmerizing element embedded. What makes such emails capture readers’ attention?
Short, punchy copy.
Research shows that people don’t read email copy in its entirety – they skim over it. Don’t fear; you can use their skimming to work in your favor. Simply design your email to have blocks of text with attention-grabbing copy.
Once the first block hooks them, curiosity will demand that they follow each “scene” you create with your copy until they get to the most important part of your plot – the call-to-action.
Finally, the way you arrange all the elements in your email is important. Use the inverted pyramid principle to direct your readers’ attention to those parts of your email that contain the most important information.
Anatomy is the study of the structure and function of something’s parts.
Here, we examine the anatomy of a winning email design to help you create emails that come to life in your subscribers’ inboxes.
Subject line
Is it catchy and engaging without being clickbait?
Content width
The golden rule is 600-640 pixels wide.
Relevant and personalized
Only collect the data you need. An email address and first name are a good place to start.
Is it on brand?
Check logos, colors, and fonts.
Inverted pyramid
To encourage action, focus layout around the call-to-action.
Quality images
Ensure images aren’t pixelated or blurry.
Text hierarchy
Use font size and weight to create a clear hierarchy.
Call to action
Is the call to action clear and easy to understand?
Meaningful animation
Ensure animation doesn’t distract or compete with a key message.
Value add
Add value, not just shameless promotions.
Animation fallbacks
Does the first frame make sense as a standalone image?
Alt text
Does your image have a text fallback?
Accessibility
Is the text size at least 16pt? Have you used alt text for those using a screen reader?
Web fonts
Do you have system font fallbacks set where web fonts aren’t supported?
Clear and concise
Be mindful of the medium and keep copy straight to the point.
File size
Try to keep the files under 300kb except for GIFs which should be under 1MB.
Mobile responsive
Ensure every email you send is mobile-friendly.
Expected
Is the content consistent with what your subscribers signed up for?
Kim Courvoisier (Campaign Monitor)
“A great email design is a great marriage between form and function where there is a bit of sizzle and a lot of substance.”
Jaymin Bhuptani (Email Monks)
“In today’s crowded inbox, images, typography, and interactivity help brands stand out and leave a lasting, positive impression.”
Logan Sandrock Baird (Emma)
“Creating a clear content hierarchy so that the eye knows where to focus shows respect for your subscribers’ attention and time.”
Now that you know the anatomy of an email that shines and converts, you’re ready to take your email marketing to the next level. Before you run off and launch your campaign, be sure to augment this knowledge by reading our ultimate guide to email design.
Embed this infographic on your site. Get the code.
Join 250,000 in-the-know marketers and get the latest marketing tips, tactics, and news right in your inbox.
SubscribeWith our powerful yet easy-to-use tools, it's never been easier to make an impact with email marketing.
Try it for free