modular email design: build better emails...
TRANSCRIPT
![Page 1: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/1.jpg)
1
MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTER
Private and Confidential. Property of Whereoware, LLC.
#WOWWEBINAR
![Page 2: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/2.jpg)
2
OUR SPEAKERS
Lead Technical MarketerWhereoware
CHRIS GROUGE
World Wide Watson Marketing ArchitectIBM
GEOFF SCHEMEL
![Page 3: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/3.jpg)
3
ABOUT US
• 18 years of experience
• Email campaigns
• Personalized websites
• Cloud based solutions
• Mobile applications
• Data integration
• Analytics
• SEO/PPC
![Page 4: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/4.jpg)
4
ABOUT IBM
IBM (International Business Machines Corporation) is
an American multinational technology company
headquartered in Armonk, New York, United States,
with operations in over 170 countries. The company
began in 1911 as the Computing-Tabulating-Recording
Company (CTR) and was renamed "International
Business Machines" in 1924.
![Page 5: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/5.jpg)
5
ABOUT IBM WATSON MARKETING
Personalized Marketing puts the power of data in the hands of the marketer, allowing you to orchestrate unified
campaigns, online and offline, and deliver on your brand promise at every touchpoint.
![Page 6: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/6.jpg)
6
LET’S TALK ABOUT EMAIL
![Page 7: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/7.jpg)
72%OF COMPANIES
PLAN ON SPENDING MORE TIME ON EMAIL PRODUCTION
Email on Acid
![Page 8: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/8.jpg)
55% OF COMPANIES HAVE 6 OR MORE EMAILS IN PRODUCTION AT THE
SAME TIMELitmus
![Page 9: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/9.jpg)
9
HALF OF THE EMAILS ARE OPENED ON MOBILE
Litmus, 2018 State of Email Report
![Page 10: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/10.jpg)
10
EMAIL MARKETING GOALSCOMMON
![Page 11: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/11.jpg)
11
GOALS
Reduce design time!
Email DesignersEmail Marketers
Reduce build and execution time!
Manage the email
creation process
and deploy emails
Lay out emails
with appropriate
images and copy
![Page 12: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/12.jpg)
12
GOALS IMPROVED KPIS
![Page 13: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/13.jpg)
13
GOALS: HIGH EMAIL QUALITY ACROSS ALL DEVICES
![Page 14: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/14.jpg)
14
MODULAR EMAIL DESIGNGetting Started with
![Page 15: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/15.jpg)
15
HOW MODULAR EMAIL DESIGN WORKS
Module Building Blocks
Stackable
Reusable
Customizable
![Page 16: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/16.jpg)
GETTING STARTED:
Identify cross-team needs
Identify must-have elements
Code modules
Design flexible layouts
Test, test, test
![Page 17: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/17.jpg)
17
DESIGNING MODULES
![Page 18: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/18.jpg)
18
START WITH DATA
Where arerecipients clicking?
What's working?
![Page 19: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/19.jpg)
19
IDENTIFY LAYOUT VARIETY + BRAND–SPECIFIC NEEDS Two Column (Text/Image)Full Width Hero Image Full Width Text Block S Curve
![Page 20: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/20.jpg)
20
MODULE IDEAS
![Page 21: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/21.jpg)
21
CODE AND TEST MODULES
![Page 22: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/22.jpg)
22
DEVELOPING MODULAR TEMPLATES
![Page 23: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/23.jpg)
23
WIREFRAME TEMPLATESStandard Header
Build Wireframes
• Standard Headers and Footers to
reuse across sends.
• Sketch out where modules fit
within each template.
![Page 24: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/24.jpg)
24
BUILD TEMPLATES
Hero Image
Headline
2 Column Image Text
![Page 25: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/25.jpg)
25
APPLY BRANDING – FONTS, COLORS, LOGOBranding
![Page 26: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/26.jpg)
26
MODULAR DESIGNIN ACTION
![Page 27: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/27.jpg)
27
FERGUSON’S CHALLENGE
Responsive emails took50%-100% more time to build
High, multi-brand email volume
Many emails were unresponsive
![Page 28: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/28.jpg)
28
ENTER: MODULAR EMAIL DESIGN
![Page 29: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/29.jpg)
RESULTS
Clickthrough rate increased 50%
Build time decreased by 1.5 to 2 hours per email
100+ emails sent per month using the new modules
![Page 30: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/30.jpg)
TESTIMONIALUsing the modular template
has cut design time for me by half!
T I F F B E L L , G R A P H I C A R T I S T
![Page 31: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/31.jpg)
31
TOOLS TO HELP
![Page 32: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/32.jpg)
32
INTRODUCING CODE PERFECT
Easily swap modules in
and out
Click each module to add your template
![Page 33: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/33.jpg)
33
COPY HTML CODE
Quickly bring your HTML into
your ESP
![Page 34: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/34.jpg)
34
PASTE HTML CODE INTO WATSON OR YOUR FAVORITE ESP
![Page 35: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/35.jpg)
35
UPDATE MODULES WITH TEXT, IMAGES AND LINKS
![Page 36: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/36.jpg)
36
CHECK MODULES ARE RESPONSIVE WITH WATSON PREVIEWS
![Page 37: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/37.jpg)
37
CHECK PREVIEWS ACROSS DEVICES
![Page 38: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/38.jpg)
38
MEASURE EMAIL EFFECTIVENESS
With Watson, you have a ‘cognitive’ analyst sending you real-time alerts.
Campaign Automation Marketing Assistant
![Page 39: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/39.jpg)
39
MEASURE AUDIENCE ENGAGEMENT
With Watson, create target audiences in minutes.
Marketing Insights Audience Insights
![Page 40: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/40.jpg)
TRAINING
![Page 41: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/41.jpg)
41
TEAM TRAINING: EMAIL MARKETERS
Outline implications to current email process
Hands-on modularemail build example
.hide { display: none !important;}
.logo {padding-bottom: 30px !important;
padding-top: 30px !important;}.
.hero img {width: 100% !important;
height: auto !important;}
Concentration onHTML code
![Page 42: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/42.jpg)
42
TEAM TRAINING: EMAIL DESIGNERS
Emphasize modularlayout structure
Outline design possibilities and limitations
Hands-on modularemail design example
![Page 43: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/43.jpg)
TAKEAWAYS
![Page 44: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/44.jpg)
KEY TAKEAWAYS:
Modular Design cuts your email production time, but takes planning.
Collaborate to identify all email needs.
Create flexible modules and templates.
Test.
Provide comprehensive training.
![Page 45: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/45.jpg)
45
QUESTIONS AND SPECIAL OFFERS
Free demo on Code Perfect and 50% discount on account setup.
Next month’s webinar will tackle Website Quick Fixes – Wed. June 20 11 AM -12 PM EST. Stay tuned for more info!
![Page 46: MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTERcontentz.mkt51.net/lp/10613/684753/2018-May-Webinar-Modular-Email-Slides.pdf• Email campaigns • Personalized websites • Cloud](https://reader034.vdocuments.site/reader034/viewer/2022043020/5f3c34f20bc1913bea013412/html5/thumbnails/46.jpg)
THANKS FOR WATCHING!
14399 Penrose Pl #450, Chantilly, VA 20151
(877) 521-7448
Contact us:
facebook.com/whereoware
@whereoware
Follow us on: