Most of us are not trained designers. We might have great content ideas for our next email, but don’t always know the best way to design it.
Don't worry if you’re not a designer! Finding the right images, picking a color palette and laying out your content properly might seem daunting, but there are a few tricks that will help you succeed.
Email design can be broken into two important components - the layout of the email and the visual composition.
The layout is the structure of the content. Where you place the text versus the images makes a big difference to whether your email will be read or not. Understanding how people see and digest your emails will help you optimize where you place the most important information on the page.
The visual composition of your emails is how the colors and images catch your reader's attention and help communicate your main message. Choosing the right colors and visuals can dramatically enhance engagement.
In this chapter, we'll share some of the best approaches for layout and visual composition to help you design emails that your subscribers will want to read.
How to design an engaging email layout
You have approximately 8 seconds of your readers' attention before they lose interest. While your content must be relevant and add value, your first priority is to make sure they actually read it.
It doesn't matter if your text is Pulitzer-prize worthy prose. If the layout isn't inviting and easy-to-read, no one will take the time to engage.
When thinking about your layout, consider these three design principles:
Keep your email or newsletter within 600 pixels wide. If your emails are too wide, the reader must scroll side-to-side which is really annoying. The reader is likely to skip the content if they can’t immediately see the entire width of the email.
Before someone will invest their valuable time in your content, they'll scan the entire email to see what catches their eye. Leverage this by using descriptive titles and bullet lists to break up your key points into sections. This allows people to know what your email is all about within a few seconds.
There are usually three main sections to an email newsletter: headline, body copy, and CTA. These are the key elements of your content hierarchy. The headline sums up the main message. The body copy delivers the supports points. The call-to-action seals the deal. Make sure these three elements are super easy to find.
Beautiful designs look amazing, but if no one can make sense the content, you won’t achieve your goal. Email content hierarchy is the process of placing the most important messaging where the reader can find it quickly.
Visual hierarchy is not as complicated as it sounds.
Your audience is time-crunched, so create a hierarchy of importance that allows them to get the main points at a glance.
For a text hierarchy, use bold titles, sub-headers, quotes and varying font types like italics to make your important points stand out.
Most people scan emails and websites in an F-shape pattern.
Heatmap studies, where researchers see how people look at a computer screen, show that the brain prioritizes visual in an F-shape. The eyes look first at the top and left for information. They then focus their attention on the left side and the middle.
The bottom and far right are barely noticed by the user at all. Keep your relevant information in the areas that you know most readers will definitely scan, especially your call to action.
While you want your email to be visually appealing, it is still a functional tool. Make sure your content is readable before you make it pretty.
Visuals play an integral role in your email design. Not only do visuals break up the copy to make the email more readable, but the right visuals should help advance the message.
Sound intimidating? Here are some fundamentals that will help you design emails that match your brand and message.
Before you randomly choose colors that appeal to you, consider the power that colors have in communicating an emotion. Color influences your readers' perceptions.
Psychologists found that most people form their opinion about a company solely based on their colors.
Each color communicates a different set of emotions and moods that you can incorporate into your email design.
For example, red elicits passion (think Valentine's Day), yellow communicates warmth and green signifies health and peace. Whatever mood you are trying to convey, stay single-minded and keep it focused on one emotion.
Here is a color chart to help you get started.
Beyond setting the mood of your email, color can be used to help draw the eye to certain content or make things easy to find. One technique is to use highlighted blocks of color to make the content pop. By placing color around your text, your email becomes much easier to read.
Finally, if you are choosing a color, it is a good idea to find a palette that matches. You want to make sure your colors are compatible so you don't distract readers.
The right imagery can take your content to another level of engagement. Unlike text, pictures can communicate an idea or a story within seconds. Your images hold a lot of influence.
The first job of the image is to grab the reader's attention. Select images that complement or even enhance your text. The reader is expecting to learn something specific based on the image. Make sure the messaging delivers on the image.
For example, if you use an image of a pie chart with specific data points, the body copy should explain or tell the story of the data. Sounds obvious, but many make the mistake of adding visuals that don’t relate to the main message.
Make sure you use high-quality images. If your images come out blurry or are poorly cropped, it will hurt your company's reputation.
On the flip side, images that are too large will slow down your loading time, which might annoy your reader.
Here's what we recommend for image sizing:
MailerLite makes editing your images super simple with our built-in photo editor. You can edit your photos and images without separate software. You can format images like a pro with no training required!
Our customers have sent millions of emails, so we have a pretty good idea of what works and what doesn't. We've identified five design hacks that can improve engagement.
Please use these tactics in moderation. Too much of anything loses its appeal and could have a negative effect.
Let's face it, GIFs are fun. For email marketing, GIFs also play a more functional role. Instead of overloading your newsletters with multiple images that slow download times, a GIF can help consolidate images to tell a story.
Video gives you the ability to tell a more dynamic story and engage your audience. The problem with video is that most emails won't accept video files.
If you use MailerLite, there is no need to worry!
Video works great on mobile devices!
Mailerlite enables you to include video in your newsletters, which can really help engagement. Video in email has the potential to increase click-throughs by up to 80%.
If you don't have any eye-catching images to include in your emails, consider using background patterns or images. Interesting backgrounds will help the content pop.
MailerLite’s newsletter builder allows you to choose from a wide selection of patterns or you can upload your own. Keep experimenting and testing until you find a design that really works.
If you are looking for some unique background ideas to your newsletter’s header, here are some free resources: Best free resources for beautiful newsletters
A directional cue is a graphic that points the reader to a specific direction. Whether you want them to see a promotional deal or the call-to-action button, using directional cues is an effective way to emphasize the desired action.
You can use visuals like arrows, lines, pointing fingers, or even an image that leads the eye towards the end goal. Don't overuse directional cues and keep them subtle.
More than half of your audience is opening your email on a mobile device, so it makes sense to always be thinking about other devices. Responsive design is a best practice for every email you create. It ensures your subscribers have a positive email experience on any device.
MailerLite designs are always responsive and allow you to preview your newsletters on both mobile and desktop.
As a last resort, include a “view in browser” link allowing your subscribers to access the email in all its glory on their browser.
You start an email with a clear objective and write the content that will get your point across. The design is often an afterthought. Don't ignore the power of design.
A beautiful design will capture your reader's attention, and a smart layout will ensure your readers can digest all the information quickly.
To make email design even easier, MailerLite offers pre-built templates that you can customize.
Whether you design your email yourself or use one of our design templates, email marketing is still about persuading the reader to take an action. Our next chapter will cover how to create effective CTAs (call-to-action). Want your emails to convert? CLICK HERE NOW!