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.
2. Key
Features & Capabilities
MOBILE
SCALABLE MEGA MERGE POLL BRAND BOOK
HYBRID LAYOUT
One layout for big and small Relevant user information is An interactive poll that A standalone document
screens alike. 100% readable, pulled in, with an attention- shows results on a custom that describes all aspects
completely functional, with grabbing graphical treatment. landing page. of brand messaging.
no need to zoom or pinch.
DYNAMIC
SOCIAL EXCERPTS STATUS BAR LANDING PAGE CONTENT DISPLAY
Social content (like tweets, Visual cue to display user An optimized web Changes based on user data
photos or comments) that are progress or time remaining experience created in such as time remaining or
pulled 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 LINK
Mobile optimized form fields Helps get clicks to other Multiple messages regarding A link that displays dynamic
with 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 BUTTONS
A light, recurring section, A call-to-action that launches A button that can be read A pseudo video player, which
meant 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 OFF
Allows smartphone users to Unified header/footer with A layout that utilizes CSS3 All text is displayed and
click-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 Responsive
A layout that utilizes CSS3
Toys“R”Us Holiday Campaign
@media properties to alter its
layout 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
Odwalla
One layout for big and small
Monthly Newsletter
screens alike. 100% readable,
completely functional, with A fun, cheerful newsletter that contains a nice
no need to zoom or pinch. mix of editorial, social, sticky and product
content. All images are cut-out paper art!
BULLETPROOF
BUTTONS
A button that can be read
and clicked, even with images
turned off.
STICKY CONTENT
A light, recurring section,
meant to engage readers
(photo of the week, jargon
watch, comics, trivia etc.).
SOCIAL EXCERPTS
Social content (like tweets,
photos or comments) that are
pulled right into the message.
CATCH-ALL
BOTTOM
NAVIGATION
Helps get clicks to other
category levels with a series of
links at the bottom.
5 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
6. TEMPLATE
SYSTEM
Hewlett-Packard
Unified header/footer with
Worldwide Ecommerce Template System & Style Guide
stacked sections that can be
added, 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 LAYOUT
One layout for big and small
screens alike. 100% readable,
completely functional, with
no need to zoom or pinch.
100% READABLE
WITH IMAGES OFF
All text is displayed and
readable, whether or not
images are loaded.
BULLETPROOF
BUTTONS
A button that can be read
and clicked, even with images
turned off.
6 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
7. VIDEO Hewlett-Packard
A pseudo video player, which
Worldwide Ecommerce Template System & Style Guide
clicks through to an autoplay
video landing page.
POLL
An interactive poll that
shows results on a custom
landing page.
CATCH-ALL
BOTTOM
NAVIGATION
Helps get clicks to other
category levels with a series of
links at the bottom.
7 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
8. RESPONSIVE
DESIGN
Domino’s Pizza
A layout that utilizes CSS3
Mobile Responsive Template
@media properties to alter its
layout 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-Cola
One layout for big and small
Monthly Newsletter
screens alike. 100% readable,
completely functional, with Red “stretchy bands” anchor this fun and factual
no need to zoom or pinch. newsletter from Coca-Cola. Fully mobile scalable
and readable with images off.
BULLETPROOF
BUTTONS
A button that can be read
and clicked, even with images
turned off.
100% READABLE
WITH IMAGES OFF
All text is displayed and
readable, whether or not
images are loaded.
SOCIAL EXCERPTS
Social content (like tweets,
photos or comments) that are
pulled right into the message.
9 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
10. NEXT
GENERATION
REGISTRATION
Intel
Mobile optimized form fields
Software Adrenaline Registration Page
with transitions and on-screen
validation. 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 its
layout for PC or mobile.
DYNAMIC
CONTENT DISPLAY
Changes based on user data
such as time remaining or
location.
LANDING PAGE
An optimized web experience
created in conjunction with the
email to increase conversion.
10 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
11. RESPONSIVE
DESIGN
A layout that utilizes CSS3
@media properties to alter its
Intel
layout 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 go
A button that can be read
and clicked, even with images
full screen while the type scales up. True mobile design.
turned off.
SOCIAL EXCERPTS
RESPONSIVE
Social content (like tweets,
photos or comments) that are
pulled right into the message.
STICKY CONTENT
A light, recurring section,
meant to engage readers
(photo of the week, jargon
watch, comics, trivia etc.).
100% READABLE
WITH IMAGES OFF
All text is displayed and
readable, whether or not
images are loaded.
CATCH-ALL
BOTTOM
NAVIGATION
Helps get clicks to other
category levels with a series of
links at the bottom.
11 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
12. MOBILE
SCALABLE
HYBRID LAYOUT
Assurant
One layout for big and small
Warranty Reminders
screens alike. 100% readable,
completely functional, with A message to warranty customers letting them
no 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 read
and clicked, even with images
turned off.
STATUS BAR
Visual cue to display user
progress or time remaining
within a service period.
MOBILE CLICK-
TO-CALL
Allows smartphone users to
click-to-call.
100% READABLE
WITH IMAGES OFF
All text is displayed and
readable, whether or not
images are loaded.
12 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
13. MOBILE
VSP
SCALABLE
HYBRID LAYOUT
One layout for big and small
screens alike. 100% readable,
completely functional, with
Monthly Newsletter
no 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 its
layout for PC or mobile.
BULLETPROOF
BUTTONS RESPONSIVE
A button that can be read
and clicked, even with images
turned off.
TEMPLATE
SYSTEM
Unified header/footer with
stacked sections that can be
added, removed or reordered.
STICKY CONTENT
A light, recurring section,
meant to engage readers
(photo of the week, jargon
watch, comics, trivia etc.).
100% READABLE
WITH IMAGES OFF
All text is displayed and
readable, whether or not
images are loaded. 13 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
14. MOBILE
SCALABLE
HYBRID LAYOUT
eBay Green
One layout for big and small
Template System
screens alike. 100% readable,
completely functional, with All eBay Green messages, from short postcards to
no need to zoom or pinch. long newsletters, are created using this template
system. Newsletters contain an interesting mix
of eco-news and promotions.
BULLETPROOF
BUTTONS
A button that can be read
and clicked, even with images
turned off.
VIDEO
A pseudo video player, which
clicks through to an autoplay
video landing page.
STICKY CONTENT
A light, recurring section,
meant to engage readers
(photo of the week, jargon
watch, comics, trivia etc.).
CATCH-ALL
BOTTOM
NAVIGATION
Helps get clicks to other
category levels with a series of
links at the bottom.
14 1.877.937.6246 | marketing@yesmail.com | www.yesmail.com
15. MOBILE
SCALABLE
HYBRID LAYOUT
Linden Labs
One layout for big and small
Second Life Template System
screens alike. 100% readable,
completely functional, with A large, complex template system that can generate
no need to zoom or pinch. all Second Life messages. Includes a top nav link to
launch the application.
BULLETPROOF
BUTTONS
A button that can be read
and clicked, even with images
turned off.
VIDEO
A pseudo video player, which
clicks through to an autoplay
video landing page.
SOCIAL EXCERPTS
Social content (like tweets,
photos or comments) that are
pulled right into the message.
CATCH-ALL
BOTTOM
NAVIGATION
Helps get clicks to other
category levels with a series of
links at the bottom.
15 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