Build Better Blog

Responsive emails: modularize to mobilize

At least half of email opens now happen on mobile. So there’s no longer an excuse to not enhance your emails for mobile!

Responsive emails: modularize to mobilize

At least half of email opens now happen on mobile. So there's no longer an excuse to not enhance your emails for mobile! And the best way to get started is by breaking your email design and content into pieces and think in blocks. Here are some tips.

Start with the content

As you develop your content strategy and start writing content for individual emails, make your text skim-able by dividing your message into individual ideas with visual breakpoints your readers can jump to. Use these content-skimming ingredients: titles, callouts, lists, images, graphics, buttons, and links.

"Use these content-skimming ingredients: titles, callouts, lists, images, graphics, buttons, and links."

Tweet This

Keeping mobile in mind

When designing for mobile, there are two routes you can take:

"...a modular design, which saves time not having to build a second email, and even more time in future emails with a simplified, repeatable design process."

Tweet This

The modular method

A modular design consists of stacked sections and columns:

Over time you develop a system for your email content production which creates a defined, predictable workflow that is more efficient. A library of patterns previously used further spurs ideas for using graphics and images as you write your content. And perhaps most importantly, it naturally makes your content more digestible for your audience to read and take action on.

"...develop a system for your email content production which creates a defined, predictable workflow that is more efficient."

Tweet This

For more on creating a modular template system for your emails, check out our free in-depth guide. And find out how Blocks Edit makes building your emails for mobile easier. Contact us to help you setup your template.

Photo of Ovi Demetrian Jr By Ovi Demetrian Jr
Founder/Interactive Designer, Blocks Edit

Email templating guide

Learn how to use the modular template approach to building your emails →

Email cost calculator

Find out how much time you spend on campaigns and how to save those hours →