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

Make your branded emails editable

Blocks Edit is an editor for your custom email campaigns. Build and edit without having to worry about the code.
See how it works and try it out free →