2013 Yesmail Email Design Lookbook

design lookbook 2013

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

1.877.937.6246 | [email protected] | www.yesmail.com

KeyFeatures & Capabilities

Unlike some other lookbooks, everything on these pages was created entirely by Yesmail.

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


RESPONSIVE

4


RESPONSIVE DESIGN


eBay ResponsiveToys“R”Us Holiday CampaignMobile Responsive! A Toys”R”Us message for eBay’s Holiday 2012 campaign that altered its own appearance when opened on a mobiledevice. True mobile design at its best.

5




STICKY CONTENT




BULLETPROOF BUTTONS


SOCIAL EXCERPTS


Odwalla Monthly NewsletterA fun, cheerful newsletter that contains a nice mix of editorial, social, sticky and product content. All images are cut-out paper art!

6


TEMPLATE SYSTEM






BULLETPROOF BUTTONS


Hewlett-Packard Worldwide Ecommerce Template System & Style GuideWith 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.

7


VIDEO

An interactive poll that shows results on a custom landing page.

POLL




Hewlett-Packard Worldwide Ecommerce Template System & Style Guide

RESPONSIVE

8


RESPONSIVE DESIGN


Domino’s Pizza Mobile Responsive TemplateDomino’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.

9






BULLETPROOF BUTTONS


SOCIAL EXCERPTS


Coca-ColaMonthly NewsletterRed “stretchy bands” anchor this fun and factual newsletter from Coca-Cola. Fully mobile scalable and readable with images off.

10


RESPONSIVE DESIGN

Changes based on user data such as time remaining or location.

DYNAMIC CONTENT DISPLAY

Mobile optimized form fields with transitions and on-screen validation.

NEXT GENERATION REGISTRATION

An optimized web experience created in conjunction with the email to increase conversion.

LANDING PAGE


IntelSoftware Adrenaline Registration PageNext-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 that always displays the most popular content.

RESPONSIVE

11


BULLETPROOF BUTTONS


STICKY CONTENT


RESPONSIVE DESIGN




SOCIAL EXCERPTS




IntelSoftware Adrenaline Responsive NewsletterIntel noticed skyrocketing “opens on mobile” numbers. So they reacted swiftly to turn their popular newsletter into a mobile-responsive dynamo. Open it on mobile and watch the buttons go full screen while the type scales up. True mobile design.

12




BULLETPROOF BUTTONS

Visual cue to display user progress or time remaining within a service period.

STATUS BAR

Allows smartphone users to click-to-call.

MOBILE CLICK- TO-CALL




AssurantWarranty RemindersA message to warranty customers letting them know how much time remains. Loaded with personalization for relevance, it’s totally readable without images and includes a click-to-call on mobile.

13


RESPONSIVE DESIGN




BULLETPROOF BUTTONS




TEMPLATE SYSTEM


STICKY CONTENT


VSPMonthly NewsletterVSP’s newsletter provides useful and interesting eye care news to readers. This best in class newsletter is not just fun to read, it can be read without images and changes to true mobile design when opened on certain phones.

RESPONSIVE

14


STICKY CONTENT






BULLETPROOF BUTTONS


VIDEO


eBay GreenTemplate SystemAll eBay Green messages, from short postcards to long newsletters, are created using this template system. Newsletters contain an interesting mix of eco-news and promotions.

15






BULLETPROOF BUTTONS


VIDEO


SOCIAL EXCERPTS


Linden LabsSecond Life Template SystemA large, complex template system that can generate all Second Life messages. Includes a top nav link to launch the application.

Jack Satta, Art Director and Annie Wilkins, Copywriter. © Christian Columbres

Portland • San Francisco • Los Angeles • Omaha • Chicago • Atlanta • New YorkBoston • Toronto • London • Singapore


Yes Design Longest-Running Dedicated Email Design Agency

Yesmail’s Creative & Agency Team was established in 1999 with a distinct focus on email, registration pages and landing pages. We have developed expertise from years of making design decisions by analyzing results. Being connected to real-time metrics provides our in-house

agency with informed designs that lead to more successful email campaigns. Our experience and client diversity give a unique perspective in enterprise email marketing, and our creative services optimize your campaigns for mobile viewership, social integration and maximum conversion.

• 2012 IMPACT AWARDS Best Email Marketing Strategic Campaign, HP Clearance Sale

• 2012 MEDIAPOST’S OMMA AWARDS Best Email Campaign or Standalone: Finalist, HP Clearance Sale

• 2012 ETAIL EMAIL MARKETING Best-in-Class Finalist, Webroot Secure Scoop Newsletter

• 2012 MARKETING SHERPA EMAIL AWARDS Best Triggered Email or Auto-Responder Series: Silver,

Feld Entertainment Welcome Series

• 2012 MERIT AWARD International Association of Business Communicators,

VSP Envision Newsletter

• 2011 HORIZON INTERACTIVE AWARD Bronze - Email Marketing, Webroot Secure Scoop Newsletter

• 2011 MEDIAPOST’S OMMA AWARDS Best Email CRM Campaign , HP Customer Revival Campaign

• 2011 RETAIL EMAIL BLOG DESIGN HALL OF FAME Most Eye-Catching Design, HP Ultrabook

• 2010 INTERNET ADVERTISING COMPETITION Best Technology Email Campaign: Finalist, HP Monster Sale

• 2010 MARKETING SHERPA EMAIL AWARDS Best Dynamic Content or Personalized Email: Gold, Microsoft Enhanced

Hotmail and Messenger Launch

• 2010 MARKETING SHERPA EMAIL AWARDS Best Email Opt-In Campaign B2C: Silver, My Coke Rewards

Community Invite

• 2009 AD:TECH AWARDS Performance Marketing Campaign: Finalist, HP Mini 1000:

The Perfect Mobile Companion

• 2009 AD:TECH AWARDS Best Performance Marketing Campaign: Finalist, HP Voodoo

Monthly Newsletter


Awards Consistent Recognition for Excellence in Email

[email protected] yesmail.com