30. Why are we sending this
email?
Who is this going to?
What is the KPI for success?
Target Customer
Provide her value or
solve a problem!
01
Goal or Purpose
31. 02
Template Needs
How many templates?
What are the details?
Is there a reminder email?
Target Customer
Provide her value or
solve a problem!
32. 03
Creative Direction
& Messaging
What is the look and feel?
How will the messaging and
artwork support your goals?
Target Customer
Provide her value or
solve a problem!
33. 04
Execution:
Who | What | When
WHO is doing WHAT and
by WHEN?
Communication is key!
Target Customer
Provide her value or
solve a problem!
43. Process Example: Handoffs
04
HTML DEV
03
REVIEW
02
CREATIVE
01
IDEATION
Coder develops HTML template, tests (in Litmus, of course),
sends out for proofing and feedback.
44. Process Example: Handoffs
04
HTML DEV
03
REVIEW
02
CREATIVE
05
SCHEDULE
01
IDEATION
Now finalized, time to set up the campaign and go live!
46. SL: Doesn’t A Dozen Sound Delightful?
Copy: Don’t whisk missing this deal!
For two days only, use code XXXX to
take 12% off your $55+ order. Eggs-
ercise your right to save & get this deal
before it’s over (easy)!
Finished Campaign
50. ➔ Nothing can be “set it and forget it”
➔ Perform a post-mortem at least monthly
➔ No shame in finding out something isn’t
working as intended - it’s opportunity!
➔ Always provide value and solve problems for
your customers
Evaluation
95. JESSE BLANNER | SR. DESIGN MANAGER, MEREDITH CORP. @D_ZYNREMAIL
HOW MODULAR DESIGN
CAN IMPROVE YOUR
EMAIL WORKFLOW
96. HOW MODULAR DESIGN CAN IMPROVE YOUR EMAIL WORKFLOW
February 2018 - Meredith acquires Time, Inc. After a few months
of corporate restructuring, the Digital team launches an updated
email roadmap, which includes onboarding 12+ new brands and
making updates to 60+ email templates, all before the end of
the 2018 calendar year. Many of these updates involve rebuilding
existing layouts so there is a measure of unity within the under-
lying frameworks (for ease of use in cross-brand testing).
CASE STUDY
97. HOW MODULAR DESIGN CAN IMPROVE YOUR EMAIL WORKFLOW
CHALLENGES WE FACED
Limited Resources
Aggressive Timeline
Disjointed Code Structure
Template Volume
Organizational Turnover
CASE STUDY
98. HOW MODULAR DESIGN CAN IMPROVE YOUR EMAIL WORKFLOW
Modular email design
to the rescue!
Wait, what is that?!?
It’s a system of interchangeable components
(aka modules) and reusable patterns that can be
combined to create email layouts.
OVERVIEW
99. HOW MODULAR DESIGN CAN IMPROVE YOUR EMAIL WORKFLOW STEPS
STEPS TO CREATE A MODULAR EMAIL SYSTEM
Discovery Phase
Select a Grid Structure
Component/Pattern Library
Develop Framework + Module Code
Create Snippets + Partials
100. HOW MODULAR DESIGN CAN IMPROVE YOUR EMAIL WORKFLOW WORKFLOW EFFICIENCIES
Improves Collaboration
Modular design increases the ability for collaboration between
designers and email marketers. There’s often a disconnect
between these two worlds; the modular design system can
act as a common ground and help the two sides communicate
more directly and clearly with one another.
101. HOW MODULAR DESIGN CAN IMPROVE YOUR EMAIL WORKFLOW WORKFLOW EFFICIENCIES
Provides Clarity
Standardizing the code framework and designing from a base
grid means having a finite set of circumstances to work within.
Designers and developers don’t need to spend time working out
the details of an underlying framework, they can move right to
creating a layout to suit the needs of the content.
102. HOW MODULAR DESIGN CAN IMPROVE YOUR EMAIL WORKFLOW WORKFLOW EFFICIENCIES
Saves Time
A system guide can help bypass the need for wireframes during
the design process. System components (snippets and partials)
are pre-built, tested, and ready to use interchangeably. And since
everything is built on the same HTML framework, the potential for
error is minimized and confined to a fixed number of variables.
103. HOW MODULAR DESIGN CAN IMPROVE YOUR EMAIL WORKFLOW GET BUY-IN
KEY SELLING POINTS
Simplfies
Efficient
Cost Effective
Scalable
104. HOW MODULAR DESIGN CAN IMPROVE YOUR EMAIL WORKFLOW
@D_ZYNREMAIL
Jesse Blanner | Sr. Design Manager, Meredith Corporation
jesse.blanner@meredith.com
THANK YOU!
105. DISCUSSION
How do you handle pushback from stakeholders in the
design/development process?
118. Agenda /
Key
Learnings
Don’t Assume
• Don’t make
assumptions in
your process
• Checks and
balances are
key
TakeTime
• Develop
process
iteratively
• Start simple
and evolve
over time
Manage Closely
• Prepare for
change and
manage it
accordingly
• Change is
often resisted
• Change will
fail if not
managed
properly
130. Good Process Requires:
1. People willing to accept process changes and adapt
quickly when needed
2. A constant drive to want to get better
3. A management team willing to support and enforce
it
131. In 1967, Thomas Holmes and Richard Rahe
developed a social readjustment rating scale that was
designed to roughly approximate a person’s likelihood
of future illness based on his or her stress level. The
scale is a list of common stressful events, both
positive and negative, all of which are assigned a
numerical value of “life-changing units.”