Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Yesmail Email Design Lookbook 2015

In this latest edition of Yesmail’s annual lookbook, review examples of:
-Sticky content like trivia, comics, and photo of the week in a recurring section of an email meant to engage readers
-Mobile Scalable Hybrid layout that works as a single layout for big and small screens alike with 100% readable text (no zooming or pinching needed)
-Dynamic content display that changes based on customer data such as location
-100% readable text with images off that displays email text, wether or not images are loaded

  • Be the first to comment

Yesmail Email Design Lookbook 2015

  1. 1. Email Design Lookbook 2015
  2. 2. Mobile optimized form fields with transitions and on- screen validation. NEXT GENERATION REGISTRATION Social content (like tweets, photos or comments) that are pulled right into the message. An optimized web experience created in conjunction with the email to increase conversion. Changes based on user data, such as time remaining or location. One layout for big and small screens alike. 100% readable, completely functional, with no need to zoom or pinch. Relevant user information is pulled in, with an attention- grabbing graphical treatment. An interactive poll that shows results on a custom landing page. A standalone document that describes all aspects of brand messaging. Helps get clicks to other category levels with a series of links at the bottom. Multiple messages regarding the same topic with a series designation. SOCIAL EXCERPTS LANDING PAGE DYNAMIC CONTENT DISPLAY MOBILE SCALABLE HYBRID LAYOUT MEGA MERGE POLL BRAND BOOK CATCH-ALL BOTTOM NAVIGATION MULTI- MESSAGE CAMPAIGN A link that displays dynamic content within a mailto link. CUSTOM MAILTO LINK Visual cue to display user progress or time remaining within a service period. STATUS BAR 1 2 3 Key Features & Capabilities
  3. 3. Everything on these pages was created entirely by Yes Lifecycle Marketing. In this book we are also selecting our favorites from years past. A call-to-action that launches a smartphone app or desktop application. CLICK-TO-LAUNCH APP A layout that utilizes CSS3 @media properties to alter its layout for PC or mobile. RESPONSIVE DESIGN All text is displayed and readable, whether or not images are loaded. A pseudo video player, which clicks through to an autoplay video landing page. A light, recurring section, meant to engage readers (photo of the week, jargon watch, comics, trivia, etc.). Unified header/footer with stacked sections that can be added, removed or reordered. A button that can be read and clicked, even with images turned off. 100% READABLE WITH IMAGES OFF VIDEOSTICKY CONTENT TEMPLATE SYSTEM BULLETPROOF BUTTONS Allows smartphone users to click-to-call. MOBILE CLICK- TO-CALL An email that uses non- web-standard typography. Social sharing icons connected to Main CTAs. Shares a portion of the email, not the whole message. WEB FONTSSOCIAL SHARE ABC
  4. 4. 100% READABLE WITH IMAGES OFF BULLETPROOF BUTTONS VIDEO STICKY CONTENT WEB FONTSABC TEMPLATE SYSTEM Patagonia Responsive Email Template System The Patagonia lifestyle is on full display. A simple, clean template that lets Patagonia’s amazing photography and stories come to life. Responsive view RESPONSIVE DESIGN
  5. 5. TEMPLATE SYSTEM 100% READABLE WITH IMAGES OFF CATCH-ALL BOTTOM NAVIGATION BULLETPROOF BUTTONS VIDEO RESPONSIVE DESIGN WEB FONTSABC Save-A-Lot Responsive Email Template System Yum! We worked with this midwestern grocery retailer to create a fun, pinterest-like email newsletter that contains a delightful mixture of food content and offers. Responsive view
  6. 6. Marriott Rewards Master Email Template System We worked with Marriott Rewards to create a master template system that helps modernize their emails and optimizes them for mobile. The new design is fast and light, uses extensive webfonts and bulletproof buttons, and contains value-added sticky content. TEMPLATE SYSTEM 100% READABLE WITH IMAGES OFF CATCH-ALL BOTTOM NAVIGATION BULLETPROOF BUTTONS VIDEO STICKY CONTENT RESPONSIVE DESIGN MOBILE SCALABLE HYBRID LAYOUT STATUS BAR WEB FONTSABC
  7. 7. Concierge Content Marketing Project Marriott Rewards takes a bold step towards making their emails more valuable by adding editorial travel writing to their messages. Meant to delight and entertain, these bite-sized, fun articles keep users entertained and opening.
  8. 8. 100% READABLE WITH IMAGES OFF BULLETPROOF BUTTONS VIDEO STICKY CONTENT WEB FONTSABC TEMPLATE SYSTEM Firestone Responsive Email Template System Autocare that’s triggered based on your transactions, lifecycle or behavior. This responsive template system provides customers with helpful reminders and useful autocare tips. Responsive view
  9. 9. TEMPLATE SYSTEM 100% READABLE WITH IMAGES OFF CATCH-ALL BOTTOM NAVIGATION BULLETPROOF BUTTONS VIDEO WEB FONTSABC RESPONSIVE DESIGN Visa Responsive Email Template System A high-end email to high-end clients, this responsive newsletter features exclusive events and benefits. Responsive views
  10. 10. RESPONSIVE 100% READABLE WITH IMAGES OFF BULLETPROOF BUTTONS VIDEO STICKY CONTENT WEB FONTSABC TEMPLATE SYSTEM Warner Bros. Responsive Email Template System Many different brands, movies, properties and more are all under the Warner Bros umbrella. This flexible, responsive master template system allows any property to customize to their brand style using logo, typography and color – all from one master code base. RESPONSIVE DESIGN
  11. 11. TEMPLATE SYSTEM 100% READABLE WITH IMAGES OFF CATCH-ALL BOTTOM NAVIGATION BULLETPROOF BUTTONS VIDEO WEB FONTSABC RESPONSIVE DESIGN Nuance Communications Responsive Email Template System Swiss style meets modern email communications in this bold template system. Responsive view
  12. 12. 100% READABLE WITH IMAGES OFF BULLETPROOF BUTTONS VIDEO STICKY CONTENT WEB FONTSABC TEMPLATE SYSTEM The Body Shop Responsive Email Template System Amazing, natural, and beautiful. That’s how we’d describe The Body Shop and the goal for their responsive email template system. Responsive view RESPONSIVE DESIGN
  13. 13. TEMPLATE SYSTEM 100% READABLE WITH IMAGES OFF CATCH-ALL BOTTOM NAVIGATION BULLETPROOF BUTTONS VIDEO WEB FONTSABC RESPONSIVE DESIGN Announcement Responder Message 1 Message 1 Message 2 Message 2 Message 3 Message 3 Humana Healthcare Enrollment Campaign Do you have healthcare? This clean, responsive campaign for Humana, makes users aware of open enrollment period dates and encourages them to enroll.
  14. 14. AGENCY Our goal: Create amazing emails, get results and have fun doing it!
  15. 15. these are the ones on the website- do we have another list anywhere? 1.877.937.6245 | marketing@yesmail.com | www.yesmail.com
  16. 16. sales@yeslifecyclemarketing.com877.937.6245 yeslifecyclemarketing.com

    Be the first to comment

    Login to see the comments

  • JohnPorcaro1

    Oct. 16, 2015
  • clivingston84

    Nov. 12, 2015

In this latest edition of Yesmail’s annual lookbook, review examples of: -Sticky content like trivia, comics, and photo of the week in a recurring section of an email meant to engage readers -Mobile Scalable Hybrid layout that works as a single layout for big and small screens alike with 100% readable text (no zooming or pinching needed) -Dynamic content display that changes based on customer data such as location -100% readable text with images off that displays email text, wether or not images are loaded

Views

Total views

922

On Slideshare

0

From embeds

0

Number of embeds

3

Actions

Downloads

15

Shares

0

Comments

0

Likes

2

×