Your SlideShare is downloading. ×

2013 Yesmail Email Design Lookbook

487
views

Published on

Are your email campaigns missing pieces of flare? Check out Yesmail’s annual lookbook to learn email design practices that contribute to better open, click-through and conversation rates. The lookbook …

Are your email campaigns missing pieces of flare? Check out Yesmail’s annual lookbook to learn email design practices that contribute to better open, click-through and conversation rates. The lookbook showcases real-world email campaigns that incorporate cutting edge design concepts, such as
mobile scalable hybrid layout, dynamic content display, click-to-launch app.

Published in: Design, Technology, Business

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
487
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
9
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. design lookbook 2013
  • 2. KeyFeatures & Capabilities MOBILE SCALABLE MEGA MERGE POLL BRAND BOOK HYBRID LAYOUTOne layout for big and small Relevant user information is An interactive poll that A standalone documentscreens alike. 100% readable, pulled in, with an attention- shows results on a custom that describes all aspectscompletely functional, with grabbing graphical treatment. landing page. of brand messaging.no need to zoom or pinch. DYNAMIC SOCIAL EXCERPTS STATUS BAR LANDING PAGE CONTENT DISPLAYSocial content (like tweets, Visual cue to display user An optimized web Changes based on user dataphotos or comments) that are progress or time remaining experience created in such as time remaining orpulled right into the message. within a service period. conjunction with the email location. to increase conversion. NEXT CATCH-ALL 2 MULTI- GENERATION BOTTOM 1 3 MESSAGE CUSTOM REGISTRATION NAVIGATION CAMPAIGN MAILTO LINKMobile optimized form fields Helps get clicks to other Multiple messages regarding A link that displays dynamicwith transitions and on- category levels with a series the same topic with a series content within a mailto link.screen validation. of links at the bottom. designation. 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
  • 3. CLICK- STICKY CONTENT TO-LAUNCH BULLETPROOF VIDEO APP BUTTONSA light, recurring section, A call-to-action that launches A button that can be read A pseudo video player, whichmeant to engage readers a smartphone app or desktop and clicked, even with clicks through to an autoplay(photo of the week, jargon application. images turned off. video landing page.watch, comics, trivia etc.). MOBILE CLICK- TEMPLATE RESPONSIVE 100% READABLE TO-CALL SYSTEM DESIGN WITH IMAGES OFFAllows smartphone users to Unified header/footer with A layout that utilizes CSS3 All text is displayed andclick-to-call. stacked sections that can be @media properties to alter its readable, whether or not added, removed or reordered. layout for PC or mobile. images are loaded. Unlike some other lookbooks, everything on these pages was created entirely by Yesmail. 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
  • 4. RESPONSIVE DESIGN eBay ResponsiveA layout that utilizes CSS3 Toys“R”Us Holiday Campaign@media properties to alter itslayout for PC or mobile. Mobile Responsive! A Toys”R”Us message for eBay’s Holiday 2012 campaign that altered its own appearance when opened on a mobile device. True mobile design at its best. RESPONSIVE 4 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
  • 5. MOBILE SCALABLE HYBRID LAYOUT OdwallaOne layout for big and small Monthly Newsletterscreens alike. 100% readable,completely functional, with A fun, cheerful newsletter that contains a niceno need to zoom or pinch. mix of editorial, social, sticky and product content. All images are cut-out paper art! BULLETPROOF BUTTONSA button that can be readand clicked, even with imagesturned off. STICKY CONTENTA light, recurring section,meant to engage readers(photo of the week, jargonwatch, comics, trivia etc.). SOCIAL EXCERPTSSocial content (like tweets,photos or comments) that arepulled right into the message. CATCH-ALL BOTTOM NAVIGATIONHelps get clicks to othercategory levels with a series oflinks at the bottom. 5 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
  • 6. TEMPLATE SYSTEM Hewlett-PackardUnified header/footer with Worldwide Ecommerce Template System & Style Guidestacked sections that can beadded, removed or reordered. With the new HP brand, all emails (from B2B to B2C, newsletters to postcards) are published using robust email template systems. Worldwide brand consistency in a rapid-development, mobile scalable, bulletproof layout. MOBILE SCALABLE HYBRID LAYOUTOne layout for big and smallscreens alike. 100% readable,completely functional, withno need to zoom or pinch. 100% READABLE WITH IMAGES OFFAll text is displayed andreadable, whether or notimages are loaded. BULLETPROOF BUTTONSA button that can be readand clicked, even with imagesturned off. 6 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
  • 7. VIDEO Hewlett-PackardA pseudo video player, which Worldwide Ecommerce Template System & Style Guideclicks through to an autoplayvideo landing page. POLLAn interactive poll thatshows results on a customlanding page. CATCH-ALL BOTTOM NAVIGATIONHelps get clicks to othercategory levels with a series oflinks at the bottom. 7 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
  • 8. RESPONSIVE DESIGN Domino’s PizzaA layout that utilizes CSS3 Mobile Responsive Template@media properties to alter itslayout for PC or mobile. Domino’s challenged us to keep their full size PC template, but make it responsive! Heavy research and coding allow for a true mobile responsive equivalent when opened on a smartphone. RESPONSIVE 8 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
  • 9. MOBILE SCALABLE HYBRID LAYOUT Coca-ColaOne layout for big and small Monthly Newsletterscreens alike. 100% readable,completely functional, with Red “stretchy bands” anchor this fun and factualno need to zoom or pinch. newsletter from Coca-Cola. Fully mobile scalable and readable with images off. BULLETPROOF BUTTONSA button that can be readand clicked, even with imagesturned off. 100% READABLE WITH IMAGES OFFAll text is displayed andreadable, whether or notimages are loaded. SOCIAL EXCERPTSSocial content (like tweets,photos or comments) that arepulled right into the message. 9 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
  • 10. NEXT GENERATION REGISTRATION IntelMobile optimized form fields Software Adrenaline Registration Pagewith transitions and on-screenvalidation. Next-Gen-Reg! This is what modern registration experience feels like. Large form fields, stepped questions (with animated transitions), on-screen validation and a dynamic section RESPONSIVE DESIGN that always displays the most popular content.A layout that utilizes CSS3@media properties to alter itslayout for PC or mobile. DYNAMIC CONTENT DISPLAYChanges based on user datasuch as time remaining orlocation. LANDING PAGEAn optimized web experiencecreated in conjunction with theemail to increase conversion. 10 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
  • 11. RESPONSIVE DESIGNA layout that utilizes CSS3@media properties to alter its Intellayout for PC or mobile. Software Adrenaline Responsive Newsletter BULLETPROOF Intel noticed skyrocketing “opens on mobile” numbers. So they BUTTONS reacted swiftly to turn their popular newsletter into a mobile- responsive dynamo. Open it on mobile and watch the buttons goA button that can be readand clicked, even with images full screen while the type scales up. True mobile design.turned off. SOCIAL EXCERPTS RESPONSIVESocial content (like tweets,photos or comments) that arepulled right into the message. STICKY CONTENTA light, recurring section,meant to engage readers(photo of the week, jargonwatch, comics, trivia etc.). 100% READABLE WITH IMAGES OFFAll text is displayed andreadable, whether or notimages are loaded. CATCH-ALL BOTTOM NAVIGATIONHelps get clicks to othercategory levels with a series oflinks at the bottom. 11 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
  • 12. MOBILE SCALABLE HYBRID LAYOUT AssurantOne layout for big and small Warranty Remindersscreens alike. 100% readable,completely functional, with A message to warranty customers letting themno need to zoom or pinch. know how much time remains. Loaded with personalization for relevance, it’s totally readable without images and includes a click-to-call on BULLETPROOF BUTTONS mobile.A button that can be readand clicked, even with imagesturned off. STATUS BARVisual cue to display userprogress or time remainingwithin a service period. MOBILE CLICK- TO-CALLAllows smartphone users toclick-to-call. 100% READABLE WITH IMAGES OFFAll text is displayed andreadable, whether or notimages are loaded. 12 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
  • 13. MOBILE VSP SCALABLE HYBRID LAYOUTOne layout for big and smallscreens alike. 100% readable,completely functional, with Monthly Newsletterno need to zoom or pinch. VSP’s newsletter provides useful and interesting eye care news to readers. This best in class newsletter is not just RESPONSIVE fun to read, it can be read without images and changes DESIGN to true mobile design when opened on certain phones.A layout that utilizes CSS3@media properties to alter itslayout for PC or mobile. BULLETPROOF BUTTONS RESPONSIVEA button that can be readand clicked, even with imagesturned off. TEMPLATE SYSTEMUnified header/footer withstacked sections that can beadded, removed or reordered. STICKY CONTENTA light, recurring section,meant to engage readers(photo of the week, jargonwatch, comics, trivia etc.). 100% READABLE WITH IMAGES OFFAll text is displayed andreadable, whether or notimages are loaded. 13 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
  • 14. MOBILE SCALABLE HYBRID LAYOUT eBay GreenOne layout for big and small Template Systemscreens alike. 100% readable,completely functional, with All eBay Green messages, from short postcards tono need to zoom or pinch. long newsletters, are created using this template system. Newsletters contain an interesting mix of eco-news and promotions. BULLETPROOF BUTTONSA button that can be readand clicked, even with imagesturned off. VIDEOA pseudo video player, whichclicks through to an autoplayvideo landing page. STICKY CONTENTA light, recurring section,meant to engage readers(photo of the week, jargonwatch, comics, trivia etc.). CATCH-ALL BOTTOM NAVIGATIONHelps get clicks to othercategory levels with a series oflinks at the bottom. 14 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
  • 15. MOBILE SCALABLE HYBRID LAYOUT Linden LabsOne layout for big and small Second Life Template Systemscreens alike. 100% readable,completely functional, with A large, complex template system that can generateno need to zoom or pinch. all Second Life messages. Includes a top nav link to launch the application. BULLETPROOF BUTTONSA button that can be readand clicked, even with imagesturned off. VIDEOA pseudo video player, whichclicks through to an autoplayvideo landing page. SOCIAL EXCERPTSSocial content (like tweets,photos or comments) that arepulled right into the message. CATCH-ALL BOTTOM NAVIGATIONHelps get clicks to othercategory levels with a series oflinks at the bottom. 15 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
  • 16. Yes DesignLongest-Running Dedicated Email Design AgencyYesmail’s Creative & Agency Team was established in 1999 agency with informed designs that lead to more successfulwith a distinct focus on email, registration pages and email campaigns. Our experience and client diversity givelanding pages. We have developed expertise from years a unique perspective in enterprise email marketing, andof making design decisions by analyzing results. Being our creative services optimize your campaigns for mobileconnected to real-time metrics provides our in-house viewership, social integration and maximum conversion. Jack Satta, Art Director and Annie Wilkins, Portland • San Francisco • Los Angeles • Omaha • Chicago • Atlanta • New York Copywriter. © Christian Columbres Boston • Toronto • London • Singapore 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
  • 17. Awards Consistent Recognition for Excellence in Email• 2012 IMPACT AWARDS • 2011 RETAIL EMAIL BLOG DESIGN HALL OF FAME Best Email Marketing Strategic Campaign, HP Clearance Sale Most Eye-Catching Design, HP Ultrabook• 2012 MEDIAPOST’S OMMA awards • 2010 INTERNET ADvertising COMPETITION Best Email Campaign or Standalone: Finalist, HP Clearance Sale Best Technology Email Campaign: Finalist, HP Monster Sale• 2012 ETAIL EMAIL MARKETING • 2010 MARKETING SHERPA EMAIL AWARDS Best-in-Class Finalist, Webroot Secure Scoop Newsletter Best Dynamic Content or Personalized Email: Gold, Microsoft Enhanced Hotmail and Messenger Launch• 2012 Marketing Sherpa EMAIL Awards Best Triggered Email or Auto-Responder Series: Silver, • 2010 MARKETING SHERPA EMAIL AWARDS Feld Entertainment Welcome Series Best Email Opt-In Campaign B2C: Silver, My Coke Rewards Community Invite• 2012 MERIT Award International Association of Business Communicators, • 2009 AD:TECH AWARDS VSP Envision Newsletter Performance Marketing Campaign: Finalist, HP Mini 1000: The Perfect Mobile Companion• 2011 HORIZON INTERACTIVE Award Bronze - Email Marketing, Webroot Secure Scoop Newsletter • 2009 AD:TECH AWARDS Best Performance Marketing Campaign: Finalist, HP Voodoo• 2011 Mediapost’s OMMA Awards Monthly Newsletter Best Email CRM Campaign , HP Customer Revival Campaign 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
  • 18. 877.YESMAIL sales@yesmail.com yesmail.com