yesmail email design lookbook 2015
TRANSCRIPT
Email DesignLookbook 2015
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 PAGEDYNAMIC 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
KeyFeatures & Capabilities
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
100% READABLE WITH IMAGES OFF
BULLETPROOF BUTTONS
VIDEO
STICKY CONTENT
WEB FONTSABC
TEMPLATE SYSTEM
PatagoniaResponsive Email Template SystemThe 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
TEMPLATE SYSTEM
100% READABLE WITH IMAGES OFF
CATCH-ALL BOTTOM NAVIGATION
BULLETPROOF BUTTONS
VIDEO
RESPONSIVE DESIGN
WEB FONTSABC
Save-A-Lot Responsive Email Template SystemYum! 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
Marriott RewardsMaster Email Template SystemWe 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
Concierge Content Marketing ProjectMarriott 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.
100% READABLE WITH IMAGES OFF
BULLETPROOF BUTTONS
VIDEO
STICKY CONTENT
WEB FONTSABC
TEMPLATE SYSTEM
FirestoneResponsive Email Template SystemAutocare 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
TEMPLATE SYSTEM
100% READABLE WITH IMAGES OFF
CATCH-ALL BOTTOM NAVIGATION
BULLETPROOF BUTTONS
VIDEO
WEB FONTSABC
RESPONSIVE DESIGN
VisaResponsive Email Template System A high-end email to high-end clients, this responsive newsletter features exclusive events and benefits.
Responsive views
RESPONSIVE
100% READABLE WITH IMAGES OFF
BULLETPROOF BUTTONS
VIDEO
STICKY CONTENT
WEB FONTSABC
TEMPLATE SYSTEM
Warner Bros.Responsive Email Template SystemMany 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
TEMPLATE SYSTEM
100% READABLE WITH IMAGES OFF
CATCH-ALL BOTTOM NAVIGATION
BULLETPROOF BUTTONS
VIDEO
WEB FONTSABC
RESPONSIVE DESIGN
Nuance Communications Responsive Email Template SystemSwiss style meets modern email communications in this bold template system.
Responsive view
100% READABLE WITH IMAGES OFF
BULLETPROOF BUTTONS
VIDEO
STICKY CONTENT
WEB FONTSABC
TEMPLATE SYSTEM
The Body ShopResponsive Email Template SystemAmazing, 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
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
HumanaHealthcare Enrollment CampaignDo you have healthcare? This clean, responsive campaign for Humana, makes users aware of open enrollment period dates and encourages them to enroll.
AGENCY
Our goal: Create amazing emails, get results and have fun doing it!
these are the ones on the website- do we have another list anywhere?
1.877.937.6245 | [email protected] | www.yesmail.com
[email protected] yeslifecyclemarketing.com