MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTER #WOWWEBINAR - - PowerPoint PPT Presentation

modular email design build better emails faster
SMART_READER_LITE
LIVE PREVIEW

MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTER #WOWWEBINAR - - PowerPoint PPT Presentation

MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTER #WOWWEBINAR Private and Confidential. Property of Whereoware, LLC. 1 OUR SPEAKERS GEOFF SCHEMEL CHRIS GROUGE World Wide Watson Marketing Architect Lead Technical Marketer IBM Whereoware 2


slide-1
SLIDE 1

1

MODULAR EMAIL DESIGN: BUILD BETTER EMAILS FASTER

Private and Confidential. Property of Whereoware, LLC.

#WOWWEBINAR

slide-2
SLIDE 2

2

OUR SPEAKERS

Lead Technical Marketer Whereoware CHRIS GROUGE World Wide Watson Marketing Architect IBM GEOFF SCHEMEL

slide-3
SLIDE 3

3

ABOUT US

  • 18 years of experience
  • Email campaigns
  • Personalized websites
  • Cloud based solutions
  • Mobile applications
  • Data integration
  • Analytics
  • SEO/PPC
slide-4
SLIDE 4

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.

slide-5
SLIDE 5

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.

slide-6
SLIDE 6

6

LET’S TALK ABOUT EMAIL

slide-7
SLIDE 7

72% OF COMPANIES PLAN ON SPENDING MORE TIME ON EMAIL PRODUCTION

Email on Acid

slide-8
SLIDE 8

55% OF COMPANIES HAVE 6 OR MORE EMAILS IN PRODUCTION AT THE SAME TIME

Litmus

slide-9
SLIDE 9

9

HALF OF THE EMAILS ARE OPENED ON MOBILE

Litmus, 2018 State of Email Report

slide-10
SLIDE 10

10

EMAIL MARKETING GOALS

COMMON

slide-11
SLIDE 11

11

GOALS

Reduce design time!

Email Designers Email Marketers

Reduce build and execution time! Manage the email creation process and deploy emails Lay out emails with appropriate images and copy

slide-12
SLIDE 12

12

GOALS IMPROVED KPIS

slide-13
SLIDE 13

13

GOALS: HIGH EMAIL QUALITY ACROSS ALL DEVICES

slide-14
SLIDE 14

14

MODULAR EMAIL DESIGN

Getting Started with

slide-15
SLIDE 15

15

HOW MODULAR EMAIL DESIGN WORKS

Module Building Blocks Stackable Reusable Customizable

slide-16
SLIDE 16

GETTING STARTED:

Identify cross-team needs Identify must-have elements Code modules Design flexible layouts Test, test, test

slide-17
SLIDE 17

17

DESIGNING MODULES

slide-18
SLIDE 18

18

START WITH DATA

Where are recipients clicking? What's working?

slide-19
SLIDE 19

19

IDENTIFY LAYOUT VARIETY + BRAND–SPECIFIC NEEDS

Two Column (Text/Image) Full Width Hero Image Full Width Text Block S Curve

slide-20
SLIDE 20

20

MODULE IDEAS

slide-21
SLIDE 21

21

CODE AND TEST MODULES

slide-22
SLIDE 22

22

DEVELOPING MODULAR TEMPLATES

slide-23
SLIDE 23

23

WIREFRAME TEMPLATES

Standard Header Build Wireframes

  • Standard Headers and Footers to

reuse across sends.

  • Sketch out where modules fit

within each template.

slide-24
SLIDE 24

24

BUILD TEMPLATES

Hero Image Headline 2 Column Image Text

slide-25
SLIDE 25

25

APPLY BRANDING – FONTS, COLORS, LOGO

Branding

slide-26
SLIDE 26

26

MODULAR DESIGN IN ACTION

slide-27
SLIDE 27

27

FERGUSON’S CHALLENGE

Responsive emails took 50%-100% more time to build High, multi-brand email volume Many emails were unresponsive

slide-28
SLIDE 28

28

ENTER: MODULAR EMAIL DESIGN

slide-29
SLIDE 29

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

slide-30
SLIDE 30

TESTIMONIAL

Using 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

slide-31
SLIDE 31

31

TOOLS TO HELP

slide-32
SLIDE 32

32

INTRODUCING CODE PERFECT

Easily swap modules in and out Click each module to add your template

slide-33
SLIDE 33

33

COPY HTML CODE

Quickly bring your HTML into your ESP

slide-34
SLIDE 34

34

PASTE HTML CODE INTO WATSON OR YOUR FAVORITE ESP

slide-35
SLIDE 35

35

UPDATE MODULES WITH TEXT, IMAGES AND LINKS

slide-36
SLIDE 36

36

CHECK MODULES ARE RESPONSIVE WITH WATSON PREVIEWS

slide-37
SLIDE 37

37

CHECK PREVIEWS ACROSS DEVICES

slide-38
SLIDE 38

38

MEASURE EMAIL EFFECTIVENESS

With Watson, you have a ‘cognitive’ analyst sending you real-time alerts. Campaign Automation Marketing Assistant

slide-39
SLIDE 39

39

MEASURE AUDIENCE ENGAGEMENT

With Watson, create target audiences in minutes. Marketing Insights Audience Insights

slide-40
SLIDE 40

TRAINING

slide-41
SLIDE 41

41

TEAM TRAINING: EMAIL MARKETERS

Outline implications to current email process

Hands-on modular email build example

.hide { display: none !important;} .logo {padding-bottom: 30px !important; padding-top: 30px !important;}. .hero img {width: 100% !important; height: auto !important;}

Concentration on HTML code

slide-42
SLIDE 42

42

TEAM TRAINING: EMAIL DESIGNERS

Emphasize modular layout structure Outline design possibilities and limitations Hands-on modular email design example

slide-43
SLIDE 43

TAKEAWAYS

slide-44
SLIDE 44

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.

slide-45
SLIDE 45

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!

slide-46
SLIDE 46

THANKS FOR WATCHING!

14399 Penrose Pl #450, Chantilly, VA 20151 (877) 521-7448 info@whereoware.com

Contact us:

facebook.com/whereoware @whereoware

Follow us on: