SlideShare una empresa de Scribd logo
1 de 61
DESIGN FOR YOUR SUBSCRIBERSTips and Tricks to Increase Email Marketing ROI
LET’S TALK ABOUT… Subscriber Experience Performance-Driven Design Code Matters The Mobile Inbox Landing Pages Test, test, TEST! Resources
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.
SUBSCRIBER EXPERIENCE Consider 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 NAME SUBJECT LINE PREVIEW PANE ABOVE THE FOLD COMPLETE EMAIL CLICK THROUGH
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 ,[object Object]
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,[object Object]
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,[object Object]
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,[object Object]
THE MOBILE INBOX ,[object Object]
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,[object Object]
LANDING PAGE TIPS Continuity – graphics, offers, headlines, imagery, data Set expectations, and follow through accordingly Keep forms simple Honest, clear, concise copy – use bullets! Avoid extra elements (navigation, sidebars, images…) Don’t be afraid to re-state value Use seals! Same rules of email apply to landing pages
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 ProjectedRevenue 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?

Más contenido relacionado

La actualidad más candente

50 call-to-action-templates
50 call-to-action-templates50 call-to-action-templates
50 call-to-action-templates
Mauro Bassotti
 
50 call-to-action-templates
50 call-to-action-templates50 call-to-action-templates
50 call-to-action-templates
Israel Ayala
 

La actualidad más candente (16)

50 call-to-action-templates
50 call-to-action-templates50 call-to-action-templates
50 call-to-action-templates
 
50 call-to-action-templates
50 call-to-action-templates50 call-to-action-templates
50 call-to-action-templates
 
Call to-action templates by hubspot
Call to-action templates by hubspotCall to-action templates by hubspot
Call to-action templates by hubspot
 
Samples - web design, blog posts, and infographics
Samples - web design, blog posts, and infographicsSamples - web design, blog posts, and infographics
Samples - web design, blog posts, and infographics
 
Top 10 Things You Need to Know about Email Creative
Top 10 Things You Need to Know about Email CreativeTop 10 Things You Need to Know about Email Creative
Top 10 Things You Need to Know about Email Creative
 
Dreamforce | ExactTarget Marketing Cloud: The Mobile Inbox 101
Dreamforce | ExactTarget Marketing Cloud: The Mobile Inbox 101Dreamforce | ExactTarget Marketing Cloud: The Mobile Inbox 101
Dreamforce | ExactTarget Marketing Cloud: The Mobile Inbox 101
 
RPC-EmailMarketing-Session
RPC-EmailMarketing-SessionRPC-EmailMarketing-Session
RPC-EmailMarketing-Session
 
How to Design Perfect Email Temnplate Practice
How to Design Perfect Email Temnplate PracticeHow to Design Perfect Email Temnplate Practice
How to Design Perfect Email Temnplate Practice
 
Ab testing for_beginners
Ab testing for_beginnersAb testing for_beginners
Ab testing for_beginners
 
Getting Started with A/B Testing
Getting Started with A/B TestingGetting Started with A/B Testing
Getting Started with A/B Testing
 
PC8 presentation 02-18-12
PC8 presentation 02-18-12PC8 presentation 02-18-12
PC8 presentation 02-18-12
 
20 Surefire Ways to Generate More Qualified Leads
20 Surefire Ways to Generate More Qualified Leads 20 Surefire Ways to Generate More Qualified Leads
20 Surefire Ways to Generate More Qualified Leads
 
Oli Gardner SMD Warsaw 2014 - Advanced Landing Page Optimization With Conve...
Oli Gardner  SMD Warsaw 2014  - Advanced Landing Page Optimization With Conve...Oli Gardner  SMD Warsaw 2014  - Advanced Landing Page Optimization With Conve...
Oli Gardner SMD Warsaw 2014 - Advanced Landing Page Optimization With Conve...
 
Copywriting for Conversion Webinar with Joanna Wiebe
Copywriting for Conversion Webinar with Joanna Wiebe Copywriting for Conversion Webinar with Joanna Wiebe
Copywriting for Conversion Webinar with Joanna Wiebe
 
HTML Email Best Practice
HTML Email Best PracticeHTML Email Best Practice
HTML Email Best Practice
 
Tri Valley E Mailand Social
Tri Valley E Mailand SocialTri Valley E Mailand Social
Tri Valley E Mailand Social
 

Destacado

1 o que realmente importa
1   o que realmente importa1   o que realmente importa
1 o que realmente importa
Edmila Coelho
 
Guthrie Munion - Profile (2015)
Guthrie Munion - Profile (2015)Guthrie Munion - Profile (2015)
Guthrie Munion - Profile (2015)
Guthrie Munion
 
Apresentação futelazer 2013 5
Apresentação futelazer 2013 5Apresentação futelazer 2013 5
Apresentação futelazer 2013 5
Rose Paola
 
4. Exclusividade 2.0 - Diego Simon - VivaReal - Distrito Federal - Brasília
4. Exclusividade 2.0 - Diego Simon - VivaReal - Distrito Federal - Brasília4. Exclusividade 2.0 - Diego Simon - VivaReal - Distrito Federal - Brasília
4. Exclusividade 2.0 - Diego Simon - VivaReal - Distrito Federal - Brasília
Guru do Corretor
 
Cloudera case study_experian
Cloudera case study_experianCloudera case study_experian
Cloudera case study_experian
John Murimi
 
NPM.2011-12.AnnualReport
NPM.2011-12.AnnualReportNPM.2011-12.AnnualReport
NPM.2011-12.AnnualReport
Rishi Moudgil
 
Guia básico como-pequenas-empresas-podem-fazer-grandes-negócios-com-o-facebook
Guia básico como-pequenas-empresas-podem-fazer-grandes-negócios-com-o-facebookGuia básico como-pequenas-empresas-podem-fazer-grandes-negócios-com-o-facebook
Guia básico como-pequenas-empresas-podem-fazer-grandes-negócios-com-o-facebook
Guilherme Nascimento
 

Destacado (20)

3sixty email design by tammi st. angelo
3sixty email design by tammi st. angelo3sixty email design by tammi st. angelo
3sixty email design by tammi st. angelo
 
How To Write Compelling Subject Lines
How To Write Compelling Subject LinesHow To Write Compelling Subject Lines
How To Write Compelling Subject Lines
 
Paper Aeroplane Pitch
Paper Aeroplane PitchPaper Aeroplane Pitch
Paper Aeroplane Pitch
 
1 o que realmente importa
1   o que realmente importa1   o que realmente importa
1 o que realmente importa
 
Guthrie Munion - Profile (2015)
Guthrie Munion - Profile (2015)Guthrie Munion - Profile (2015)
Guthrie Munion - Profile (2015)
 
Apresentação futelazer 2013 5
Apresentação futelazer 2013 5Apresentação futelazer 2013 5
Apresentação futelazer 2013 5
 
uMobi: Concept presentation
uMobi: Concept presentationuMobi: Concept presentation
uMobi: Concept presentation
 
Smart income
Smart incomeSmart income
Smart income
 
Incentivo fiscal icms_apresentacao7
Incentivo fiscal icms_apresentacao7Incentivo fiscal icms_apresentacao7
Incentivo fiscal icms_apresentacao7
 
Question 6 Media Eval
Question 6 Media EvalQuestion 6 Media Eval
Question 6 Media Eval
 
MRI Presentation
MRI PresentationMRI Presentation
MRI Presentation
 
Presentation1
Presentation1Presentation1
Presentation1
 
4. Exclusividade 2.0 - Diego Simon - VivaReal - Distrito Federal - Brasília
4. Exclusividade 2.0 - Diego Simon - VivaReal - Distrito Federal - Brasília4. Exclusividade 2.0 - Diego Simon - VivaReal - Distrito Federal - Brasília
4. Exclusividade 2.0 - Diego Simon - VivaReal - Distrito Federal - Brasília
 
Cloudera case study_experian
Cloudera case study_experianCloudera case study_experian
Cloudera case study_experian
 
4.Mercado Imobiliário na Internet - Exclusividade 2 - Diego Simon - VivaReal ...
4.Mercado Imobiliário na Internet - Exclusividade 2 - Diego Simon - VivaReal ...4.Mercado Imobiliário na Internet - Exclusividade 2 - Diego Simon - VivaReal ...
4.Mercado Imobiliário na Internet - Exclusividade 2 - Diego Simon - VivaReal ...
 
NPM.2011-12.AnnualReport
NPM.2011-12.AnnualReportNPM.2011-12.AnnualReport
NPM.2011-12.AnnualReport
 
Muzik juara
Muzik juaraMuzik juara
Muzik juara
 
Re-engagement Strategies Author Todd Wilson
Re-engagement Strategies Author Todd Wilson  Re-engagement Strategies Author Todd Wilson
Re-engagement Strategies Author Todd Wilson
 
Pengembangan softskill-mahasiswa
Pengembangan softskill-mahasiswaPengembangan softskill-mahasiswa
Pengembangan softskill-mahasiswa
 
Guia básico como-pequenas-empresas-podem-fazer-grandes-negócios-com-o-facebook
Guia básico como-pequenas-empresas-podem-fazer-grandes-negócios-com-o-facebookGuia básico como-pequenas-empresas-podem-fazer-grandes-negócios-com-o-facebook
Guia básico como-pequenas-empresas-podem-fazer-grandes-negócios-com-o-facebook
 

Similar a Design for Your Subscribers

Similar a Design for Your Subscribers (20)

Design For Your Subscribers: Tips and Tricks to Increase Email Marketing ROI ...
Design For Your Subscribers: Tips and Tricks to Increase Email Marketing ROI ...Design For Your Subscribers: Tips and Tricks to Increase Email Marketing ROI ...
Design For Your Subscribers: Tips and Tricks to Increase Email Marketing ROI ...
 
Designing for your subscribers
Designing for your subscribersDesigning for your subscribers
Designing for your subscribers
 
Responsys email design-coding_recommendations
Responsys email design-coding_recommendationsResponsys email design-coding_recommendations
Responsys email design-coding_recommendations
 
Making Websites & Email Marketing Work for Small Business
Making Websites & Email Marketing Work for Small BusinessMaking Websites & Email Marketing Work for Small Business
Making Websites & Email Marketing Work for Small Business
 
EMarketing Techniques Conference_Emailmarketingessentials May2008
EMarketing Techniques Conference_Emailmarketingessentials May2008EMarketing Techniques Conference_Emailmarketingessentials May2008
EMarketing Techniques Conference_Emailmarketingessentials May2008
 
Email-Marketing-Griffith-Week8
Email-Marketing-Griffith-Week8Email-Marketing-Griffith-Week8
Email-Marketing-Griffith-Week8
 
Digital marketing - Introduction to email marketing
Digital marketing - Introduction to email marketingDigital marketing - Introduction to email marketing
Digital marketing - Introduction to email marketing
 
Online Marketing Education Series 1
Online Marketing Education Series 1Online Marketing Education Series 1
Online Marketing Education Series 1
 
eMarketing Webinar - The Perfect Email
eMarketing Webinar - The Perfect EmaileMarketing Webinar - The Perfect Email
eMarketing Webinar - The Perfect Email
 
Designing for email
Designing for emailDesigning for email
Designing for email
 
eDM Strategy
eDM Strategy eDM Strategy
eDM Strategy
 
11 steps for better emailing results v5 - blog.digico.fr
11 steps for better emailing results v5 - blog.digico.fr11 steps for better emailing results v5 - blog.digico.fr
11 steps for better emailing results v5 - blog.digico.fr
 
12 steps for better emailing results v3
12 steps for better emailing results v312 steps for better emailing results v3
12 steps for better emailing results v3
 
RPC-EmailMarketingOverview
RPC-EmailMarketingOverviewRPC-EmailMarketingOverview
RPC-EmailMarketingOverview
 
Email Marketing 101: Basics Overview
Email Marketing 101: Basics OverviewEmail Marketing 101: Basics Overview
Email Marketing 101: Basics Overview
 
Email Marketing 101: Basics Overview
Email Marketing 101: Basics OverviewEmail Marketing 101: Basics Overview
Email Marketing 101: Basics Overview
 
State of email design 2016 (Litmus)
State of email design 2016  (Litmus)State of email design 2016  (Litmus)
State of email design 2016 (Litmus)
 
IBAT-EmailMarketing
IBAT-EmailMarketingIBAT-EmailMarketing
IBAT-EmailMarketing
 
DBS-EmailMarketingSession
DBS-EmailMarketingSessionDBS-EmailMarketingSession
DBS-EmailMarketingSession
 
Griffith-EmailMarketingSession
Griffith-EmailMarketingSessionGriffith-EmailMarketingSession
Griffith-EmailMarketingSession
 

Último

Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
HyderabadDolls
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
 
poliovirus-190801072449. pptx
poliovirus-190801072449.            pptxpoliovirus-190801072449.            pptx
poliovirus-190801072449. pptx
ssuser0ad194
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
wpkuukw
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
eeanqy
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
 
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
eeanqy
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
gajnagarg
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
wpkuukw
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
balqisyamutia
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
nirzagarg
 

Último (20)

The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
poliovirus-190801072449. pptx
poliovirus-190801072449.            pptxpoliovirus-190801072449.            pptx
poliovirus-190801072449. pptx
 
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEKLANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
 
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best ServiceIndependent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
 
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
 

Design for Your Subscribers

  • 1. DESIGN FOR YOUR SUBSCRIBERSTips and Tricks to Increase Email Marketing ROI
  • 2. LET’S TALK ABOUT… Subscriber Experience Performance-Driven Design Code Matters The Mobile Inbox Landing Pages Test, test, TEST! Resources
  • 3. 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.
  • 4. SUBSCRIBER EXPERIENCE Consider 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 NAME SUBJECT LINE PREVIEW PANE ABOVE THE FOLD COMPLETE EMAIL CLICK THROUGH
  • 5. 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?
  • 6. 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
  • 7. SUBJECT LINE 69% of subscribers click “Report Spam” or “Report Junk” based on this line.* IS YOUR SUBJECT LINE RELEVANT AND INTERESTING?
  • 8. 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?
  • 9. 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
  • 10. PREVIEW PANE & IMAGE BLOCKING Hotmail - Images Off Hotmail – Images On
  • 11. PREVIEW PANE & IMAGE BLOCKING Hotmail - Images Off Hotmail – Images On
  • 12. 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
  • 13. 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
  • 14. 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
  • 15. CONSIDER THE SUBSCRIBER EXPERIENCE Is this the message you want to convey?
  • 16. Brand Synergy • Content Hierarchy•Visual Hierarchy Engagement Techniques • Rendering Results •Tested Quality PERFORMANCE DRIVEN DESIGN
  • 17. Website Email Visual recognition of the brand across all media channels creates a seamless brand experience, creating trust to engage and transact. BRAND SYNERGY
  • 18. 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
  • 19. 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
  • 20. 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
  • 21. 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
  • 22. *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
  • 23.
  • 24. Include a 3-4 sentence teaser for articles with a “Read More” link instead of including the full article
  • 25. Introduce your main call-to-action within the preview pane and other important content above the fold
  • 26. Develop a visual hierarchy for headings, subheading, and body copy for easy scan-ability
  • 27.
  • 28. Make that message the Hero in your design
  • 29. Introduce your main call-to-action within the preview pane and other important content above the fold
  • 30.
  • 31. Don’t include too much cross-sell information (follow the 70/30 rule)
  • 32. Use a higher text to image ratio
  • 33. Use font colors and sizes to create a visual hierarchy
  • 34.
  • 35.
  • 36. There are no standards in place for displaying emails on smartphones
  • 37. Most mobile devices display a “stripped down” version of the HTML portion of an email, NOT the plain-text version
  • 38. Optimizing your emails with HTML text in web-safe fonts will benefit smartphone users as well
  • 39. Consider including a link in your email to view a mobile friendly version of your email
  • 40.
  • 41. LANDING PAGE TIPS Continuity – graphics, offers, headlines, imagery, data Set expectations, and follow through accordingly Keep forms simple Honest, clear, concise copy – use bullets! Avoid extra elements (navigation, sidebars, images…) Don’t be afraid to re-state value Use seals! Same rules of email apply to landing pages
  • 47. DESIGN “C” DESIGN “A” DESIGN “B” WHICH DESIGN PERFORMED THE BEST?
  • 48. 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
  • 54. DESIGN “B” DESIGN “A” DESIGN “C” WHICH DESIGN PERFORMED THE BEST?
  • 55. AAA OHIO RESULTS MEASURES: CTR of Delivered Emails Projected Renewal Revenue WINNER: Outperformed Control CTR by 26% Outperformed ProjectedRevenue of 2nd Place by 4%
  • 61. DESIGN “C” DESIGN “A” DESIGN “B” WHICH DESIGN PERFORMED THE BEST?
  • 62. MARKETINGEXPERIMENTS RESULTS MEASURES: CTR of Delivered Emails Unsubscribe Rate WINNER: Outperformed 2nd Place by < 2% Outperformed Control CTR by 26% Outperformed ControlUnsubscribe Rate by 15.9%
  • 64. LANDING PAGE TESTS Control: Horizontal Vertical
  • 65. 5 THINGS WHITEPAPER Total Leads Generated: 88 Total Leads Generated: 102 LIFT: 34% Total Leads Generated:76
  • 66. DESIGN ELEMENTS TEST Buttons vs Text > 230 characters < 130 characters vs Imagery vs
  • 67. WINNING COMBINATIAON DESIGN ELEMENTS TEST Buttons vs Text > 230 characters < 130 characters vs Imagery vs
  • 69. 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)
  • 71. EXACTTARGET DESIGN RESOURCES Design Tipsfor Outlook 2007 Email MarketingDesign & Rendering: The New Essentials Email Design Checklist Email Designfor Lotus Notes CareerBuilder.com Case Study
  • 72. EXACTTARGET DESIGN RESOURCES Design Team Blog New posts weekly! blog.exacttarget.com MarketingExperiments Maximize Agency ROIthrough testing Design Team Tweets @ETDesign twitter.com/etdesign

Notas del editor

  1. A 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 message from the John…” Story – From name was too long in gmail!
  2. Old Navy sent out an email with the subject line “20% off all adult purchases”SO – what’s the best subject line? TEST. Do a simple A/B split testing static vs. changing, promo vs. info, etc.
  3. Old Navy sent out an email with the subject line “20% off all adult purchases”SO – what’s the best subject line? TEST. Do a simple A/B split testing static vs. changing, promo vs. info, etc.
  4. 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.
  5. ET tracks opens this way.
  6. “…A well-designed email means nothing if the landing pages don’t work well.” – Chad White
  7. And if they want to view more…is it for the right reasons?
  8. Keep imagery consistent with your brand.
  9. 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.
  10. *Data collected from over 250 million email recipients using our Fingerprint analysis tool.
  11. 1. Introduce presenters + attendees2. Overview of what we’ll cover.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
  12. Our first PPC test – we were seeing whether a horizontal form or a vertical form was better.
  13. In the end we saw a 34% on the vertical form.
  14. 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.
  15. Results: Blue button, shorter copy and the gentleman.
  16. As a result, we have implemented across all our PPC pages, a vertical form, blue button, certain imagery and shorter copy.
  17. How our expertise in performance-driven design increased conversions by 88%