6 tips for effective responsive email template design

“If an email does not display correctly, 71.2% will delete it immediately.” (1) Combine that with the fact that 45% of 2015 email opens occurred on a mobile device (1) and it becomes clear that responsive email design is critical. By creating a few responsive templates you can efficiently send out marketing messaging that is mobile-friendly and on-brand. Here are six important tips for ensuring responsive design best practices:

  1. Minimise the amount of imagery in the email
    Images are not very mobile-friendly for two reasons. First, they demand a lot of space. With mobile, space is at a premium. Second, they take a long time to load because they have larger file sizes. For mobile users, time is precious. If you only have an average of 400px of width to work with, you want to be sure they’re not entirely filled with a single image.
  2. Condense the content.
    Mobile users are often on-the-go, in between tasks and easily distracted. This means they don’t have time for reading the same amount of text you would include in a non-responsive email. Get to the point quicker if you want to get to the customer at all.
  3. Increase the font size.
    Mobile screens are small and backlit text is more difficult to read. Accommodate this by increasing your text so it is clearly and easily legible on a small screen, typically 14pts or larger.
  4. Shorten your subject line
    According to a study by MailerMailer, shorter subject lines (4 – 15 characters) achieved higher open rates. (2) This is likely partially due to the fact that longer subject lines get cut off on mobile devices. iPhones cut off subject lines at 34 characters, while Android devices continue the subject line below the main preview, but still limit the primary, bold subject line words to the initial one or two. (3)
  5. Only link to responsive websites, landing pages and forms
    Responsive emails alone are not sufficient. You also need to optimise your website and forms for mobile devices. Anything that could be accessed by a mobile device should be mobile-friendly. If you have a responsive email template, any links you include in it should go to a page that is viewable on a mobile device also.
  6. Large CTA buttons with adequate empty space.
    If you want your CTA button to be clicked, you have to make it clickable for mobile users. This means plenty of empty space around the button so the click registers without requiring the reader to zoom in.

Responsive email tips for increased relevance.

Responsive emails are important because they help your messaging remain relevant to an always-on audience. As it becomes normal for people to access information via a variety of devices, accommodating all of them is most efficiently managed with responsive design. Email is not dead, in fact, it is the preferred method of communication for marketing communication. In a study by ExactTarget, 77% of consumers prefer to receive permission-based marketing communications through email. (4) Listen to your customers and use these responsive design tips to make responsive email templates a successful reality for your organisation.

If you would like to know more about responsive design best practices and how to apply them to your email marketing campaigns contact us today.

1. http://www.emailmonday.com/mobile-email-usage-statistics#optimization
2. https://www.mailermailer.com/resources/metrics/2013/subject-lines.rwp
3. https://blog.kissmetrics.com/your-next-email-subject-line/
4. https://www.salesforce.com/blog/2013/07/email-marketing-stats.html

Contact Details

  • phone

    1300 440 444

  • Brand Identity


  • Advertisement

    Level 9
    65 Berry Street
    North Sydney NSW 2060