Email design best practices: top 13 tips for your 2024 campaigns

Profile photo of author Peyton Fox
Peyton Fox
14 min read
Ecommerce
July 23, 2024

Once you’ve nailed product-market fit, it’s time to focus on how to communicate your product to the rest of the world.

Once you’ve nailed product-market fit, it’s time to focus on how to communicate your product to your subscribers.

Thoughtful, strategic email design can help you:

  • Reinforce brand identity and affinity
  • Stay top of mind in your subscribers’ headspace
  • Drive traffic to your product pages—and generate revenue
  • Increase open and click rates, which, in turn, can improve your sender reputation and deliverability score

Lisa Livingston, principal customer success manager at Klaviyo, says email design can be overlooked as part of an effective omnichannel strategy. But that doesn’t make it any less important.

“Well-designed emails will enhance every other part of your strategy,” Livingston says. “Making sure all of your channels’ designs align will make your brand more recognizable and make all your assets perform better.”

Most well-designed emails take into account:

  • CTA strategy
  • Mobile-first and accessibility considerations
  • Balancing design and text

In my 9 years as an email strategist and designer at Spark Bridge Digital, I’ve helped 100+ brands stand out in the inbox with strategic email design. Here are 13 tips to make sure your marketing emails are easy on the eyes—and cohesive with your brand’s look and feel.

1. Prepare with a master template

Livingston suggests brands keep a master email template. That way, “each of your emails will have the same font and size for the header, subheader, and text,” she says.

You can even maintain several master templates at once—one for each type of email you send.

While you’re in these early planning stages—before you’ve begun the design process—it’s a good idea to focus on your subject lines and preview text.

“Use your voice and tone in the subject line and preview text,” says Morten Bustrup, senior creative director at Elva. “Don’t be afraid to be playful with your copy—you can create a little brand moment.”

Don’t be afraid to be playful with your copy in preview text—create a brand moment.
Morten Bustrup, senior creative director
Elva

2. Design for accessibility

Email design best practices dictate that you want to meet your subscribers where they are, not halfway.

Follow accessibility best practices:

  • Write succinct subject lines and preview text
  • Add alt text to all of your images
  • Leave important information out of images
  • Use contrasting colors
  • Use large headers to separate ideas
  • Use descriptive language in links

Check out this marketing email from JOGGY that follows accessibility best practices: the colors are contrasted and the important information is laid out in a chart—not overlaid on an image.

Image shows a marketing email from Joggy that follows accessibility best practices: the colors are contrasted and the important information is laid out in a chart—not overlaid on an image.

Image source: Joggy

3. Keep your header components simple

Your email header is important real estate, but you want to make sure it doesn’t distract from the main message. Keep it simple and streamlined, with your logo and some eyebrow copy—but only add the eyebrow if it enhances your headline.

4. Be strategic with your CTAs

You only have to look at your own inbox to know how much competition your marketing emails have. So, if you want to drive subscribers to product pages, your calls-to-action (CTAs) should adhere to some email design best practices:

Keep your CTAs simple

To make sure your emails are easy to scan, consider these strategies for reducing cognitive load:

  • Don’t include too many offers or CTAs.
  • Keep the offers relevant and aligned—to the season, your subject line, and headlines.
  • Consider color choice for CTA hierarchy—if you have 2 CTAs close to each other, make sure you distinguish them using color.
  • Use clean email design with lots of line breaks in copy and just a few impactful images. This will make your CTA stand out.

Make sure there’s a CTA above the fold

Remember, the moment your email hits the inbox, you only have milliseconds to get your subscriber’s attention. Make sure your subscribers don’t need to scroll down to take action. Beautiful images and product information are important, but so is the vehicle for the action you want them to take.

Consider a low-commitment CTA

Nathan Doverspike, customer success manager at Klaviyo, draws a distinction between high-commitment CTAs—like “buy now” and “shop now”—and low-commitment CTAs, like “learn more.”

“There are ways to include CTAs so the reader doesn’t feel pressured. Shoppers can simply be there to learn, to experience, or to see more,” Doverspike explains.

“Some people experience a mental block with a CTA that pushes them to buy,” he adds. “A low-commitment CTA helps them get through that block.”

Some people experience a mental block with a CTA that pushes them to buy. A low-committment CTA helps them get through that block.
Nathan Doverspike, customer success manager
Klaviyo

Sustainable fragrance brand Apotheke sends this email with a low-commitment CTA above the fold.

Image shows a marketing email from APOTHEKE with a low-commitment CTA “Take the quiz” above the fold.

Image source: APOTHEKE

Use live text and buttons instead of text on images

Doverspike also advocates for CTAs as live text and buttons—any text that isn’t image-based—because they’re easier to A/B test and change aspects of a particular campaign.

That way, you don’t have to go back to your design team and get an entirely new image or a whole new text block just to make a small change.

Klaviyo’s template editor makes this easy with drag-and-drop editing.

5. Use a mobile-first email design

Without question, people are opening emails on mobile devices. That means an email design best practice is to adopt mobile-first email design principles and ensure emails are responsive—meaning they adjust depending on the size and orientation of the screen someone is using to view them.

Mobile-first email design looks like:

  • Subject line and preview text that fits the mobile inbox
  • Properly sized, mobile-optimized images that maintain their impact and integrity when someone is viewing them on a smaller screen
  • A one-column layout

Check out OSEA Malibu’s email below for an excellent example of what “perfectly optimized for mobile” looks like in action.

Image shows a marketing email from OSEA that is optimized well for mobile. The entire email is visible without scrolling.

Image source: OSEA Malibu

6. Be mindful of the balance between visuals and text

It may be tempting to go heavy on the images because you want your products front and center. But image-heavy emails can also be slow to load, especially if the user is out and about and the coverage isn’t perfect.

That’s just one reason why it’s important to have a healthy balance of images and copy as a principle of email design best practices. The visuals communicate your vibe, but the copy delivers the message. It’s important to have a good balance between the two.

Jeni’s Splendid Ice Creams does a great job of finding that balance with their spring collection email. New products are the first thing the user sees upon opening the email, but any questions they might have are answered clearly in the copy.

Image shows a marketing email from Jeni’s Splendid Ice Creams that has a good balance of text and images. Up top is an image of 6 pints of ice cream, and below is a headline in all caps that reads, “SPRING INTO SOMETHING SWEET” with 5 lines of body copy and a CTA that reads “Shop now”.

Image source: Jeni’s Splendid Ice Creams

7. Consider including GIFs—or some type of movement

The inbox is getting more and more competitive by the day. Any type of movement can help hold attention just a little bit longer.

FOCL’s sitewide sale email features movement to highlight a discount. It’s not overwhelming, but it catches the subscriber’s eye, for sure.

Image shows a marketing email from FOCL in which the main image—text that reads “30% off” 3 times in a row—flashes.

IMAGE: FOCL

8. Use design to further personalize

Personalization, based on email segmentation, proves time and time again to outperform email blasts.

“Personalization is your way of voicing who you are to your customer,” Doverspike says. “If you can provide overwhelmed customers with a unique experience, they’re more likely to look forward to those emails and even action on them.”

“Personalization is one of the best ways to get in front of your highest drivers, your brand enthusiasts, and your high rollers,” he adds. “Make sure you’re giving them a positive experience to continue that relationship with you.”

Segment your subscribers and customers based on:

  • Products they’ve purchased
  • Where they are in your funnel (such as brand new, only browsing, have purchased several times before)
  • Geography
  • Niche, zero-party information they’ve shared in surveys, quizzes, and on-site forms

Those are only a few segmentation examples to help you align with email design best practices. But in each of these instances, because you’re creating a customized message for that specific segment, the content is already highly personalized in a 1:many way.

Then, to make the email experience feel 1:1, you can incorporate even more customized touches, including:

  • Customers’ first names
  • Product recommendations based on products customers previously browsed
  • Communication at a time the customer is most active and receptive—likely depending on their time zone
  • Special milestones, such as a customer’s birthday, their anniversary of their first purchase with your brand, and major holidays in their region
  • A banner at the top personalized to their rewards status

Klaviyo’s show/hide feature sets you up to collect preferences from subscribers and then use that data to personalize your messages further. You can also show or hide certain images or promotions based on event data. FOCL uses the feature to personalize the banner at the top to the subscriber’s reward status.

Image shows 2 separate marketing emails from FOCL that have all the same content, except for the banner at the top, which is personalized to the subscriber’s rewards status.

Image source: FOCL

9. Use design to focus on pain points

Solving your customers’ problems should be the driving force behind your email design principles. While brand personality is also important, solutions-based design is more likely to resonate.

Premium CBD and plant-based wellness solutions brand FOCL puts their customers’ problems front and center—literally—in this marketing email. The headline, image, copy, and footer all highlight how well they can solve their subscribers’ problems. And they don’t ask readers to take their word for it—they include stats to back up their claim.

Image shows a marketing email from FOCL that forefronts their subscribers’ problems. The H1 reads, “Better sleep. Backed by data.” The hero image shows a woman sleeping. The next block includes an impressive statistic—87% of participants reported that FOCL Deep Sleep is the best sleep aid they’ve ever used.

Image source: FOCL

10. Design for dark and light modes

Similar to designing for accessibility, you’ll want to design for dark mode. A lot of people keep their smartphones in dark mode even in the daytime, and this can create both a challenge and an opportunity for marketing emails.

Klaviyo even allows you to select a specific person from your email list to view the email the way they would see it.

Bustrup stresses ensuring a seamless user experience no matter what mode the recipient’s phone is in.

Beauty brand Wildling optimizes their marketing emails for both light and dark mode, as seen in the comparison below.

Image shows the same Wildling marketing email twice—on the left it’s in light mode, on the right, it’s in dark mode.

Image source: Wildling Beauty

11. Include an unsubscribe link

Unsubscribe links have not only been required by Gmail and Yahoo since February 2024, but they’ve also been essential for compliance with several regulators for years.

But regardless of compliance, it’s in your best interest to give folks an easy way to get off your list if they don’t want to be there. Unsubscribes will save you time in cleaning your list later on. Plus, if an email doesn’t have the option to unsubscribe, the recipient might mark it as spam—which could have dire consequences for your email deliverability.

An unsubscribe button is actually a great place to let your brand’s personality shine. Connect with the on-the-fence subscriber by reminding them of why they subscribed in the first place.

Nerdwallet’s unsubscribe option not only has personality, it’s super-simple to opt out of their emails.

Image shows the footer of a NerdWallet marketing email with a well-written unsubscribe section. It reads, “You got this message because you signed up to receive NerdWallet emails. We love having you, but we won’t take it personally if you want to unsubscribe. BTW, you can also update your email preferences anytime in your account settings.”

Image source: NerdWallet

12. Make the most of your footer

The footer is a great place for your unsubscribe and preferences links, business address, and links to your social accounts, but it’s also a great place to showcase your brand’s personality.

Australian toilet paper brand Who Gives a Crap is famously known for its brand personality, and their footer is no exception. With text in bold that reads, “Send us love letters” and a sincere land acknowledgement, subscribers have a better sense of what they can expect when they engage with the brand.

Image shows the footer of a Who Gives a Crap marketing email with social icons, links to the brand’s privacy policy, contact, and unsubscribe pages, and bold lettering saying, “Send us love letters” plus their address. It also includes a sincere land acknowledgement.

Image source: Who Gives a Crap

13. A/B test your emails

A beautiful email isn’t necessarily effective. To find out, you’ll also need to test your designs with real recipients. A slight change to one design element may translate to a significant change in performance.

Consider A/B testing your email design by:

  • Adding or removing a navigation bar
  • Changing fonts
  • Adding or removing product blocks
  • Switching colors
  • Experimenting with different CTAs
  • Mixing up your subject line copy

For definitive results, you’ll want to test only one variable at a time.

After sending out each variation, you can track email performance metrics like open and click rates to determine which design works better. Klaviyo offers conditional splits in email flows to help you A/B test your emails more effectively.

Image shows a Klaviyo product shot for how to implement conditional splits to an A/B test.

Image source: Klaviyo

Meal delivery service Sakara Life conducted this A/B test to determine whether the presence of a product block improved email performance. The email on the left, including the product block, performed better with a higher click rate.

Image shows 2 Sakara marketing emails as part of an A/B test. The one on the left includes a product block, while the other doesn’t.

Image source: Sakara Life

Let Klaviyo be your go-to email design platform

Klaviyo’s customizable email templates have been powering smarter digital relationships for top brands for years. Features like Email AI for block creation, dynamic content for personalizing product images, and customized product feeds can help you make the most of your marketing emails.

Related content:

Power smarter digital relationships.
Try Klaviyo
Peyton Fox
Peyton Fox
Peyton Fox has empowered hundreds of e-commerce brands to elevate their email marketing by crafting comprehensive customer journey experiences and designing emails that shine in the inbox. As the host of the podcast "The Full Inbox" and a content creator on YouTube, Peyton is passionate about helping brands of all sizes uncover opportunities to optimize their email channel. Peyton has been a Klaviyo Community Champion for 3 years.

Related content

Ecommerce
Dec 5, 2024
How to repair your sender reputation

Even though the BFCM season ended, there are still important precautions to take. Learn how to clean up your sender reputation at the beginning of December.

Ecommerce
Dec 3, 2024
The strategies that defined BFCM 2024

Klaviyo customers achieved record-breaking results during BFCM. Learn about these winning multi-channel marketing strategies that defined BFCM in 2024.

Ecommerce
Nov 15, 2024
Facebook for email marketing

Leverage Facebook in order to reach a wider audience and build on your email marketing strategy. Learn how our steps and insights can assist your campaigns.