Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
© Constant Contact 2015 LookGreat in the Inbox The 7 Don’ts of Email Design
BE A MARKETER All it takes is Constant Contact® #BeaMarketer
First impressions matter.
The difference between... Email Email marketing and...
51%of emails are opened on a mobile device The impact of mobile on email Source: Litmus 5
When email doesn’t look good on mobile Source: Blue Hornet 6 30% unsubscribe 80% delete
Agenda 7 The 7 Don’ts of Email Design: 1.Don’t forget your branding 2.Don’t use hard-t0-read fonts 3.Don’t use the wrong c...
Agenda 8 The 7 Don’ts of Email Design: 1.Don’t forget your branding 2.Don’t use hard-t0-read fonts 3.Don’t use the wrong c...
9 1. Don’t forget your branding What not to do. That’s better.
10 1. Don’t forget your branding How will you be most recognizable?
11 1. Don’t forget your branding Facebook • Be consistent with logo & branding colors • Use images of your business, produ...
Agenda 12 The 7 Don’ts of Email Design: 1.Don’t forget your branding 2.Don’t use hard-t0-read fonts 3.Don’t use the wrong ...
13 2. Don’t use hard-t0-read fonts What not to do. That’s better.
14 2. Don’t use hard-t0-read fonts • Best for printed material • Harder to read online • Popular serif fonts are Baskervil...
15 2. Don’t use hard-t0-read fonts What not to do. Really. Give them something they can read.
Agenda 16 The 7 Don’ts of Email Design: 1.Don’t forget your branding 2.Don’t use hard-t0-read fonts 3.Don’t use the wrong ...
17 3. Don’t use the wrong colors What not to do. That’s better.
Source: Loyalty Square, ColorMatters.com 18 3. Don’t use the wrong colors 85% of shoppers buy a product because of color 4...
Color Guide Source: https://blog.kissmetrics.com/color-psychology/ 19 3. Don’t use the wrong colors Yellow Optimistic &You...
If you can’t read it, neither will your customers. 20 3. Don’t use the wrong colors HARD to READ HARD to READ HARD to READ...
If you can’t read it, neither will your customers. 21 3. Don’t use the wrong colors HARD to READ HARD to READ HARD to READ...
If you can’t read it, neither will your customers. 22 3. Don’t use the wrong colors HARD to READ HARD to READ HARD to READ...
If you can’t read it, neither will your customers. 23 3. Don’t use the wrong colors HARD to READ HARD to READ HARD to READ...
If you can’t read it, neither will your customers. 24 3. Don’t use the wrong colors HARD to READ HARD to READ HARD to READ...
If you can’t read it, neither will your customers. 25 3. Don’t use the wrong colors HARD to READ HARD to READ HARD to READ...
26 3. Don’t use the wrong colors Digital Color Meter (ships with the Mac) Color Cop (for the PC- colorcop.net/download)
3. Don’t use the wrong colors Color Schemer (colorschemer.com/online.html) 27 Adobe Color CC (color.adobe.com)
Agenda 28 The 7 Don’ts of Email Design: 1.Don’t forget your branding 2.Don’t use hard-t0-read fonts 3.Don’t use the wrong ...
29 4. Don’t be disorganized What not to do. That’s better.
Newsletter Announcement Product promotion Fundraiser Sale Event Seasonal Letter 30 4. Don’t be disorganized Types of Campa...
31 4. Don’t be disorganized Product Promotion (B2C) • Choose the right template for your information. Newsletter (Non-prof...
Agenda 32 The 7 Don’ts of Email Design: 1.Don’t forget your branding 2.Don’t use hard-t0-read fonts 3.Don’t use the wrong ...
33 5. Don’t forget images What not to do. That’s better.
Source:ContentLEAD, Infographic:Anatomy of the Email Marketing Message, 2015 Source:Constant Contact Data Reveals DirectCo...
Source:Animoto, the 2015Video MarketingCheat Sheet Source:The Power ofVisual Content, Market Domination Media 35 • Mention...
36 5. Don’t forget images Stock photo sites FreeDigitalPhotos.net http://www.freedigitalphotos.net StockVault.net http://w...
37 5. Don’t forget images Stock photos inConstantContact
38 5. Don’t forget images You can upload your own photos or... use your Facebook and Instagram photos.
Agenda 39 The 7 Don’ts of Email Design: 1.Don’t forget your branding 2.Don’t use hard-t0-read fonts 3.Don’t use the wrong ...
40 6. Don’t forget to make it shareable What not to do. That’s better.
41 • Use the Share Bar • Ask people to like, share, retweet, pin • Add social media buttons 6. Don’t forget to make it sha...
6. Don’t forget to make it shareable Expand your reach with the Social Share tool. Schedule social posts that link to your...
6. Don’t forget to make it shareable Expand your reach with the Social Share tool. Post automatically to Facebook,Twitter ...
Agenda 44 The 7 Don’ts of Email Design: 1.Don’t forget your branding 2.Don’t use hard-t0-read fonts 3.Don’t use the wrong ...
45 7. Don’t ignore mobile What not to do. That’s better.
46 • Lengthy text • Tiny fonts • Multiple columns Avoid these mistakes...
47 • Less text is more • Large fonts are legible • One column only Instead, keep it simple...
48 • Large, off-screen images • Hard-to-find or hard-to-read calls-to-action Avoid these mistakes...
49 • Size images to fit • Use clear and obvious calls-to- action Instead, keep it easy...
7. Don’t ignore mobile Build your email on your smartphone, send it to your list, check your results. Create an email camp...
Let’s put this all together … 51
Anatomy of an email.And your email checklist. Keep the preview pane in mind, maximize the top 2-4 inches Choose the right ...
BE A MARKETER All it takes is Constant Contact® #BeaMarketer
Resources 54 Get started today… 60-day free trial www.constantcontact.com Learn more... Local and online seminars www.cons...
Upcoming SlideShare
Loading in …5
×

Look Great in the Inbox: The 7 Don'ts of Email Design

366 views

Published on

First impressions matter. Especially in the inbox. Your readers are making decisions on whether or not to open and interact with your email, and if it doesn’t look appealing, they could delete your message.

Make your audience sit up and take notice with great email design. This webinar will review the 7 Don’ts of Email Design and help you avoid them. Some of the tips you’ll learn include:
• The correct way to use branding
• What different colors “mean”
• Which type of fonts to use in your email
• How to effectively use images
• Considerations to make sure your email looks great on mobile devices

You’ll also walk away with a checklist you can use when creating your next email.

Published in: Marketing
no profile picture user

  • Be the first to comment

  • Be the first to like this

Look Great in the Inbox: The 7 Don'ts of Email Design

  1. 1. © Constant Contact 2015 LookGreat in the Inbox The 7 Don’ts of Email Design
  2. 2. BE A MARKETER All it takes is Constant Contact® #BeaMarketer
  3. 3. First impressions matter.
  4. 4. The difference between... Email Email marketing and...
  5. 5. 51%of emails are opened on a mobile device The impact of mobile on email Source: Litmus 5
  6. 6. When email doesn’t look good on mobile Source: Blue Hornet 6 30% unsubscribe 80% delete
  7. 7. Agenda 7 The 7 Don’ts of Email Design: 1.Don’t forget your branding 2.Don’t use hard-t0-read fonts 3.Don’t use the wrong colors 4.Don’t be disorganized 5.Don’t forget images 6.Don’t forget to make it shareable 7.Don’t ignore mobile
  8. 8. Agenda 8 The 7 Don’ts of Email Design: 1.Don’t forget your branding 2.Don’t use hard-t0-read fonts 3.Don’t use the wrong colors 4.Don’t be disorganized 5.Don’t forget images 6.Don’t forget to make it shareable 7.Don’t ignore mobile 1. Don’t forget your branding
  9. 9. 9 1. Don’t forget your branding What not to do. That’s better.
  10. 10. 10 1. Don’t forget your branding How will you be most recognizable?
  11. 11. 11 1. Don’t forget your branding Facebook • Be consistent with logo & branding colors • Use images of your business, products & people • Use consistent language Email Website
  12. 12. Agenda 12 The 7 Don’ts of Email Design: 1.Don’t forget your branding 2.Don’t use hard-t0-read fonts 3.Don’t use the wrong colors 4.Don’t be disorganized 5.Don’t forget images 6.Don’t forget to make it shareable 7.Don’t ignore mobile 2. Don’t use hard-t0-read fonts
  13. 13. 13 2. Don’t use hard-t0-read fonts What not to do. That’s better.
  14. 14. 14 2. Don’t use hard-t0-read fonts • Best for printed material • Harder to read online • Popular serif fonts are Baskerville, Georgia &Times New Roman Serif font Sans Serif font • Easier to read on the web • Used on websites & for small text • Popular sans serif fonts are Arial, Helvetica &Verdana
  15. 15. 15 2. Don’t use hard-t0-read fonts What not to do. Really. Give them something they can read.
  16. 16. Agenda 16 The 7 Don’ts of Email Design: 1.Don’t forget your branding 2.Don’t use hard-t0-read fonts 3.Don’t use the wrong colors 4.Don’t be disorganized 5.Don’t forget images 6.Don’t forget to make it shareable 7.Don’t ignore mobile 3. Don’t use the wrong colors
  17. 17. 17 3. Don’t use the wrong colors What not to do. That’s better.
  18. 18. Source: Loyalty Square, ColorMatters.com 18 3. Don’t use the wrong colors 85% of shoppers buy a product because of color 40% of people in the world say blue is their favorite color Color increases brand recognition by 80%
  19. 19. Color Guide Source: https://blog.kissmetrics.com/color-psychology/ 19 3. Don’t use the wrong colors Yellow Optimistic &Youthful Gets attention of window shoppers Red Energy Increases heart rate, creates urgency Blue Trust & Security Associated with banks and businesses Green Wealth & Relaxation Easiest color for the eyes to process Orange Aggressive Call to action: Subscribe, buy or sell Black Powerful & Sleek Luxury product marketing Pink Romantic & Feminine Product marketing to women and girls Purple Soothe & Calm Beauty product marketing
  20. 20. If you can’t read it, neither will your customers. 20 3. Don’t use the wrong colors HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READHARD to READ Avoid: Extremely bright color combinations
  21. 21. If you can’t read it, neither will your customers. 21 3. Don’t use the wrong colors HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READHARD to READ Avoid: Bright, textured backgrounds
  22. 22. If you can’t read it, neither will your customers. 22 3. Don’t use the wrong colors HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READHARD to READ Avoid: Too many colors
  23. 23. If you can’t read it, neither will your customers. 23 3. Don’t use the wrong colors HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READHARD to READ Avoid: Matching light text with a light background, or dark text with a dark background
  24. 24. If you can’t read it, neither will your customers. 24 3. Don’t use the wrong colors HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READHARD to READ Avoid: Color combinations that are hard to read
  25. 25. If you can’t read it, neither will your customers. 25 3. Don’t use the wrong colors HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READ HARD to READHARD to READ EASY to READ EASY to READ EASY to READ EASY to READ EASY to READ EASY to READ EASY to READ EASY to READ EASY to READ EASY to READ EASY to READ EASY to READ EASY to READ EASY to READ EASY to READ EASY to READ EASY to READ EASY to READ EASY to READ EASY to READ EASY to READ EASY to READ EASY to READEASY to READ Always: Choose colors that have good contrast
  26. 26. 26 3. Don’t use the wrong colors Digital Color Meter (ships with the Mac) Color Cop (for the PC- colorcop.net/download)
  27. 27. 3. Don’t use the wrong colors Color Schemer (colorschemer.com/online.html) 27 Adobe Color CC (color.adobe.com)
  28. 28. Agenda 28 The 7 Don’ts of Email Design: 1.Don’t forget your branding 2.Don’t use hard-t0-read fonts 3.Don’t use the wrong colors 4.Don’t be disorganized 5.Don’t forget images 6.Don’t forget to make it shareable 7.Don’t ignore mobile 4. Don’t be disorganized
  29. 29. 29 4. Don’t be disorganized What not to do. That’s better.
  30. 30. Newsletter Announcement Product promotion Fundraiser Sale Event Seasonal Letter 30 4. Don’t be disorganized Types of Campaigns
  31. 31. 31 4. Don’t be disorganized Product Promotion (B2C) • Choose the right template for your information. Newsletter (Non-profit) Business Letter (B2B)
  32. 32. Agenda 32 The 7 Don’ts of Email Design: 1.Don’t forget your branding 2.Don’t use hard-t0-read fonts 3.Don’t use the wrong colors 4.Don’t be disorganized 5.Don’t forget images 6.Don’t forget to make it shareable 7.Don’t ignore mobile 5. Don’t forget images
  33. 33. 33 5. Don’t forget images What not to do. That’s better.
  34. 34. Source:ContentLEAD, Infographic:Anatomy of the Email Marketing Message, 2015 Source:Constant Contact Data Reveals DirectCorrelation Between Email Campaign Effectiveness and Number of Images andText Lines Featured, 2015 34 • 82% of people pay more attention to emails with pictures • Use alt text and preheader text: email readers may not see images by default • 3 or fewer images for highest click through • Spotlight your products, services, employees and customers • Don’t use images of your content 5. Don’t forget images Make it engaging with photos
  35. 35. Source:Animoto, the 2015Video MarketingCheat Sheet Source:The Power ofVisual Content, Market Domination Media 35 • Mention your video in the email subject line • Consumers are 50% more likely to read emails that include video • Keep videos under 90 seconds • Use video for product demos, testimonials, promotions 5. Don’t forget images Make it engaging with videos
  36. 36. 36 5. Don’t forget images Stock photo sites FreeDigitalPhotos.net http://www.freedigitalphotos.net StockVault.net http://www.stockvault.net FreeImages.com http://www.freeimages.com Working with photos Choose the right size: 600 x 200 px for header images 600 px wide (height scales) for others Avoid copyright issues Use your own photos or stock images
  37. 37. 37 5. Don’t forget images Stock photos inConstantContact
  38. 38. 38 5. Don’t forget images You can upload your own photos or... use your Facebook and Instagram photos.
  39. 39. Agenda 39 The 7 Don’ts of Email Design: 1.Don’t forget your branding 2.Don’t use hard-t0-read fonts 3.Don’t use the wrong colors 4.Don’t be disorganized 5.Don’t forget images 6.Don’t forget to make it shareable 7.Don’t ignore mobile 6. Don’t forget to make it shareable
  40. 40. 40 6. Don’t forget to make it shareable What not to do. That’s better.
  41. 41. 41 • Use the Share Bar • Ask people to like, share, retweet, pin • Add social media buttons 6. Don’t forget to make it shareable Emails with social sharing buttons increase click-through rates by 158%
  42. 42. 6. Don’t forget to make it shareable Expand your reach with the Social Share tool. Schedule social posts that link to your newsletter. 42
  43. 43. 6. Don’t forget to make it shareable Expand your reach with the Social Share tool. Post automatically to Facebook,Twitter or LinkedIn. 43
  44. 44. Agenda 44 The 7 Don’ts of Email Design: 1.Don’t forget your branding 2.Don’t use hard-t0-read fonts 3.Don’t use the wrong colors 4.Don’t be disorganized 5.Don’t forget images 6.Don’t forget to make it shareable 7.Don’t ignore mobile 7. Don’t ignore mobile
  45. 45. 45 7. Don’t ignore mobile What not to do. That’s better.
  46. 46. 46 • Lengthy text • Tiny fonts • Multiple columns Avoid these mistakes...
  47. 47. 47 • Less text is more • Large fonts are legible • One column only Instead, keep it simple...
  48. 48. 48 • Large, off-screen images • Hard-to-find or hard-to-read calls-to-action Avoid these mistakes...
  49. 49. 49 • Size images to fit • Use clear and obvious calls-to- action Instead, keep it easy...
  50. 50. 7. Don’t ignore mobile Build your email on your smartphone, send it to your list, check your results. Create an email campaign that looks great on mobile. There’s an app for that! 50
  51. 51. Let’s put this all together … 51
  52. 52. Anatomy of an email.And your email checklist. Keep the preview pane in mind, maximize the top 2-4 inches Choose the right template for your message & design for mobile Place your logo left or center, never on the right Use your brand colors Include your business name in text Communicate through pictures and make them clickable Less is more. Focus on relevant content. 3 or fewer images and about 20 lines of text have the highest click- through rates. Keep key call-to-action above the scroll line and optimize your links. Use social media buttons Use the Share Bar 52
  53. 53. BE A MARKETER All it takes is Constant Contact® #BeaMarketer
  54. 54. Resources 54 Get started today… 60-day free trial www.constantcontact.com Learn more... Local and online seminars www.constantcontact.com Scroll down to Seminars &Training Find help... Constant Contact Marketing Resources blogs.constantcontact.com/library Check out blog posts, guides, videos, infographics, recorded webinars and more!

×