• Save
Design For Your Subscribers: Tips and Tricks to Increase Email Marketing ROI -  Annie Angelo
Upcoming SlideShare
Loading in...5
×
 

Design For Your Subscribers: Tips and Tricks to Increase Email Marketing ROI - Annie Angelo

on

  • 1,305 views

Design For Your Subscribers: Tips and Tricks to Increase Email Marketing ROI...

Design For Your Subscribers: Tips and Tricks to Increase Email Marketing ROI

Think design is all about graphics and layout? Think again. Your best marketing messages won't mean a thing if your subscribers aren't reading them.

Find out how strategic thinking, planning, and purpose-driven decisions are the foundation of great design. This session will provide insights into how to improve your email and landing page designs to increase performance and produce better results.

* Annie Angelo, Senior Marketing Consultant, ExactTarget

Statistics

Views

Total Views
1,305
Views on SlideShare
1,305
Embed Views
0

Actions

Likes
1
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

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
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • These are the three foundations of creating high performance emailsDesign is vital to the success of your email marketing program. But what does “good” emaildesign really entail? How do you ensure your message is seen correctly by your subscribers?And who is ultimately responsible for the look and performance of your emails?Is it marketers? Designers? The answer is yes to both.
  • You might this is a funny thing to include in a design presentation – but sometimes, design comes as an after thought. You create a marketing plan, but don’t necessarily take into consideration how these communications are going to look. Design is the visualization of a business plan. More than a pretty picture, great design requires an actionable plan and measureable goals. Before you provide a creative brief to your design agency or internal design team, ensure that your emailcampaign supports the overall direction of your email program and the value propositionbeing offered to your subscriber.As you begin planning your email design program, start by asking these questions
  • Once you answer these questions, we suggest you map your communications. The benefits – you’ll get a big picture view of you cores sends, by audience segments, that will will highlight opportunities and gaps, or issues of overcommunication. Start with product life-cycle (think through the purchase process) and apply subscriber life-cycle (think through engagement). This wil help you hone in on core content, messaging and calls to action. For example, if an email is working to hard with three calls to aciton, separate into individual sends (assuming your map show availability to add frequency)
  • Design should acknowledge the subscriber experience.Put yourself in your subscriber’s shoes and understand how they will interact with your communications.Remember to put yourself in the subscriber’s shoes – this is how they experience your email. Walk you through how a subscriber does experience an email. This may not seem “design” or things you typically consider design, but the thought that goes into this contributes to the overall experience a customer has with your brand and communicationConsider the entire subscriber experience – from first impression to final click.Each individual phase influences the decision to open and engage with your email.Your email design is experienced in stages – not as a static page.FROM NAMESUBJECT LINEPREVIEW PANEABOVE THE FOLDCOMPLETE EMAILCLICK THROUGHA subscriber’s inbox is a noisy place, filled with the clutter of messages, folders and other distractions. Definition of Spam not only extends to relevance, but also to subscriber expectations surrounding frequency. Think carefully about the subscriber’s relationship with the from name you choose, whether it’s your company name, a business unit, or a sales representative.A funny story on this topic – we had a client, who I won’t name to protect the innocent, who had a pretty big celebrity who they used to promote their company. So, they thought it would be a good idea to use his name in the From line. But, their From line was so long that the name got cut off and only the “A message from the John…” showed up.Your VP of Marketing might be a big deal for your company – but it means nothing to your customers
  • We get a lot of questions about what types of subject lines work best: Content vs. Newsletter nameFor a specific client, they were always using “March Newsletter” and we assumed that wouldn’t perform as well as a content-focused, relevant subject line. We found that the Month version was better. Goes to show you that you really do need to test, because every list is different. SO – what’s the best subject line? TEST. Do a simple A/B split testing static vs. changing, promo vs. info, etc.
  • Another kind of funny example to show you that mistakes happen even with the big guys. Old Navy sent out an email with the subject line “20% off all adult purchases”Adult Purchases might be an internal term, but it doesn’t make sense to the rest of us. Did ON acquire a new business unit?
  • The average preview pane is about 300 pixels square. Your email could be saying nothing at all … or it could be saying everything! You don’t have to fit every call to action, copy block, and button here! In this space, create an experience subscribers want to continue.
  • ET tracks opens this way.
  • More and more marketers are becoming aware of “above the fold” … be cognizant of how people read an email (left to right, top to bottom). Create teasers above to encourage someone to scroll.
  • Even still, most users won’t see your entire email, unless it’s very short.
  • Subscriber experience doesn’t end with the inboxMake sure products are actually available on your website, inventory, etc.
  • Is this the message you want to convey?This was probably a very successful print ad and didn’t think about how this was going to translate to the email user. Were having a “home” sale, took the approach that the HO are stacked above ME, not taking into account where the “above the fold” was going to cut the creative. Remember that your users aren’t printing your emails – so if this is how you are proofing emails, try to fold up the email so you have the preview pane. Any questions about subscriber experience? - What clients typically block images? PV Design Guide with chart – print and take with.
  • Email doesn’t have to look exactly like the website, but they do need to be look like brother/sister and came from same parents. Branding elements that are consistent across all channels.
  • Testing in many iterations can help you identify the best content hierarchy. Monitor Click through data: What is highly clicked? Test at top and bottom of email to see if you can drive people to search through your email to find content at the bottom.
  • Visual Hierarchy – this is when the Fun design stuff starts to happenStop thinking of the business message and think like a designerMost important story should be a bigger, bolder colorStarting to apply design skills to the content hierarchy
  • Keep imagery consistent with your brand.Emotional vs. Rational imageryVacationer on the beach or a person sitting at the computer bookingTest different types of imagery to see what gets the best results, you might be surprisePre-header text: First line of live HTML text gets pulled through as snippet on Gmail, Outlook, Iphone and some other mobile devices. Put teaser text first (like the offer, but not the subject line)Don’t recommend putting “having trouble viewing this email” because that is a crappy way to start the communication“View this email with images” is the better phrase to use. Gives the benefit. “View this email as a webpage” doesn’t resonate well with customers – they don’t understand what this means. We saw that “view this email with images” outperformed “Having trouble viewing this email? Click here.” language by 33%.“Add to Address Book” – not bother with it in pre-header. Put it in Welcome instead. Showcase the benefits of doing this in your Welcome. If they don’t do it here, you’ve missed your chance. Small subset of people. Recovery Module – reward for people who scroll all the way to the bottom of your email. Additional navigation, social links, offers, etc. Test what works best for your customers. If people learn that there is something special at the bottom of your email, you may train them to start reading through to the bottom of the email.
  • Keep in mind that the design to the right ISN’T necessarily a bad design – it’s poorly optimized. However, optimization is the first step of email design that the subscriber experiences.When you are designing this email, you should always be thinking about how you are going to code this email for eventual deployment and rendering. Your designer doesn’t have to be a coder, but they need to understand what can be challenges for coding: gradient backgrounds, etc.
  • *Data collected from over 250 million email recipients using our Fingerprint analysis tool.We get a lot of folks who use Lotus Notes internally and get really worked up about how the email renders for in house proofing, etc. FPL is a client and was concerned about how these emails were rendering with Lotus Notes for internal proofing. Went to a lot of work optimizing for this client, only to find out that when we did an audience analysis that 21% of customers are actually on Outlook, 4% on 2007 … so now we make design decisions based on actual audience anaysis instead of internal audience considerations. $39 for one-time test, Fingerprint$99 to send same list over and over
  • A lot of transactional messages go in plain text. This goes back to brand synergy – why wouldn’t you want to include some branding here.
  • Overview of HTML vs. CSSCode for email not the same as code for webHTML is a markup language that is universally CSS is a style sheet whose form is separated from its contentPut yourself in the customer’s shoes when talking to them – the beautiful, efficient world of building websites with CSS doesn’t apply here.W3C puts together rough standards. These standards don’t exist for email.Proper syntax still counts – opening and closing tags
  • No standardsHuge misconception is that mobile devices display plain text, but really they are stripping out HTML. Best thing you can do is: Keep it simple, HTML text, keep it to one column, If you know you have a very large mobile audience, you can create a landing pages with special mobile content,
  • Now I love MarketingProfs as much as the next person, so I don’t want to throw them under the bus, but…
  • Maybe they tested it and this page works well for them (I don’t know), but my initial impression is subscriber experience FAIL!
  • Here’s something kind of fun. Every year, ExactTarget hosts its user conference, Connections. Last year, we ran design tests with several of our clients to learn more about what works for each brand. You might be surprised about the results
  • This is the original Pier 1 creative – the control
  • How many of you think Design A won?How many vote for B?And C?
  • The design of A is remarkably similar to the Control: big main image, but with addition of product images with categories. Maybe P1 audience didn’t like change. They were trained to look at email this way
  • AAA Ohio – renewal emailAAA is mostly known for towing, but there are more benefits that they wanted to highlight in the Renewal Email message. This is the original creative.
  • Design A – strong call to action with red button, bulleted list of benefits. More classic “website” type of navigation with tabs.
  • Red box is the average email, if you didn’t scroll
  • How many of you think Design A won?How many vote for B?And C?
  • The winner is the nontraditional, unorthodox approach. This time it made sense bc it’s an email they are going to see only once a year … journey, scroll to the right. It’s cohesive, tell a story and all the elements make sense.
  • We decided to run a test on our Extreme Makeover partners, Marketing Experiments
  • How many of you think Design A won?How many vote for B?And C?
  • Marketing intuition can be wrong – if this doesn’t convince you to test your creative, I don’t know what will.
  • This is the landing page we use for lead generation on our PPC campaigns. Our first test – we were seeing whether a horizontal form or a vertical form was better. ET Marketing Landing Page Test – trying to optimize to get more leads
  • In the end we saw a 34% increase in leads generated on the vertical form.
  • So we took that test and decided to test a few other elements on the page. The button color, # of characters for text and the imagery.
  • Results: Blue button, shorter copy and the gentleman. Wish we would have tested two images that were more in contrast – like a person and a screen shot of the whitepaper cover
  • As a result, we have implemented across all our PPC pages, a vertical form, blue button, certain imagery and shorter copy.
  • Design and technology are seamlessly integrated.Emails should be designed and coded to display properly in the various ways a subscriber will view it. A comprehensive testing strategy is essential to ensure success.
  • How our expertise in performance-driven design increased conversions by 88%. We are working on new guides for 2010. get cards.

Design For Your Subscribers: Tips and Tricks to Increase Email Marketing ROI -  Annie Angelo Design For Your Subscribers: Tips and Tricks to Increase Email Marketing ROI - Annie Angelo Presentation Transcript

  • DESIGN FOR YOUR SUBSCRIBERSTips and Tricks to Increase Email Marketing ROI
  • WHY DOES DESIGN MATTER?
    Design is the visualization of a business plan. More than a pretty picture, great design requires an actionable plan and measureable goals.
    Design should acknowledge the subscriber experience.Put yourself in your subscriber’s shoes and understand how they will interact with your communications.
    Design and technology are seamlessly integrated.Emails should be designed and coded to display properly in the various ways a subscriber will view it. A comprehensive testing strategy is essential to ensure success.
  • LET’S TALK ABOUT…
    Creating an Actionable Plan
    Subscriber Experience
    Performance-Driven Design
    Code Matters
    The Mobile Inbox
    Test, test, TEST!
    Resources
  • BUSINESS PLANNING CHECKLIST
    • Why are you sending this email?
    • Drive leads, Increase brand awareness, etc
    • Do you have actionable segments?
    • Data, life-cycles
    • List demographics, email clients
    • What do you want subscribers to do?
    • Consider value prop, Calls to action
    • What are your key metrics that tie to objectives?
    • Open/click data, Number of leads generated
  • MAPPING TOOL
    Map your communications in one, simple view
    Excerpt from Sample Life-Cycle Plan Deliverable
  • It all begins with theFrom Name –
    73% of subscribers click “Report Spam” or “Report Junk” based on this field.
    *Email Sender and Provider Coalition
    FROM NAME
    IS YOUR FROM
    NAME EASILY
    RECOGNIZABLE?
  • SUBJECT LINE
    69% of subscribers click “Report Spam” or “Report Junk” based on this line.*
    IS YOUR SUBJECT
    LINE RELEVANT
    AND INTERESTING?
    *Email Sender and Provider Coalition
  • SUBJECT LINE
    69% of subscribers click “Report Spam” or “Report Junk” based on this line.*
    IS YOUR SUBJECT
    LINE RELEVANT
    AND INTERESTING?
  • Images are disabled by default more than 50% of the time.Isyourkey message visible, relevant and enticing in this space?
    PREVIEW PANE: IMAGES OFF
    WHAT IS YOUR
    EMAIL SAYING
    WITH IMAGES OFF?
  • PREVIEW PANE: IMAGES ON
    What’s your open rate? Only subscribers that turn images on trigger an open.Are you giving them a reason to keep reading?
    AVERAGE PREVIEW
    PANE DIMENSIONS:
    300px by 300px
  • PREVIEW PANE & IMAGE BLOCKING
    Hotmail - Images Off
    Hotmail – Images On
  • PREVIEW PANE & IMAGE BLOCKING
    Hotmail - Images Off
    Hotmail – Images On
  • ABOVE THE FOLD
    Does your content above the fold provide motivation to respond? Are you persuading subscribers to scroll?
    DON’T CRAM
    EVERYTHING
    ABOVE THE FOLD…
    INTRODUCE CONTENT
    ABOVE THE FOLD
  • COMPLETE EMAIL
    Seconds – not minutes – to view an entire email
    Only 11%* of those who open will scroll below the fold!
    EVEN IN THIS VIEW
    THE ENTIRE EMAIL IS NOT ONSCREEN AT ONCE
    *The Nielsen Norman Group
  • Subscriber experience doesn’t end with the inbox
    CLICK THROUGH
    Don’t ignore the transition to your website, landing page, or other marketing collateral.
    Ensure the products in your email are available on your site - better yet, map the individual products from the email to a product page.
    “…A well-designed email means nothing if the landing pages don’t work well.” – Chad White
  • CONSIDER THE SUBSCRIBER EXPERIENCE
    Is this the message you want to convey?
  • Brand Synergy • Content Hierarchy•Visual Hierarchy Engagement Techniques • Rendering Results •Tested Quality
    PERFORMANCE DRIVEN DESIGN
  • Website
    Email
    Visual recognition of the brand across all media channels creates a seamless brand experience, creating trust to engage and transact.
    BRAND SYNERGY
  • Wireframe
    Preview Pane
    Above the Fold
    Create a content hierarchy, arranging each content element (text and/or image) and associated call to action with appropriate weight.
    CONTENT HIERARCHY
  • Headlines utilizing size and color hierarchy
    Secondary calls-to-action
    Primary call-to-action
    Maximize response by creating a visual hierarchy, using design techniques to guide the subscriber's eye through your email based on the content hierarchy.
    VISUAL HIERARCHY
    “Quick Bites” or summaries
  • Preheader Teaser Text
    Forward to a Colleague
    In This Issue
    Read More Link
    Subscriber Q&A
    Lifestyle Imagery
    Use of Background Color
    Link to External Video
    Recovery Module
    Use design techniques to engage the subscriber through a mix of emotive and rational imagery and content. Smart use of images, borders, buttons, links, charts, colored backgrounds, etc.should be applied and tested.
    ENGAGEMENT TECHNIQUES
  • Optimized Design
    Non-optimized Design
    Main call-to-action in prime placement
    HTML text in
    web safe fonts
    If an email is created primarily with images,
    it will not display effectively when images are blocked.
    Designed with image-blocking and preview pane viewing in mind.
    Ensure your design efforts are viewed as intended once they hit the inbox. Emails that are created with the subscriber experience in mind will have a greater chance of success.
    RENDERING RESULTS
  • *Fingerprint from Litmus, February 2010
    Only comprehensive testing will validate successful rendering of design and ensure functional performance prior to sending to the subscriber inbox.
    TESTED QUALITY
    *ExactTarget via Fingerprint from Litmus, Feb. 2010
  • NEWSLETTER DESIGN CONSIDERATIONS
    • Include a Table of Contents or In This Issue Section
    • Include a 3-4 sentence teaser for articles with a “Read More” link instead of including the full article
    • Introduce your main call-to-action within the preview pane and other important content above the fold
    • Develop a visual hierarchy for headings, subheading, and body copy for easy scan-ability
    • Use images selectively to eye track to engagement areas
  • POSTCARD DESIGN CONSIDERATIONS
    • Your message should have a singular focus; don’t let your postcard become a newsletter
    • Make that message the Hero in your design
    • Introduce your main call-to-action within the preview pane and other important content above the fold
    • Consider the placement and inclusion of secondary messaging that supports your main focus
  • TRANSACTIONAL DESIGN CONSIDERATIONS
    • Position content front and center; keep it simple
    • Don’t include too much cross-sell information (follow the 70/30 rule)
    • Use a higher text to image ratio
    • Use font colors and sizes to create a visual hierarchy
    • Send a branded HTML email instead of Plain Text
  • CODE MATTERS!
    HTML for email is different than HTML for the web
    Modern web design utilizes CSS (cascading style sheets) for layout. However, due to inconsistent CSS support, HTML tables must be used for email layout. CODE LIKE IT’S 1999!
    No standards exist for displaying HTML in email.
    Proper syntax still counts – use a validator to check for general errors.
    Beware of:
    Forms, surveys, search bars
    Javascript
    Video/flash
    Animated .gifs
    Background images
  • THE MOBILE INBOX
    • Smartphone users use mobile email primarily for triage
    • There are no standards in place for displaying emails on smartphones
    • Most mobile devices display a “stripped down” version of the HTML portion of an email, NOT the plain-text version
    • Optimizing your emails with HTML text in web-safe fonts will benefit smartphone users as well
    • Consider including a link in your email to view a mobile friendly version of your email
    • One-column designs hold up best on mobile devices
  • IS THIS A POSITIVE SUBSCRIBER EXPERIENCE?
    Email with “Download Now” call to action
    Above the fold view
  • IS THIS A POSITIVE SUBSCRIBER EXPERIENCE?
    Cluttered landing page
    Lots of irrelevant content
    Where’s the download?
    • $99?!
    • Did the landing page meet the expectations that the email set up?
    • Did you build my trust as a subscriber?
  • ANOTHER LOOK AT THE EMAIL…
  • EXTREME MAKEOVER:EMAIL DESIGN EDITION
  • PIER 1 IMPORTS
  • DESIGN “A”
  • DESIGN “B”
  • DESIGN “C”
  • DESIGN “C”
    DESIGN “A”
    DESIGN “B”
    WHICH DESIGN PERFORMED THE BEST?
  • PIER 1 RESULTS
    MEASURES: CTR of Delivered Emails
    Unsubscribe Rate
    Sales Generated by Subscribers
    WINNER: Generated 86% More Clicks Than Other Competitors
    Generated 25% More Sales Than Nearest Competitor
  • WINNER: DESIGN “A”
    BUT…
  • AAA OHIO
  • DESIGN “A”
  • DESIGN “B”
  • DESIGN “C”
  • DESIGN “B”
    DESIGN “A”
    DESIGN “C”
    WHICH DESIGN PERFORMED THE BEST?
  • AAA OHIO RESULTS
    MEASURES: CTR of Delivered Emails
    Projected Renewal Revenue
    WINNER: Outperformed Control CTR by 26%
    Outperformed Projected Revenue of 2nd Place by 4%
  • WINNER: DESIGN “C”
  • MARKETING EXPERIMENTS
  • DESIGN “A”
  • DESIGN “B”
  • DESIGN “C”
  • DESIGN “C”
    DESIGN “A”
    DESIGN “B”
    WHICH DESIGN PERFORMED THE BEST?
  • MARKETINGEXPERIMENTS RESULTS
    MEASURES: CTR of Delivered Emails
    Unsubscribe Rate
    WINNER: Outperformed 2nd Place by < 2%
    Outperformed Control CTR by 26%
    Outperformed Control Unsubscribe Rate by 15.9%
  • WINNER: DESIGN “B”
  • LANDING PAGE TESTS
    Control:
    Horizontal
    Vertical
  • 5 THINGS WHITEPAPER
    Total Leads Generated: 88
    Total Leads Generated: 102
    LIFT: 34%
    Total Leads Generated: 76
  • DESIGN ELEMENTS TEST
    Buttons
    vs
    Text
    > 230 characters
    < 130 characters
    vs
    Imagery
    vs
  • WINNING COMBINATIAON
    DESIGN ELEMENTS TEST
    Buttons
    vs
    Text
    > 230 characters
    < 130 characters
    vs
    Imagery
    vs
  • AS A RESULT
  • Subject Lines
    Sender Lines
    Personalization
    List Segmentation
    Greeting Text—Content
    Greeting Text—Style
    Body Text—Content
    Body Text—Style
    Closing Text—Content
    Closing Text—Style
    11. Images
    12. Offer / Promotions
    13. Response Buttons
    14. Day / Time Sent
    15. Color
    16. Coupons
    17. Pricing
    18. Free Trial
    19 HTML vs. Text-Only
    20. Unsubscribe
    21. Taglines
    22. Creative
    23. Press mentions
    24. Store Locations
    25. Phone Numbers
    26. Animations
    27. Charts
    28. Strikeouts
    29. Signatures
    30. Testimonials
    31. Celebrities
    32. Polls / Surveys
    33. Call to Action
    34. Sound
    35. Numbering
    36. Themes
    37. Discounts
    38. Refer a Friend
    39. Click to Talk
    40. Email Sign-up
    100s of Potential “Success Factors”
    TEST, TEST, TEST!
    Insights gained from testing may be applied to ALL Marketing Channels
    (TV, Radio, Print, Tradeshows, Web, Email & Search)
  • EXACTTARGET RESOURCES
  • EXACTTARGET RESOURCES
    Email Marketing Design & Rendering: The New Essentials
    Design Tips for Outlook 2007 & 2010
    Email Design for Lotus Notes
    Twitter
    @ETDesign
    @ETMktgSolutions
    ExactTarget Blog
    blog.exacttarget.com
    MarketingExperiments
    Maximize Agency ROIthrough testing
  • SUBSCRIBERS, FANS & FOLLOWERS
    • 6-part research series into Email, Facebook & Twitter usage of 1,500+ consumers
    • Report #1: “Digital Morning”
    • Visit www.exacttarget.com/sff or text SFF & your email address to 38767 to download
  • Colby Cavanaugh
    Senior Manager, Partner Marketing
    Email: ccavanaugh@exacttarget.com
    Blog: blog.exacttarget.com
    Twitter: @ETPartners
  • ExactTarget’s New Digital Marketing Resource Guide
    Stay Current!!
    • Websites and Blogs
    • eNewsletters
    • Books and Whitepapers
    • Industry Organizations / Associations
    • Conferences