Upload
peachjar
View
144
Download
1
Tags:
Embed Size (px)
DESCRIPTION
Responsive designed emails optimize to all devices have a higher open rate and look better. Check out the link for more statistics. http://responsive.hchmarketing.net/landing/landing
Citation preview
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 . [email protected] or call 760-420-0226