Our Favorite Responsive and Mobile Email Resources

[ 11 By

Since January 2012, mobile email opens have increased a whopping 63% and now make up 44% of all opens. Synonymous with this trend has been a growth in articles about mobile design approaches, and tips on how to make emails that are optimized for viewing in all environments. While we’ve written numerous posts on the topic, there are tons of great articles and resources from other sources, too.

Here’s a roundup of the best mobile email content, both from our blog and around the interwebs.

Tips, tricks, and stats

Infographics

Inspirational mobile emails

  • Behance: Achieving mobile cohesion across email and websites
  • Expedia: Three-step media queries imitate fluid resizing
  • Lasoo: Mobile-optimization for the entire subscriber experience
  • Deckers: Responsive email testing has yielded 10% higher CTR
  • Hyde Park Jewelers: Responsive design, animated GIFs & clever ALT text
  • Twitter: Using responsive design to change layout, content and CTAs
  • Monster: A look at why fluid layouts are a great option for text-heavy emails
  • Hot Rum Cow: Responsive emails and landing pages
  • Vodafone: Uses media queries to only include pertinent information when viewed on the small screen of a mobile device
  • WeddingWire: Personalized, dynamic emails that are responsive
  • OpenTable: Takes the mobile-aware approach to make it easy to interact with on desktops and mobile devices
  • Pinterest: Simple responsive elements make this email legible in all environments
  • Charity:water: Responsive design and a great solution for including video in email
  • Help Scout: Uses mobile-friendly elements to achieve a scalable email
  • Kitbag: Mobile-optimized emails led to a 9% higher open rate

Presentations and Events

Templates and Code Samples

  • Stamplia: Our friends at Stamplia have created 7 Litmus-exclusive responsive templates. They look great in every client—they’re Litmus tested!
  • Antwort: Responsive templates that render well in all major email clients.
  • Responsive email patterns, courtesy of Brian Graves
  • ZURB: Lots of great responsive templates (just keep in mind that they don’t play nice with Outlook 2007+)
  • Mailchimp & Campaign Monitor: These email platforms provide responsive or mobile-friendly templates in their tools. You don’t have to send from them; you can build your email and export the HTML.

Did we miss anything? Let us know if we forgot any of your favorite mobile resources, and we’ll add them to the list!