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
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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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.