Mobilized-I - Responsive & Modular Email Templates

Mobilized-1

Mobilized-1 is the initial release in a set of responsive, modular, and highly-customizable professional email templates, which work well with the more modern mobile email clients (mostly iOS and Android mobile devices), as well as the older and newer desktop and webmail clients (e.g. Outlook 2003-2013, Gmail, Outlook.com).

They also work well with any email service provider out there (e.g. Constant Contact, Aweber, iContact, etc.) and are in fact bundled with fully-editable templates and modules for those who are subscribed to MailChimp or Campaign Monitor.

What You’ll Get:

  • 7 example layouts in 7 color themes and 2 background-colors (dark and light) — 98 ready-to-use basic layouts

  • 34 modules (also in 7 color themes and 2 background-colors) that you can mix and match to create hundreds of new layouts — a total of 476 basic module files. You can also mix and match these modules with Mobilized-2’s modules, giving you a total of 68 modules to play with.

  • Fully-editable MailChimp and Campaign Monitor versions of the basic layouts and modules — which means you can easily edit them within each email service provider’s template builder (no need to add template or merge tags)!

  • All of the above-mentioned files also come in separate CSS-not-inlined and CSS-inlined versions:
    (1) The CSS-not-inlined files have its desktop/general styles still to be inlined; which means if you want to make page-wide edits first to the files (e.g., change body fonts used, change heading colors, etc.), you can easily do so.
    (2) The CSS-inlined files have its desktop/general styles already inlined; which means you no longer have to inline these styles once you’re done modifying a layout, or creating your own using the modules.

  • The Mobilized templates were designed from the start to work well with ANY email service provider and was tested accordingly, so you can be sure it’ll work fine in your ESP. (Just contact me if you need any help)

  • A detailed help manual (in FAQ format) that will teach you step-by-step how to edit a layout, how to create a layout from scratch using the modules, how to make responsive a different-sized image, etc. and other tasks you can do to fully customize the templates for your own use

  • PSDs of all the headers and footers, to give you the flexibility you need in integrating your own branding; and the buttons and icons used, which you can edit to your liking.

Looks Good in Both Desktop and Mobile

Mobilized is both responsive and scalable, which means it looks great on mobile devices, whether their browsers or apps support media queries or not. With email mobile opens now on top, it’s now unacceptable to have an email message that’s difficult to read on mobile. Just resize your browser when viewing the demo templates to see this in effect.



Create Your Email in Minutes

With its modular structure, Mobilized will help you create your message quickly by giving you the power to copy and paste modules into a layout of your liking. Then, you can just insert your own text and photos, and you’re done!



Here’s a quick overview of all the modules that are available for you in Mobilized-1:


Completely compatible and interchangeable with Mobilized-1 are the Mobilized-2 modules, and here’s a preview of them:

Download the PDF (right-click or command-click, then “Save As..”) for a more detailed look at all the modules for both Mo-1 and Mo-2.

What’s more, if you’re using MailChimp or Campaign Monitor, you’ll be able to fully edit the example layouts and modules within MailChimp or Campaign Monitor itself, which makes editing the dummy content and images all the more easier!

Adaptable For Any Purpose

With more than 30+ modules you can mix and match according to your email’s intent (not to mention, in 7 color themes and 2 backgrounds), you have a lot of choices of content formats that are available to you in helping you craft your perfect email message. What’s more, other editions of Mobilized (like Mobilized-2) come with modules that are compatible with this release, giving you more modules to choose from.


Tested on Various Email Clients

Mobilized was created with mobile responsiveness and scalability on top of mind, but popular older (Outlook 2003-2010) and newer (Outlook 2013, Outlook.com) email clients were never sacrificed. Check out the inbox screenshots to see some proof that Mobilized also looks good across several webmail and desktop email clients.


Fully Editable in MC and CM; Ready for the Other ESPs

Mobilized comes with separate versions of the layouts and modules that are completely editable within MailChimp and Campaign Monitor. It has also been tested in other popular ESPs like Constant Contact, SendGrid, StreamSend, AWeber, iContact, Benchmark Email, and Vertical Response. And if you’re using a different ESP other than these, Mobilized will most likely work in it too.


A Nice Investment for the Future

This edition is just the initial release of the Mobilized email template suite. And Mobilized-2 has just been released, giving you more modules (68 combined modules for both Mobilized-1 and Mobilized-2) and a lot of content format choices for your different email campaign purposes.



UPDATE: An Editable Animated GIF Banner Ad

Mobilized-1 now comes with an Ads module (just like Mobilized-2) that allows you to add a banner ad to your campaign that can draw the attention of your readers, since it’s an animated gif. With minimal Photoshop knowledge, you can edit the text in the banner (including the button’s text), the font of the text, or the background image of the banner (detailed instructions on how to do these are found in the documentation). Check out the animated gif banner ad in layouts 01, 02, and 03.


Feature requests? Please message me

  • Are there any features or functionalities you’d like to see in the Mobilized templates? If there are, just let me know, and I just might include them in Mobilized-1’s next updates or in future releases of the Mobilized email template suite.


Updates

13 June 2013—Added the Ads02 module, to go alongside Mobilized-2’s own Ads module (Ads01). Also included detailed instructions in the help files on how to work with these ads modules.

28 February 2013—Added separate versions of the layouts and modules that are completely editable within MailChimp and Campaign Monitor. Also edited the help files to reflect these changes.

21 February 2013—Optimized the code for all the plain modules and templates (for both the “CSS-inlined” and “CSS-not-inlined” files) to maintain its consistent look in Outlook 2013.

10 January 2013—Included files for all the three main groups (templates, modules, and ESP files) where the desktop CSS is either inlined or not (linked or embedded). This option effectively removes the need to inline the CSS after editing the templates, and brings the total number of HTML files to 1,624.

04 January 2013—Updated all the 98 ready-to-use layouts and corrected all the minor errors in the code. Updated also the help file for clearer instructions on how to edit the layouts.

That’s all, folks!

If you like Mobilized, please rate it and/or leave a nice comment/feedback for me. For any support-related inquiries, please contact me through my profile page. Thank you!
by
by
by
by
by
by