In a world of infinite templates, it’s never been easier to make your emails look good. But email design is more than aesthetics. You want conversions, and smart design choices can help you get them.

By following a few best practices for email design, you’ll benefit twice: immediately with better email performance, and by reinforcing your brand identity over time.

Designer's computer with colors

Why Email Design Matters

An Unparalleled Branding Opportunity

With every campaign, your brand is beaming itself into customers’ homes, offices and pockets. Every aspect of every email contributes to an overall impression of your brand. That includes design choices.

Whether you’re working with existing templates or starting from scratch, it’s important to follow your company’s brand guidelines.

Which of the emails below looks like it came from Starbucks? Which do you trust more? When the design matches the brand, it just feels right.

Email design with off-brand colors next to on-brand emailGood Email Design Improves Conversions

Good design can improve email performance by:

  • Catching the reader’s attention
  • Not overwhelming the reader
  • Guiding the eye to your call to action
  • Reinforcing trust in your brand

Fortunately, you don’t have to choose between brand-focused and performance-focused design. The two can work together seamlessly.

How to Customize Email Templates

If an in-house designer is building your email from scratch, it’s probably already on-brand. Be sure to thank your designer! If you’re working with a third-party template, however, you’ll want to make a few changes.

Add Your Logo

Your logo is your company’s most valuable brand asset. Make it clear who the email is from by placing it right at the top.

Emails branded with logos and colorsUse the Right Colors

You’ll probably need to change the template’s color scheme. Refer to your company’s brand guidelines to get the colors just right.

Web Safe Fonts vs. Web Fonts

To ensure your email looks good in every email client, you’ll need to choose a font that will display correctly.

Web Safe Fonts – The easy solution is to use a web safe font. Web safe fonts are common, near-universal fonts like Arial, Tahoma, Verdana and Times New Roman.

Web Fonts – If your template offers more creative font choices, it’s probably using web fonts. Unlike web safe fonts, web fonts aren’t installed by default on every device and operating system.

Many email clients can display web fonts, but not all of them. So you’ll need to pick a web safe font as a backup. This is called a fallback font. Your email system will either automatically assign a fallback font or let you choose one. Be sure you test how your email looks with the fallback font too.

Web font and web safe fallback font side-by-sideCheck for Mobile Responsiveness

Make sure whatever template you build or customize is mobile responsive. This might seem obvious, but with 35-50% of emails read on mobile devices (depending on who’s counting), it’s too important not to mention.

Simplify. Then Simplify More.

One Email, One Message

It will be easier to keep your design simple and straightforward if you’re not trying to say everything at once. Each email you send should have a single, clear message. Got a lot to say? Your content will likely perform better if you split it into multiple emails.

Keep It Short

Chances are, you’re sending an email because you want customers to do something. Don’t make them work for it. They’re not going to scroll through four paragraphs and ten photos to find the link you’re promoting. Instead, keep things concise, so your most important content doesn’t get lost.

How short are we talking? Some brands really push the envelope in terms of minimalist emails. Take this one from LinkedIn:

Minimalist email design from LinkedInMost emails don’t need to take simple design to quite that extreme. But do take a hard look at every email you design, and see what you can cut. Simply removing some text makes this email much easier to digest:

Simple newsletter design next to cluttered, overcrowded designHow Email Design Elements Work Together

You’ve been in the weeds, crafting perfect copy and finding just the right photos. But when your customer opens your email for the first time, they’ll be viewing it as a whole. All those elements you’ve lovingly created need to work together.

Next time you’re working on an email, go grab a coffee or a snack. When you get back to your desk, assess your design from a distance with fresh eyes.

Use Plenty of White Space

‘White’ space is the space around your text, photos and other design elements. Giving your content room to breathe will make it stand out, and make your email easier to read.

Get to the Point

Most people won’t read your entire email. So decide exactly what you want customers to know, and get straight to the point.

Think of your email like a news article – you could just read the headline and still know what happened. The first sentence will spell it out a little more clearly. And if you’re truly interested, you can keep reading for the whole story.

Emails with simple direct headlines and size hierarchyMake Important Things Big

It’s simple, but easy to forget when you’re all wrapped up in color schemes and font choices. Establish a hierarchy of what’s most important in your email, and make those things bigger.

Use a Single Column

Emails formatted in a single column will look good on both desktop and mobile. Plus, they leave no question as to what to read first. A width of 600-640 px works best with most email clients.

Funnel to Your Call to Action

With your most important content big and at the top, your email might look a little top heavy. This design is actually working in your favor, pointing right to your call to action.

This ‘funnel’ effect can come from an actual triangle shape, or just a feeling created by heavier elements at the top.

Inverted triangle points to call to actionStrike the Right Balance Between Image and Text

Most marketing emails will contain some combination of text and images. The right balance between the two will depend on what you want to say.

An email highlighting a new product design will want to show it off – cue some dazzling photos. An email teasing a blog post may require more text and use images in a supporting role.

Image-heavy and text-heavy email design, side-by-sideUse Images Strategically

Humans are naturally drawn to images, and stunning photography and artwork will make customers want to read your email. Graphics and photos are a window to your brand – they convey personality and mood instantly, before the reader even gets to your copy.

Choose the Right Images

Compliment Your Message

Is your email celebratory? Elegant? Calm? Images and copy should work together and tell the same story. And – you guessed it – match your brand identity.

Balance Cohesion and Variety

All the images in your email should look like they belong together. A jumbled mishmash of styles looks cluttered and can undercut your brand. That said, your images also shouldn’t look exactly the same. Mix things up with different angles, compositions and both narrow and wide crops.

Emails with on-brand photographyUse Images with People. Or Don’t.

Images with people in them give your brand a human face. They can help connect with customers, especially if the person in the photo is looking directly into the camera.

However, photos of people don’t work for all brands all the time. Sometimes you want customers to imagine themselves in the photo instead.

In the examples below, two brands take different approaches. Molekule gives customers someone to identify with, while Hay transports them into an empty room they can pretend is their own.

Email designs with and without peopleDirect Attention Towards Your Content

Whatever photos you choose, make sure any directional movement – a person’s line of sight, a moving train – is pointing towards your content, not out of the frame. In the example below, the eye doesn’t know what to do. Do you follow the woman’s gaze or read the copy?

Bad email design with photo of woman looking out of frameFlipping the photo around resolves the conflict. Her line of sight ushers you straight to the subheading.
Good email design with photo of woman looking towards copy

Alternatives to Photos

Photographs are a classic choice for email imagery, but you have other options too. Icons are a simple solution to anchor short snippets of copy, and custom illustrations in your brand’s color scheme can contribute to a more cohesive look.

Branded illustration next to animated GIFGIFs are an option as well. There’s arguably nothing more attention grabbing than a flashing image. Used judiciously, they add fun and whimsy to your email design. Just be sure you watch your file size. Under 1 MB should get you where you need to be.

Design Effective Calls to Action

Make CTAs Stand Out

Your call to action is the last thing you want to get lost in a cluttered email design. Design choices should make it clear where customers should click.

Button Shape – Whether round corners or square, we’re all used to looking for certain button shapes in emails. Stick with a classic shape to avoid confusion.

Button Size – Small screens require big buttons. To make things easy for mobile users, make your buttons finger-sized: at least 45 px tall.

Button Color – A bright, contrasting color makes your CTA easy to find.

White Space – A little empty space around your buttons makes them pop even more. Just don’t overdo it. Place buttons far enough from text that they stand out, but close enough that it’s clear what copy they belong to.

Email designs with bright CTA colorsExplain the Benefits First

The CTA button is an exception to the important-things-first rule. State your case before pushing customers to commit.

An ideal call to action is short, descriptive and explains how the action benefits the customer. This example from Chipotle checks all three boxes:

Get my guac marketing email Sadly, many things in life are more complicated than free guacamole. If you can’t sum it up in two to three words, use descriptive text around the button to provide additional context.

Make It Personal

Voice, identity, persona – there’s a reason we talk about brands as if they were people. Every interaction helps build a personal relationship with customers.

You can’t design a custom billboard for every driver on the highway – though, remarkably, some have tried. Fortunately, personalizing emails is an easier (and less creepy) way to connect with your customers as individuals.

Billboard with digital display addressing driver by nameWays to Personalize Emails

Addressing recipients by name is an obvious place to start. You’ve likely got plenty of other data about your customers that can help you personalize emails even more.

Gender – If you’ve ever bought clothes online, you’re probably now getting gendered marketing emails. Showing photos of menswear to men, and womenswear to women, is a classic way to personalize.

Purchase History – It’s no use trying to sell someone something they’ve already bought. However, not every email is designed to convert directly to a sale. In informational emails, seeing a product they already own can remind customers of their connection to your brand.

Age – You want your customer to identify with your photographs. If your customer base includes people of multiple ages, consider using different graphics for different age groups.

Highly Personalized Emails

Emails designed around personalized data insights are especially engaging. A classic example is the end-of-year wrap-up. These emails evoke positive memories and remind customers of their journey with your product.

Spotify end-of-year email and Strava monthly statsA/B Test Design Elements

You’re probably already A/B testing email subject lines, but don’t forget to A/B test design elements too.

Pit two email formats against each other. See if one photo outperforms another. Compare click-through rates with different button colors.

Not only will you improve the performance of individual campaigns, you’ll collect valuable data with every email. Over time, these data points add up to tell you what works best for specific audiences.

A/B testing images in email designIt’s Okay to Bend the Rules

This overview covers design principles that work in most circumstances. That doesn’t mean you should never push the envelope. Some of the best email campaigns are memorable and effective because they stand out. With a little imagination, you can stretch and adapt almost any design principle.

Email advertising world's thinnest tabletNormally you wouldn’t want to break up your headline text. However, this email graphic from ReMarkable makes its point because it does. Plus, the line of the tablet draws the eye down, just as the design element ‘funnel’ would.

Designing emails that compliment your overall brand strategy is more important than following any specific design rule. If you don’t have a comprehensive brand strategy already, our branding guide can help. If you do, you’re ready to get those creative juices flowing and design some killer emails.

Kate Lindemann

Kate Lindemann | Canto

A marketing and digital communications specialist, Kate helps brands connect with customers – from crafting the perfect message to finding the right way to deliver it.