You are watching: In most languages a module definition has three parts: a header, body, and footer.
Modular design is everywhere. Modular homes have mitigated Amsterdam’s housing crisis. BMW and Volkswagen’s modular car parts have actually saved the 2 German auto companies millions of dollars. More and more marketers today are adopting modular email design, particularly when it comes to email marketing.
So what exactly is modular design? that an iterative design system built from smaller parts (modules) that deserve to be independently created and also used throughout multiple designs. Modular style scales, minimizes waste, and helps leveling the complex challenges in our civilization today, i beg your pardon is why more and an ext marketers space adopting modular architecture to streamline your frustrating email development processes today.
We’ll go into more detail in just a minute.
Why producing Emails needs a Modular Approach
Email it is provided the greatest ROI of all marketing channels, averaging $38 for every dollar spent — and also that’s not changing anytime soon. However, the typical procedure to develop even the most an easy marketing email is very inefficient and also doesn’t scale. Allow me know if this process sounds familiar:
Traditionally, every brand-new email requires an e-mail brief that comes with a 1-week turnaround simply to get the an easy design to adjust out. When the production team populates the email design template with content, they happen it on for the first round that testing and also quality assurance (QA).
Every time a change is needed, even as young as resolving a typo or an altering the font size, that email goes ago to the developers and also designers for another round of review. Repeat the procedure a couple of times over, and also you lastly have an email that reaches her intended audience.
According to Litmus, that takes an mean of 3.9 hrs to acquire one email reviewed and approved before launch. This is since creation workflows are complicated with complicated tech remedies baked into them. Here’s what a typical email production workflow because that an enterprise looks like:
The exact same Litmus report says that it takes many big organizations 8-10+ hrs of actual work to produce one email, and one to two weeks come send one email. The bottleneck posed through email development shifts the focus for marketers native producing good content come simply obtaining emails out the door.
What space Modular Emails?
Think of modules together Lego blocks that can be relocated around and positioned however you want, centered roughly your target audience, the species of email you’re creating, and your unique call-to-action. These Lego blocks eventually build an entire Lego collection in the same means modules build an e-mail template.
Staying top top Brand
By breaking templates into modules, you’re may be to collection specific brand guidelines for each.
For most enterprise marketing groups today, dictionary-sized brand indict dictate just how every email have to look and feel. While sticking to this guidelines is nearly impossible, countless brand guidelines don’t even resolve email design at all. Creationteams have to manually enhance up correct brand colors, font sizes, and padding dimensions to the an extremely pixel. Teams quick on time often skip the smaller sized details and also leave it approximately ‘gut feeling,’ which at some point compromises your brand.
Modules take abstract facets of email design and turn them right into material structure blocks (or content blocks) the scale. V modular emails, you deserve to create and lock-in parameters approximately the minute details, such together the hex code and also pixel alignment because that each module, therefore every email relocating forward is aligned v your brand.
While modular architecture may sound daunting, the doesn’t call for a drastic and expensive overhaul. Additional down this post, i’ll cover just how your team deserve to seamlessly adopt modular architecture today.
But first, stop zoom out a bit and also look at what a modular email actually watch like. I broke down this wonderful email design by Vimeo the other day to aid illustrate modular design.
As you can see here, this email is damaged into seven various modules: a header, hero image, 3 body texts, society bar, and a footer.
Each of this modules only demands to be developed once and can it is in reused in any future email projects (or even within the exact same email). Once they’re tested and approved, anyone can build emails using the modules you’ve just constructed without worrying around breaking the password or building a fully new email from scratch.
Global email regulations like CAN-SPAM (US), CASL (Canada), and also GDPR (EU) require certain language to be in the footer the every email. Failure to comply v these regulations rises the opportunities of your emails gift flagged as spam or may also lead to significant fines. Therefore don’t leave it up to chance!
Email generation platforms favor princetoneclub.org allow administrators come lock-in elements of a module, which renders it impossible for any type of user to edit or delete incredibly sensitive information. Carry out the job-related once, and you won’t have to worry about costly typos and also copy-and-pasting errors ever before again.
Future-Proofing v Modular
Emails, especially newsletters, are iterative in nature, so huge email redesigns and overhauls space both expensive and also unnecessary. Updating the headers, email body, or footers have the right to be done merely by swapping the end a solitary module from her existing library.
The much more modules you build upfront, the an ext varieties the emails you can create while preserving organization and also control in ~ scale.
Let’s speak your event marketing emails watch 90% similar to her product upgrade emails. Rather of going through the long procedure of building two different templates, you can quickly develop one brand-new module and duplicate the rest. Modules stop marketers indigenous reinventing the wheel with every email.
By concentrating on incremental to update on a modular level, you can keep her designs fresh and updated end a longer duration of time. And in the off opportunity that other breaks, solve one module fairly than whole email, which means cheaper and quicker turnarounds for rapid deployment.
How to embrace Modular Design
Step 1: Gather her Wares and file Your use Cases
The an initial step to building a architecture system that scales is to do an audit to completely understand your needs. Even if it is it’s in the type of a truth sheet or a spreadsheet, open up all your email campaigns. Then break them down by comment the adhering to questions:What varieties of emails are you sending? space they transactional, a newsletter, promotion, or a one-time announcement?What carry out my present emails look at like?Which sections of an email are reused across campaigns? How frequently do your email templates gain updated?How deserve to each email be separated into modules? when there might seem to it is in millions of alternatives here, you can start through bucketing her modules right into the complying with categories:HeadersHeroesText BodyImage BodyText & image BodySpacersSocial LinksFooter
Step 2: specify Your architecture Strategy
Modular architecture is about building block of content and also arranging lock in a way that drives the attention to a details call-to-action. Begin strategizing her email style by asking the complying with questions:What part of my emails should be locked-in?What space my brand specifications?What is the preferred goal for this email?How lot of the email is going to be images vs text?What elements do I desire to attract the most attention to?Will the emails be single column, many columns, or a mix that both?How does this look on mobile devices?What part of my emails will be it is provided by personalization and/or dynamic content?Once you’ve decided on exactly how you desire your emails to look, point out the guardrails you want to place around each element. Here’s what mine guardrail specifications look prefer for my header module.
Header height of 50pxHeader broad of 280pxColored logo design with a broad of 80px and height that 40px100px padding come the left and also to the best of the logo5px padding to the top and also bottom the the logoCenter alignedBlack lift color, hex password #000000
Just psychic the more work you placed in upfront, the easier your email creation process will be down the line.
Step 3: develop Your Modules
If she not utilizing princetoneclub.org yet, construct out her modules in an image editor such as Photoshop or Gimp to start prior to sending it end to your company or email editor. Remember come use continual nomenclature and keep her folder hierarchies organized. Future you will give thanks to you!
Step 4: Test and also Iterate
Instead of updating draft on a whim, permit the data guide you. Assign a Google analysis or Adobe analytics tag to every individual module to track just how the each connect performs. Be certain to A/B test every design, and also see i beg your pardon modules perform best over time. Email generation platforms favor princetoneclub.org can display you i beg your pardon modules are being provided the most and also the least, which provides you insight into i m sorry modules you deserve to deprecate or replicate over time.
See more: How Many Inches Is 12 Ft - Convert 12 Feet To Inches
Feeling the Modular Groove?
Ready to sign up with thousands that marketers through adopting modular design for your emails? Schedule a call with us to see if princetoneclub.org would certainly be a good fit for your brand.