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
Design For Your Subscribers: Tips and Tricks to Increase Email Marketing ROI - Annie Angelo
1. DESIGN FOR YOUR SUBSCRIBERSTips and Tricks to Increase Email Marketing ROI
2. 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.
3. LET’S TALK ABOUT… Creating an Actionable Plan Subscriber Experience Performance-Driven Design Code Matters The Mobile Inbox Test, test, TEST! Resources
13. 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?
14. 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
15. SUBJECT LINE 69% of subscribers click “Report Spam” or “Report Junk” based on this line.* IS YOUR SUBJECT LINE RELEVANT AND INTERESTING?
16. 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?
17. 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
18. PREVIEW PANE & IMAGE BLOCKING Hotmail - Images Off Hotmail – Images On
19. PREVIEW PANE & IMAGE BLOCKING Hotmail - Images Off Hotmail – Images On
20. 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
21. 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
22. 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
25. Website Email Visual recognition of the brand across all media channels creates a seamless brand experience, creating trust to engage and transact. BRAND SYNERGY
26. 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
27. 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
28. 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
29. 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
30. *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
31.
32. Include a 3-4 sentence teaser for articles with a “Read More” link instead of including the full article
33. Introduce your main call-to-action within the preview pane and other important content above the fold
34. Develop a visual hierarchy for headings, subheading, and body copy for easy scan-ability
58. 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
65. 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%
72. 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%
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.