email design lookbook 2014

17
Email Design Lookbook 2014 AGENCY

Upload: yesmail-interactive

Post on 08-May-2015

1.244 views

Category:

Documents


6 download

DESCRIPTION

We’ve reached the tipping point where more email opens occur on mobile devices than desktops: 55% versus 45%. So today, mobile-optimized email creative is a “need-to-have” instead of a “nice-to-have.” Download Yes Agency’s lookbook to see messages from leading companies that feature not only cutting-edge creative design, but also smart email approaches. For instance: -Template system—streamline the email production process through a unified header/footer with stacked sections that can be added, removed or reordered -Catch-all bottom navigation—boost clicks to other categories with a series of links at the bottom of a message -100% readable with images off—all text is displayed and readable, whether images are actually loaded

TRANSCRIPT

Page 1: Email Design Lookbook 2014

Email DesignLookbook 2014 AGENCY

Page 2: Email Design Lookbook 2014

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

AGENCY

KeyFeatures & Capabilities

Page 3: Email Design Lookbook 2014

Everything on these pages was created entirely by Yes Agency.

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

Page 4: Email Design Lookbook 2014

4

TEMPLATE SYSTEM

100% READABLE WITH IMAGES OFF

CATCH-ALL BOTTOM NAVIGATION

BULLETPROOF BUTTONS

VIDEO

STICKY CONTENT

RESPONSIVE DESIGN

WEB FONTSABC

IntelDeveloper Zone NewsletterIntel’s fantastic newsletter for developers contains a large variety of editorial articles. With surging mobile opens, Yes Agency helped Intel clean up their content, modernize their look and most importantly go mobile-responsive.

Page 5: Email Design Lookbook 2014

5

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 Marriott RewardsMaster Email Template SystemYes Agency worked with Marriott Rewards to create a master template system that helps modernize their emails and optimize them for mobile. The new design is fast and light, uses extensive web fonts and bulletproof buttons, and contains value-added sticky content.

Page 6: Email Design Lookbook 2014

6

BULLETPROOF BUTTONS

STICKY CONTENT

MOBILE SCALABLE HYBRID LAYOUT

See’s CandiesEmail DesignYum! Email templates that cleanly display the delicious candy, promotions, and interesting tid-bits about their iconic brand and history.

Page 7: Email Design Lookbook 2014

7

TEMPLATE SYSTEM

100% READABLE WITH IMAGES OFF

CATCH-ALL BOTTOM NAVIGATION

BULLETPROOF BUTTONS

VIDEO

RESPONSIVE DESIGN

BrotherEmail Template SystemYes Agency assisted Brother International with a large template system that gave them a modern, mobile design and could be used for all of their campaigns, from acquisition to retention, transactional and more.

Page 8: Email Design Lookbook 2014

RESPONSIVE

8

TEMPLATE SYSTEM

100% READABLE WITH IMAGES OFF

CATCH-ALL BOTTOM NAVIGATION

BULLETPROOF BUTTONS

VIDEO

RESPONSIVE DESIGN

WEB FONTSABC

LormanEmail Template SystemLorman is a company that helps people learn through seminars. Yes Agency assisted them with a master template that handles a large amount of copy, yet feels light and scannable.

Page 9: Email Design Lookbook 2014

9

TEMPLATE SYSTEM

100% READABLE WITH IMAGES OFF

CATCH-ALL BOTTOM NAVIGATION

BULLETPROOF BUTTONS

RESPONSIVE DESIGN

WEB FONTSABC

Duluth Trading CompanyEmail Template SystemYes Agency helped Duluth make their awesome (and hilarious) emails, mobile ready. A large, flexible template system enabled them to create messages right in HTML code, reducing their time to publish.

Page 10: Email Design Lookbook 2014

10

TEMPLATE SYSTEM

100% READABLE WITH IMAGES OFF

CATCH-ALL BOTTOM NAVIGATION

BULLETPROOF BUTTONS

RESPONSIVE DESIGN

WEB FONTSABC

eBayMaster Email Template SystemYes Agency partnered with eBay to create a responsive master template system that helped make the company’s numerous email campaigns entirely mobile ready.

Page 11: Email Design Lookbook 2014

11

TEMPLATE SYSTEM

100% READABLE WITH IMAGES OFF

CATCH-ALL BOTTOM NAVIGATION

BULLETPROOF BUTTONS

VIDEO

RESPONSIVE DESIGN

WEB FONTSABC

A responsive template system that uses the major elements of Time’s brand (red borders, strong typography) yet showcases Time for Kids’ inspiring photography.

Time for KidsEmail Template System

Page 12: Email Design Lookbook 2014

12

TEMPLATE SYSTEM

100% READABLE WITH IMAGES OFF

CATCH-ALL BOTTOM NAVIGATION

BULLETPROOF BUTTONS

VIDEO

RESPONSIVE DESIGN

STICKY CONTENT

WEB FONTSABC

Lancôme needed an email template system that would evoke their iconic brand and contain a strong editorial magazine look and feel. Web fonts and a stylish design, along with a personal editor’s note, make this monthly email shine.

LancômeMonthly Newsletter

Page 13: Email Design Lookbook 2014

13

TEMPLATE SYSTEM

100% READABLE WITH IMAGES OFF

BULLETPROOF BUTTONS

VIDEO

STICKY CONTENT

WEB FONTSABC

Char-broilEmail Template SystemGrilling tips, new products, sales, and replacement parts are all part of this modern email layout that uses web fonts and social dispatches. Best of all, Char-broil’s production time was drastically reduced, allowing their marketing to be more nimble and effective.

Page 14: Email Design Lookbook 2014

Horses of the Dawn: The Escape

Gold MedalWinter

Defy

14

TEMPLATE SYSTEM

100% READABLE WITH IMAGES OFF

BULLETPROOF BUTTONS

RESPONSIVE DESIGN

STICKY CONTENT

CLICK-TO-LAUNCH APP

SOCIAL SHARING

Scholastic’s popular teen initiative connects teens with their favorite Scholastic authors and books, building a community of readers through email, social and location-based mobile apps. Yes Agency assisted them by bringing this bright, fun brand to life through a responsive email template system.

ScholasticThis is Teen Template System

Page 15: Email Design Lookbook 2014

© Jack Satta Photography 2014

AGENCY

Yes AgencyLongest-Running Dedicated Email Design Agency

The Creative Team within Yes Agency Services 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. Real-time metrics allow our in-house agency to develop informed designs that lead to more

successful email campaigns. Our experience and client diversity give a unique perspective into enterprise email marketing, allowing our creative services team to optimize campaigns for mobile viewership, social integration and maximum conversion.

Page 16: Email Design Lookbook 2014

• ThE RELEvAnCY RIng – ESP BuYERS’ guIDE 2014 Gold Customer Satisfaction Award – Creative Services, Product

Innovation, Account Management, Integration, Deliverability

• 13Th AnnuAL hoRIzon InTERACTIvE AwARDS Bronze Award in the Email Marketing/Newsletter Category

• 2013 InTERnET ADvERTISIng CoMPETITIon Best Computer: Hardware Email Message Campaign

• 2012 IMA IMPACT AwARDS Best Email Marketing Strategic Campaign

• 2012 MEDIAPoST’S oMMA AwARDS 2012 Finalist for MediaPost’s OMMA Awards

• 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

© Jack Satta Photography 2014

Awards 35 industry awards for excellence in creative email

Page 17: Email Design Lookbook 2014

[email protected] yesmail.com