Your Field Guide to Designing Mobile Friendly Emails


Today, more than half of emails are opened on a mobile device… yet less than half of marketers are designing with mobile in mind. In fact, 75 percent of readers are likely to delete a message for not being mobile friendly. Crazy, right?

Fortunately, we’ve got you covered with these tips and tricks to make your email designs mobile friendly. Like did you know that white space helps to increase the readability of your content? Or that the size, weight and color of your text all help to influence what readers focus on first?

From color palettes to visual hierarchy, here are the elements you should get familiar with:


Get Started

With over 700 Responsive Email Templates, AWeber makes it easy to create beautiful emails for all email clients and devices in minutes. Find out more about our email templates.

Need help designing your emails? The AWeber design team can create a custom template just for you! Whether you want to modify an existing template or develop one from scratch, we’ve got you covered. Click here to request a custom template.


  1. Riya Chaurasia

    2/20/2015 1:01 am

    Hello Olivia,

    This is mind-blowing infographic article.I like you described all points very good way with infographic like as hierarchy, alignment etc.It is really helpful.Thank you so much for this great post.

    Have a good day!


  2. Martin Cheifer

    2/21/2015 10:43 pm

    My clients almost visit my website and read email with mobile device. I just redesign my site to mobile friendly version. After read this post I think I have another thing to do that is making newsletter email easy reading in mobile. Thanks for reminder and guideline.

  3. Zack

    2/26/2015 6:51 am

    This is great Olivia, I have been trying to design an email from scratch but cant get it right when it comes to mobile compatibility. I know this isn’t probably the right place to ask this but I live in africa where most internet enabled phones are low quality compared to the first world. How do i make an email both responsive and good quality and make it compatible to a low quality phone?

  4. Olivia Dello Buono

    11/24/2015 11:27 am

    Hi Zack,

    We recommend using an email testing service like, which allows you to test your email compatibility on a wide range of mobile phones!

  5. rmawebss

    3/1/2015 11:09 am

    Thank you so much for this great post

  6. Jerry

    3/9/2015 5:09 pm

    Hi, where can i find the WYSIWYG editor bij writing an e-mail? You changed the editor and can’t change the text anymore..

  7. Sergio Felix

    3/10/2015 5:43 pm

    Hello Olivia, I have studied with tons of highly seasoned email marketers and all of them recommend using text-only emails to ensure readability and to avoid HTML as possible.

    Would you still recommend using HTML over text based e-mails and why?

    Thanks in advance!

    Sergio Felix

  8. Olivia Dello Buono

    11/24/2015 11:24 am

    Hi Sergio,

    As long as you make sure your content is not in images (in case the user has their images turned off), your subscribers will still be able to read your message. If you use AWeber, your HTML messages that you create with our drag-and-drop editor will have a plain text version of the message automatically generated.