• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Email Design 101
 

Email Design 101

on

  • 4,063 views

HTML email design basics, avoiding spam filters, and measuring success, and good email design examples.

HTML email design basics, avoiding spam filters, and measuring success, and good email design examples.

Statistics

Views

Total Views
4,063
Views on SlideShare
4,040
Embed Views
23

Actions

Likes
13
Downloads
186
Comments
2

2 Embeds 23

http://www.slideshare.net 20
http://www.docshut.com 3

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

12 of 2 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Thanks for your tips to avoid spam filters.
    If you like to know more about scammers related news.please visit my blog http://scambaitings.blogspot.com/ and presentation.
    Are you sure you want to
    Your message goes here
    Processing…
  • Good tips, Thanks
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Email Design 101 Email Design 101 Presentation Transcript

    • Email Marketing 101 How Not To Screw Up & Get Blacklisted Like An Evil Spamming Scumbag Thursday, January 21, 2010
    • Who is this guy? • Ben Chestnut • Co-founded The Rocket Science Group in 2000 • Built MailChimp in 2001 • Currently 40k users, +65k managed lists, +75M subscribers Thursday, January 21, 2010
    • What We’ll Discuss: • Design obstacles, workarounds • Measuring good design • Good email examples Thursday, January 21, 2010
    • Anti-Virus Software Thursday, January 21, 2010
    • Anti-Virus Software • No JavaScript • No ActiveX • No Flash • No embedded movies • No sound files • Nothing fancy-schmancy. Sorry. Thursday, January 21, 2010
    • Email Readers Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Webmail Services • Strip your <BODY>, so no bg images. Use embedded tables instead. • Strip your <HEAD>, so no CSS, no JavaScript, etc. • Strip your CSS, so you’ve gotta INLINE it. • Because all that would interfere with their web app interface. Thursday, January 21, 2010
    • Desktop Clients • Upgrades every year that break stuff • Outlook 2007 using Word, not IE • Old installations and patches • Legacy code (from the .RTF days) • User-specific settings Thursday, January 21, 2010
    • Preview Panes Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Outlook2003 - Horiz. Thursday, January 21, 2010
    • Outlook2003 - Vertical Thursday, January 21, 2010
    • Thunderbird - Horizontal Thursday, January 21, 2010
    • Yahoo Mail - Horizontal Thursday, January 21, 2010
    • Windows Live Hotmail - Vertical Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Email Reader Tips • Design like it’s 1999 • Simple tables, no CSS-Positioning • Inline CSS only • Fail gracefully • Design for tiny preview panes Thursday, January 21, 2010
    • Image Blocking Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Why? Porn Spam. • Kids open email inbox, see nasty stuff. • Parents complain. • So images are now blocked by default. Thursday, January 21, 2010
    • Design Implications? Thursday, January 21, 2010
    • Design Implications • All your pretty pictures are OFF by default. • Assume recipients are too lazy to turn them ON • ALT-text can be your friend (sometimes) • However, if you get on their trusted- senders list, they’re ON by default. Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Trusted Sender Thursday, January 21, 2010
    • What’s this about? Thursday, January 21, 2010
    • “Good thing I clicked.” Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Spam Filters Thursday, January 21, 2010
    • The Trick: 1. Open up your junk folder. 2. Look at what spammers do. 3. Don’t do what they do. Thursday, January 21, 2010
    • Don’t do this: • YELL IN ALL CAPS! WOW! • Use excessive exclamation points!!!!! • get cr3at1v3 with sp3ll1ng v14gra • send image-only emails to trick filters Thursday, January 21, 2010
    • Spam Assassin Criteria Spammy Criteria Score Attempts to disguise the word 'viagra' 2.8 Two or more drugs crammed together into one word 0.5 Subject is all capitals 0.76 Subject line starts with Buy or Buying 0.5 HTML font size is huge 1.76 HTML has a low ratio of text to image area 1.73 Frontpage used to create the message 0.5 Money back guarantee 2.05 HTML has "tbody" tag 1.01 Stay below 3. Thursday, January 21, 2010
    • Server Filters • IronPort/Senderbase: data from 25% of world’s Internet traffic • All over globe, and they talk to each other • Cloudmark, Barracuda, Postini • High-level filtering: reputation, suspicious activity, fingerprinting Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Spam Complaints • If 0.1% complain, you’re blocked. • You need to know when you’re reported, and clean your list • Get on feedback loops (FBLs) • Prevent FBL complaints... Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Permission reminder Thursday, January 21, 2010
    • Tips • Avoid too many • Make sure to include a spammy, “sales-y” words permission reminder in (FREE!!! NOW!!!!) email footer • Design for “image: FAIL” • Avoid sending to old lists (no more than 6 • Don’t get lazy with your months old). Try segmenting on “actives” design work • Only send permission- based marketing, to avoid FBL complaints Thursday, January 21, 2010
    • Measuring Good Design • Open Rate • Click Rate • ROI (ka-chings) Thursday, January 21, 2010
    • Open Rates Thursday, January 21, 2010
    • Tracking Opens • Transparent .GIF in • If they click, that’s an bottom of email open. • Each download is an • Take open rates with a “open” grain of salt. • Image-blockers mess up open rates • Open rates typically only tracked with HTML emails, not plain text Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • mailchimp.com/charts Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Click Rates Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • 85 people clicked the event banner! Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Email ROI Thursday, January 21, 2010
    • Conversion Tracking • Google Analytics, Omniture, WebTrends • Append URLs with special tags, which pass data to the analytics package • Setup conversion goals in Analytics package Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • What’s your email campaign’s ROI? Thursday, January 21, 2010
    • Anatomy of a good email design Thursday, January 21, 2010
    • • Background table Thursday, January 21, 2010
    • • Background table • Campaign-Archive Thursday, January 21, 2010
    • • Background table • Campaign-Archive • Logo slot Thursday, January 21, 2010
    • • Background table • Campaign-Archive • Logo slot • Content block Thursday, January 21, 2010
    • • Background table • Campaign-Archive • Logo slot • Content block Thursday, January 21, 2010
    • • Background table • Campaign-Archive • Logo slot • Content block • Footer Thursday, January 21, 2010
    • • Background table • Campaign-Archive • Logo slot • Content block • Footer Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • Thursday, January 21, 2010
    • mailchimp.com/resources mailchimp.com/charts mailchimp.com/blog Thursday, January 21, 2010