The How-To Guide To Responsive Email Design

Written by Kevin Liew on 06 Oct 2013
18,725 Views • Miscellaneous

We all heard about responsive website design, it has been a trend that last for quite a while now. Due to its flexibility to adapt to different screen dimensions, it has been a really hot demand from clients. And... how about responsive email design?

Personally, I build eDM for my clients, but I have not received anything responsive email job. However, if you used HTML Email Boilerplate, you would notice media query code in it.

Is It the Right Time?

Well, it definitely not in high demand at the moment, however, based on litmus - an email testing and email marketing analytics company, they listed out some stats that could change your mind.

  • 47% of email opens are on mobile devices, yet many emails are only designed for desktop viewing. Text is often difficult to read, details in images are hard to see, and links are impossible to click on mobile.
  • Studies have fund that people look at their phones an average of 150 times a day. These brief interactions mean that you must focus on getting your point across quickly.
  • 80% of people delete an email if it doesn't look good on their mobile device.

The How-to guide to responsive email design

Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.

1 comment
Bob 10 years ago
Here is a website design gallery dedicated to Inspiring SaaS Website Designs -