Top Banner
Flexible Frameworks A Springboard to Sophistication Anna Meier, ExactTarget, Senior Design Consultant David Rambo, ExactTarget, Technical Producer
45

Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Oct 31, 2014

Download

Business

A flexible framework is a standardized approach to designing and building email that creates both consistency and flexibility for your designers, developers & subscribers.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Flexible Frameworks A Springboard to Sophistication

Anna Meier, ExactTarget, Senior Design Consultant David Rambo, ExactTarget, Technical Producer

Page 2: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Safe harbor Safe harbor statement under the Private Securities Litigation Reform Act of 1995: This presentation may contain forward-looking statements that involve risks, uncertainties, and assumptions. If any such uncertainties materialize or if any of the assumptions proves incorrect, the results of salesforce.com, inc. could differ materially from the results expressed or implied by the forward-looking statements we make. All statements other than statements of historical fact could be deemed forward-looking, including any projections of product or service availability, subscriber growth, earnings, revenues, or other financial items and any statements regarding strategies or plans of management for future operations, statements of belief, any statements concerning new, planned, or upgraded services or technology developments and customer contracts or use of our services. The risks and uncertainties referred to above include – but are not limited to – risks associated with developing and delivering new functionality for our service, new products and services, our new business model, our past operating losses, possible fluctuations in our operating results and rate of growth, interruptions or delays in our Web hosting, breach of our security measures, the outcome of any litigation, risks associated with completed and any possible mergers and acquisitions, the immature market in which we operate, our relatively limited operating history, our ability to expand, retain, and motivate our employees and manage our growth, new releases of our service and successful customer deployment, our limited history reselling non-salesforce.com products, and utilization and selling to larger enterprise customers. Further information on potential factors that could affect the financial results of salesforce.com, inc. is included in our annual report on Form 10-K for the most recent fiscal year and in our quarterly report on Form 10-Q for the most recent fiscal quarter. These documents and others containing important disclosures are available on the SEC Filings section of the Investor Information section of our Web site. Any unreleased services or features referenced in this or other presentations, press releases or public statements are not currently available and may not be delivered on time or at all. Customers who purchase our services should make the purchase decisions based upon features that are currently available. Salesforce.com, inc. assumes no obligation and does not intend to update these forward-looking statements.

Page 3: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Anna Meier Senior Design Consultant, ExactTarget

@anna_meier

David Rambo Technical Producer, ExactTarget

@ExactRambo

Page 4: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

The key to success isn't sending more email; it's being smarter about the email you send.

- Jeanne Jennings, ClickZ

Page 5: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Agenda Fundamentals of a Framework

Definition, Types, Components & Benefits Success Stories

Gannett Bose Europe

Where to go from here Q&A

Page 6: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

What is a Flexible Framework? A flexible framework is a standardized approach to designing and building email that creates both consistency and flexibility for your designers, developers & subscribers.

Page 7: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Types of Frameworks

Page 8: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

The Basic Framework

INPUTS: Copy, Images, ET Template, Saved Content Areas

GREAT FOR: Non-Technical Email Teams, Last-Minute Emails

PREREQUISITES: Initial Template Design

AREA EMAILIMAGES TEMPLATE

Copy Images Template Email Content Areas

Page 9: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

The Basic Framework Templates

Saved Content Areas

Page 10: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

The Intermediate Framework

INPUTS: Copy, Images, Master PSD, HTML Shell

GREAT FOR: Everyday Sends, Design & Technical Teams

PREREQUISITES: Initial Master PSD, HTML Shell, Email Style Guide & UI Pattern Library

EMAILIMAGES

Copy Images Email

101010010101101010

HTMLPSD

Photoshop HTML

Page 11: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

The Intermediate Framework Master PSD HTML Shell

Page 12: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Email Style Guide Photoshop, for mockups

UI Pattern Library HTML/CSS, for coding

Elements included:

Headlines Body copy

Buttons Links Icons

Bullets Callouts

Image styling borders Footers

The Intermediate Framework

Page 13: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

The Complex Framework

INPUTS: Copy, Images, Master PSD, HTML Shell, Data

GREAT FOR: Transactional & Lifecycle Emails, Multiple Languages/Brands, Dynamic Content

REQUIREMENTS: AMPScript/SQL

EMAILIMAGES

Copy Images Email

101010010101101010

HTMLPSD

Photoshop HTML

101010010101101010

FILE

Data Extension(s) Import File(s)

AREA

Content Areas

Page 14: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Components for Efficiency

CONTENT: Copy, Images, Links DESIGN: Master PSD, Email Style Guide

CODING: HTML Shell, UI Pattern Library, ET Template, Saved Content Areas

AUTOMATION: Data Extensions, Recurring Programs

IMAGES101010010101101010

HTMLPSD101010010101101010

FILEAREA

Page 15: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Gannett Success Story

Page 16: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

78 Brands Across Gannett…

Page 17: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

One-Off Solutions for Typical Acquisition Efforts

Page 18: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Challenge: Single-Copy Sales Effort Supporting All Gannett Brands

78

BRANDS

x 5 Holiday Events in 2013

Page 19: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Created a variable email within the enterprise account

Page 20: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Pulls two data extensions 1st data by creative

Page 21: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

*Uploaded by Gannett via a basic spreadsheet

*Uploaded by Gannett via a basic spreadsheet

Page 22: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

2nd data by publication

Page 23: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

* “PUBBRAND” included in the data, tied to each customer

Page 24: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Confirming fields are pulling with Send Preview

Page 25: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

v

Easter Send

Page 26: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

v

Mother’s Day Send

Page 27: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

v

Back to School Send

Page 28: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Gannett Framework

EMAILIMAGES

Event Copy

Images by Brand

Email

101010010101101010

HTMLPSD

Photoshop HTML

101010010101101010

FILE

Data Extensions (Sendable & Relational)

Import File(s)

Page 29: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Results for Gannett Design time saved: 312 hours – 39 days 4 hours of design per email x 78 emails

Determining if email boosted single copy sales *Outside factors: weather, news stories, etc.

Cincinnati reported a week-over-week increase of single copy sales of 11,480 on 7/28/13

Future goals: variable more components i.e. header images, content based on customer data

Page 30: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Bose Europe Success Story

Page 31: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

50 campaigns / year

8 triggered sends

Page 32: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

16 markets

130 MD/Y to localize

10 languages

Page 33: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Content from data extensions

Page 34: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Images hosted at CDN solution

Page 35: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Fixed content blocks

Page 36: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Bose Success Story - Results

PRODUCTION TIME 50 %

EFFICIENCY 41 %

Page 37: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Bose Europe Framework

EMAILIMAGES

Translated Copy

Images by Language

Email

101010010101101010

HTMLPSD

Photoshop HTML

101010010101101010

FILE

Data Extensions (Sendable & Relational)

Import File(s)

AREA

Content Areas

Page 38: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design
Page 39: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Optimization

Optimized for different devices

Page 40: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Benefits of Flexible Frameworks Brand Sophistication Consistent Brand Elements = Subscriber Trust

Process Efficiency Initial Implementation of Framework = Future Time Savings

Campaign Performance Standard Engagement Techniques = Increased Clicks

Framework for Evolution

Page 41: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Where to go from here §  Talk with your team about

their current challenges

§  Identify goals for framework

§  Analyze current state of creative, content, data & process

§  Determine requirements & inputs for framework

§  Begin content planning & wireframing

Page 42: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Anna Meier

Senior Design Consultant [email protected]

@anna_meier

David Rambo

Technical Producer [email protected]

@ExactRambo

Resources / downloads at: pages.exacttarget.com/ETDesign help.exacttarget.com/

Page 43: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

Don’t Forget Your Complimentary Copy of Email Marketing Rules by ExactTarget’s Principal of Marketing Research, Chad White

@chadswhite

Page 44: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design

We want to hear from YOU!

Please take a moment to complete our session survey

Surveys can be found in the “My Agenda” portion of the Dreamforce app

Page 45: Dreamforce | ExactTarget Marketing Cloud: Flexible Frameworks in Email Design