Responsive Design: Quick Guide for Email Templates and Websites


Posted by Magento Marketing on Monday, August 26, 2013

Studies show that more than half of emails were opened on a mobile device in the first half of 2013 and eMarketer predicts that eCommerce sales from tablets and mobile devices will reach almost 25% by 2017. However, seven out of ten recipients will delete an email if it doesn’t look good or work well on their tablet or smartphone, and the same goes for websites. Clearly, it’s time to consider responsive design for email marketing and eCommerce websites. The following is a quick guide for making the most important elements of your emails and website responsive.

Email:

image

Content as a Grid – Layouts change depending on screen size, so think about how content can be rearranged into a grid of moveable parts that will make sense in any layout.

Font Size – Make sure text in an image doesn’t scale down so much that it’s impossible to read, and always choose fonts that are clear and easy to read.

Subject Lines and Pre-header Text – Email inboxes on smartphones show sender or company name, subject line and pre-header text. Subject lines, while important, get cut off if they’re too long, so use the pre-header text to really engage and entice the recipient.

Navigation – Website navigation or menu links . . . Read more at: Responsive Design: Quick Guide for Email Templates and Websites.