killer email templates made easy tim karpisek, emailgarage

37
Killer email templates made easy Tim Karpisek, EmailGarage

Upload: rosanna-harrington

Post on 16-Dec-2015

222 views

Category:

Documents


0 download

TRANSCRIPT

Killer email templates made easyTim Karpisek, EmailGarage

Killer email templates made easy

AGENDA•Who is EmailGarage?•When to design/redesign•Killer email templates in 10 steps •Email templates in a mobile environment

2 Killer email templates made easy

Your technical partnerYour strategic partnerYour tactical partnerYour campaign partner

Who is EmailGarage

What’s a good template?

Killer email templates made easy 4

< >

When to design/redesign?

External factors

5 Killer email templates made easy

Online strategy

Internal factors

Killer email templates made easy in

10 steps

Killer email templates made easy 6

Step 1

The subject line

Don’t sound like spam

Killer email templates made easy 7

Dear [email protected]

***Check our best deals on...***

Step 1

The subject line

Draw interest

Killer email templates made easy 8

Clickthrough rates of 56%.Find out how we did it

Step 1

The subject line

Don't make summaries too long

Killer email templates made easy 9

In this issue: Facts and comments – Congress Must Hit the ground Running – What Grows An Economy? – A Brief Word – Paint The Ivory Tower Green

Step 1

The subject line

Use localisation where possible

Killer email templates made easy 10

Are you in Antwerp tonight?Drop by for a drink.

Killer email templates made easy 11

Mail sent from the BDMA

Killer email templates made easy 12

Step 2

Wireframes: the fundaments of your email

• The blueprint of your template• Essential for marketing automation• The bridge between concept and

design• Something you can do yourself

Some tips:- Remember the fold- Images are blocked by default- Limit the size of banners- Use background colors in combination with images- Position your images logically- Use bullet points and paragraphs to structure text- Does your email need a table of content?- Use a footer- Place your elements where they are logical to find

Killer email templates made easy 13

Step 2

Wireframes: the fundaments of your email

Killer email templates made easy 14

Step 2

Wireframes for plain text emails

• Text needs designing• Don’t autocopy from

HTML

Killer email templates made easy 15

Step 3

Balance between copy and images

16 Killer email templates made easy

Step 3

Balance between copy and images

17 Killer email templates made easy

Tower Insurance – blocked images

Killer email templates made easy 18

19 Killer email templates made easy

Step 4

Text snippetsView online

Call to action

Reminder

Safe Sender

Step 5

Use Calls To Action

20 Killer email templates made easy

• Text vs graphic

• Location• Color• Size• Words

Killer email templates made easy 21

Click the frame to play video

Step 6

Social media are your friends!

22 Killer email templates made easy

Step 6

Social media are your friends!

Step #1: Identify the most relevant social networks

- before: web metrics- after: measure your clickthrough

Step #2: Define your social networks

Step #3: Point shared links to:- article summary pages- email online version

23 Killer email templates made easy

Killer email templates made easy 24

ShoelineDedicated facebook

email

46% + followers

• Personalisation• Refer-a-friend• Link to the previous newsletter• Disclaimer/privacy statement• Agenda• Job section• Table of contents• Introduction• User data• Profile update form

25 Killer email templates made easy

Step 7

Other elements

Case – EA sports

Conversation between different game characters about the person that is not active on the forum

Killer email templates made easy 26

Case – Cine 24 horas

Killer email templates made easy 27

We deliver your download

Step 8

Other elements

28 Killer email templates made easy

Ground rules:• First confirm

unsubscribe• Then ask for feedback• Don’t hide your

unsubscribe button

Killer email templates made easy 29

Click the frame to play video

Example: Landingpage

rudder

30 Killer email templates made easy

Step 9

Test and test again

Heatmaps

Most viewed+Fasted viewed+Viewing path

31 Killer email templates made easy

Step 9

Test and test again

The basics:- Keep the width under 600 px- Use alt text- Don’t use background images- Include the dimensions of your images- Use inline CSS- Use tables

32 Killer email templates made easy

Step 10

Building

Seth Godin blog - Practically no HTML – Content is the essence

Killer email templates made easy 33

1. Who is using a mobile device?

Email on mobile

34 Killer email templates made easy

2. Which type of device?3. What platform is used?

Design for mobile

1 email design for all?2 separate designs?Or insert a view on mobile link?

Quick tips:- Importance of the subject line and

top fold- Shorten your from name- Avoid wide graphics, columns or

tables- Vertical scrolling OK, horizontal not- Mind your K-size, keep it below 20k

35 Killer email templates made easy

Case: Abercrombie & Fitch

Killer email templates made easy 36

Thanks for listening!

Contact:EmailGarageTim Karpisek – Sales & Marketing [email protected]/timkarpisek

www.luon.comwww.emailgarage.comblog.emailgarage.comtwitter.com/EmailGarage

37 Killer email templates made easy