Responsive email design is still a relatively new means of designing emails to cater for a mobile audience. Here are a few tips if you are thinking about embarking down this route.
Do you need responsive design?
I’m sure we can all agree that designing for mobile is important. Statistics say that 54% of emails are opened on a mobile device (Litmus, 2015), however, does it need to be responsive? If your email template is relatively simple, and a single column, chances are you will not achieve the benefits others will. There is also the factor that of the 54% who open on a mobile device, not all will support responsive design – Gmail and most other webmail devices will not render your responsive code. There could well be other projects you want to put your time into first.
Images for mobile
When your images get resized will your text still be legible? The most common mistake we see is an image with text or call to actions on that is simply resized from its usual 600px width to 350-400px on mobile and you can’t easily see what is says. Instead, think about having 2 images, and hide the one without text on to make the text maintain its legibility.