MOBILE CENTRIC DIGITAL AGENCY

We are enablers of innovation, we cater to creativity, and our passion lies within the services we provide and the clients we

service….

HCH MARKETING

A collection of techniques, such as fluid grids, flexible images and media queries which aim to provide the optimal viewing experience across various platforms

WHAT IS RESPONSIVE DESIGN

A percentage based design that adapts to

the screen size accordingly

Images sized in relative units to prevent them

from displaying outside their containing

element

A way to apply CSS rules to the page

based on the size of the displaying

browser

Calculated from 298 million opens tracked in November 2013

EMAIL CLIENT MARKET SHARE AND STAGGERING STATS

* http://emailclientmarketshare.com

*

Of email opens are on mobile

devices, yet many emails are only

designed for desktop viewing.

Text is often difficult to read, details in images are hard to see

and links are impossible to click

on mobile

TOP EMAIL CLIENTS

Studies have found that

people look at their phones an average of 150

times a day. These brief interactions

mean that you must focus

getting your point across quickly

Of people delete an email if it

doesn’t look good on their mobile

device.

Numbers don’t lie -

THE DIGTIAL AGE

The Digital Age has changed how we view content, react socially and partake in day to day communicate practically in every way- we look at the phone before we go to bed, for some of us in the middle of the night, and first thing when we wake. We have been rewired to The Digital Age over the past 6 years, to some extent without knowing. HOWEVER most businesses we own or work for have not automatically been rewired. It is the responsibility for us to take the steps to rewire our businesses and to allow it to communicate effectively, so us humans can give us impatient humans what we want. The fastest and most cost effective way to rewire your business is through PROPER email communication- the stats have been coming in and Numbers don’t lie..

Dominos Pizza Responsive Designed EMAIL campaign scaled to Desktop, Tablet, and Mobile devices.

DOMINOS PIZZA

Before using responsive email, mobile

accounted for 22% of its CRM

sales. Immediately after the switch, it

grew to 36%.

For a company the size of Domino's that

is a lot of pizza coming from a mobile

email template

.

Responsive Designed EMAIL campaign scaled to Desktop, Tablet, and Mobile devices.

AUTO TRADER

A 20% increase in

open rate(Recipients

receiving the email and

opening it to read)

A 45% increase in

engagement(Recipients

reading the newsletter

for over 15 seconds)

A 134% increase in

click through (Readers

clicking on links within

the newsletter)

Expedia Responsive Designed EMAIL campaign scaled to Desktop, Tablet, and Mobile devices.

EXPEDIA

The Expedia team decided to take a three-step media

query approach, utilizing breakpoints at 600px, 400px and

300px. As a result, their emails imitate a true responsive

design: fluidly resizing and scaling beautifully

In 2012, 28% of mobile device owners booked

travel on their smartphones. It’s projected that

mobile travel bookings will more than triple from

2012 to 2014 and reach about $25.8 billion US dollars.

Responsive Designed site scaled to Desktop, Tablet, and Mobile devices

A

Full website Tablet Mobile

AIRPORTPARKING.COM

Responsive Designed EMAIL campaign scaled to Desktop, Tablet, and Mobile devices

AIRPORT PARKING

Tablet Mobile Desktop

TOMS Responsive Designed EMAIL campaign scaled to Desktop, Tablet, and Mobile devices.

TOMS

TOMS

This is not your typical responsive email

design. TOMS actually creates two versions

of its image-only email, one 600px wide and

the other 320px, and uses media queries to

display the correct version. This is a great

solution for any retailers out there who have

image-only emails.

Size? Responsive Designed EMAIL campaign scaled to Desktop, Tablet, and Mobile devices.

SIZE?

Size?

Size? Did the opposite of TOMS. Rather than

replacing images, it uses responsive email

design to automatically half the width of their

images from 640px to 320px. This is another

great solution for anybody who primarily sends

image-only emails. You do need to make sure

that your images will still look good when you

half their width, though.

3 Types of Email Categories

EMAIL CATEGORISE

Marketing Newsletters Your predominate email campaigns

sent out they are newsletters the

customers have opted-in for

Notifications Auto-responders or Trigger emails.

Users get notified when an event

happens. It motivates a reaction out

of the customer or preferred

customer

Transactional Messages to check or confirm tied

to CRM. The message is important

and is geared toward monetary

transactions.

Sales and Promotions Shopping cart abandonment Order status

Events Greetings after purchase Payment confirmation

News Release Event reminder Tracking/shipping

RSS Activate your account Invoice

New Product is out Balacnce

Most opened emails- Notifications and also the most underutilized

You have a responsive designed Email now what? Testing Key Functions and features of your email is critical to the success of

your campaign.

WE ALWAYS PERFORM EMAIL TESTS

• COMPREHENSIVE DESIGN TESTING

• SPAM TESTING

• PAGE TESTS

• TRANSACTIONAL TESTING

Email Previews

After we Design your email we preview the email across 30+ email clients and devices to make sure it looks beautiful and

acts properly

AOL Mail * Apple Mail 5 Apple Mail 6 Gmail * Lotus Notes 8.5 Lotus Notes 8 Lotus Notes 7 Lotus Notes 6.5

Android 2.3 & 4.0 iPhone 5 iOS 6 iPhone 4S iOS 6 iPad 2 iOS 6 BlackBerry Text & HTML Symbian S60

Thunderbird Outlook 2013 Outlook 2011 for Mac Outlook 2010 Outlook 2007 Outlook 2003 Outlook 2002/XP Outlook 2000 Outlook.com * Yahoo! *

COMPREHENSIVE DESIGN TESTING

Windows Phone 7.5 * Webmail testing available in IE9, latest versions of Chrome & Firefox (PC), and on Android devices.

EMAIL CLIENTS DEVICES

* COVERS Web-Based clients: Explorer, Firefox, and Chrome

Your emails won’t get read if they’re not in the inbox

Our comprehensive test checks your authentication, your reputation, and provides scores and feedback for common

ISP and corporate filters.

SPAM TESTING

STAY COMPATIBLE

We do browser testing..

We do cross-browser page testing in addition to your email previews. It will show how it appears in the following popular

web browsers.

PAGE TEST

WINDOWS MAC

Chrome (XP) Firefox (XP) Explorer 10 (Win 7) Explorer 6 (XP) Explorer 7 (Vista) Explorer 8 (XP) Explorer 9 (Win 7) Opera (Vista)

Chrome (OSX) Firefox (OSX) Safari (iOS 6) Safari (OSX

Bulletproof Email Campaigns = Rock Star QA

QA CHECK

Mobile Testing Preview in mobile devices

Interactive Troubleshooting Make changes and see updates in real-time

Link Validation Landing page previews

Compatibility check Code analysis

We Publish page results We publish test results in a beautiful page that can share with your clients and other stakeholders

HUMAN-READABLE FEEDBACK Improve your scores with actionable advice

BLACKLIST TEST Reputation check

AUTHENTICATION Sender verification

Color blindness check

EMAIL PREVIEWS Comprehensive design testing

SERVER-SIDE AND ISP FILTERS All major spam filters

THANK YOU!

NEXT STEPS

NEXT STEPS- Schedule a call, review previous campaigns and gather information. We can refresh your previous email campaign, use templates or design and develop a custom responsive email. After the initial call we will Create a Project/Design Brief, Quote the project, Deliver a Mock up if necessary, Develop Site, Perform Extensive testing, Launch and Analyse . Ed.hoffman@hchmarketing.net or call 760-420-0226