Proprietary and Confidential S TRONG V IEW M ARKETING S ERVICES TAKING YOUR EMAIL MOBILE.

Slides:



Advertisements
Similar presentations
Coding a Responsive HTML
Advertisements

Support.ebsco.com EBSCOhost Mobile Tutorial. Welcome to the EBSCOhost Mobile tutorial, a guide to the most popular EBSCOhost features available for use.
Mobile Chicago User Group. LP Mobile Each Month… 60 Million Visits Monitored 4 Million Messages Sent.
Use Tables for Layout Control Day 7. You will learn to: Understand Tables Create a Simple Table Modify Your Tables Appearance Create Page Layouts with.
V1.01 Embracing the Mobile Frontier and Reaching the Digital Natives Jonathan
Zinio Library Patron Setup Step-By-Step September 2012.
Principles of Web Design 5 th Edition Chapter Nine Site Navigation.
Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.
6 Developing Content and Layout Section 6.1 Generate and organize content ideas Write and organize Web text Section 6.2 Identify page dimension guidelines.
Go Mobile or Fall Behind. Gary Richmond – VP, Sales & Account Management.
Mobile at USC Common Solutions Group University of Minnesota, June 2011.
Mass Best Practices. Includes: Invitations.
1 of 5 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Tony 684 User Data App Services Arun 765 Thomas 762 Shell Kernel Shawn 626 App Roberth 779 Enterprise John Ignite Store Barclay 695 Andrew 617 App.
The Power of and Social Media Marketing to Boost your Business presented by:
Easy Responsive Design for s and Pages in Salsa.
BY: SAVEY CATHEY BEST MARKETING DESIGN PRACTICES: HOW TO.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 12: Building Responsive Webpages.
HTML Overview for Proofreading. HTML layouts are divided into sections, and created in tables separating the images & content sections.
 jQuery Mobile An Introduction. What is jQuery Mobile  A framework built on top of jQuery, used for creating mobile web applications  Designed to make.
Strongmail New Features & Best Practices New Media Team Marketing Services.
CIT 256 Mobile Web Development Dr. Beryl Hoffman.
WDV 331 Dreamweaver Applications Designing Websites for Mobile Devices Dreamweaver CS6 Chapter 11.
Getting The Most Out of Your Business Website Insert Your Logo.
Hosted on the Powerful Microsoft Azure Platform, Advent Countdown Lets Companies Run Reliable and Scalable Holiday Marketing Campaigns MICROSOFT AZURE.
The Mobile Pitch Deck December Why Does Your Business Need a Mobile Website? Mobile Web Surfing is estimated to overtake desktop web surfing by.
GAIN A COMPETITIVE ADVANTAGE BY SELLING ATLAS
NOTE: To change the image on this slide, select the picture and delete it. Then click the Pictures icon in the placeholder to insert your own image. WEB.
A Site for All Eyes – Considerations for Responsive Design October 19, 2012 Dori Kelner, MS Principal, Sleight-of-Hand Studios
| imodules.com Making Your Site Mobile-Ready Presented by Chris Smith and Mark Werner.
Basic Responsive Design Techniques. Let’s take a look at this basic layout. It has a header and two columns of text, in a box that is centered on the.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
Week 8 – Part 3 More on Links, Layout, and Mobile Key Concepts 1.
Responsive design - Bedrock to our site Responsive site templates included.
Instant Messaging for the Workplace A pure collaborative communication tool that does not distract users from their normal activities.
Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® Copyright 2012 Adobe.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: – The head content – The body Creating Head Content and Setting Page.
GETTING FROM DESIGN TO IMPLEMENTATION How to get to the finish line with Responsive and Mobile Development.
How to complete the Europass Language Passport The current situation.
Proprietary and Confidential S TRONG V IEW M ARKETING S ERVICES TAKING YOUR MOBILE.
Training Guide for Inzalo SOP Users. This guide has been prepared to demonstrate the use of the Inzalo Intranet based SOP applications. The scope of this.
Is your website mobile-friendly? Colorado Housing and Finance Authority.
242/102/49 0/51/59 181/172/166 Primary colors 248/152/29 PMS 172 PMS 137 PMS 546 PMS /206/ /227/ /129/123 Secondary colors 114/181/204.
Chapter 5 Working with Tables Principles of Web Design, 4 th Edition.
Creating Google Sites Laura Assem, Director of Technology.
Basics of testing mobile apps
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 7 Key Concepts 1 Copyright © Terry Felke-Morris.
December accountant release webinar December 11, 2012.
Topics in Technology and Marketing Push Marketing: .
GO MOBILE. GO RESPONSIVE. 185 mil mobile internet users in India
Positioning Objects with CSS and Tables
0Copyright 2014 FUJITSU New Zealand Limited FUJITSU CONFIDENTIAL UNLESS SPECIFIED OTHERWISE Microsoft CRM Tablet App for Dynamics CRM 2013 Travis Chen.
IPDF toolkit – brought to you by PwC How to use this Interactive PDF (iPDF) template This template is part of a self-service iPDF toolkit. Use this to.
E-commerce Marketing & Advertising
| imodules.com It’s a Mobile World Out There, Shouldn’t Your be as Well? Presented by Chris Smith, Manager of Design Services.
Paul Hassall Pets At Home Mobile Commerce Deployment.
Basic Elements of Responsive Web Design Jason Bengtson, MLIS, AHIP Emerging Technologies/R&D Librarian UNM Health Sciences Library and Informatics Center.
© 2012 DigitalDay | MOBILE WEB DESIGN PRINCIPLES Best Practices Workshop 1.
Chapter 7: Landing Page Optimization. Chapter Objectives Identify the various types of landing pages. Design a landing page that makes effective use of.
We help businesses achieve online success! © All rights reserved. 8-digital.com - Proprietary and Confidential.
‹#› 1973 Limited, Couching House, Watlington, Oxfordshire, OX49 5PX, UK | +44 (0) | |
Section 6.1 Section 6.2 Write Web text Use a mission statement
CSCI 1720 W3.CSS – Part 1 East Tennessee State University Department of Computing CSCI 1720 Intermediate Web Design.
How to Mobilize Your Online Traffic
Using Office 365 Across All Your Devices
Implementing Responsive Design
Chapter 2 Starting a Project
Responsive Design Optimizing the browsing experience
Making Your Site Mobile-Ready
WEB DESIGN FOR MULTIPLE SCREENS
Presentation transcript:

Proprietary and Confidential S TRONG V IEW M ARKETING S ERVICES TAKING YOUR MOBILE.

Proprietary and Confidential New mobile activations on December 24 th, 2012 DID YOU KNOW THERE WERE

Proprietary and Confidential …OR THAT of mobile readers do so in the bathroom… …Hmmm …Hmmm

Proprietary and Confidential F ACT IS : M ORE P EOPLE ARE R EADING E MAIL ON M OBILE

Proprietary and Confidential A ND 2013 IS THE Y EAR

Proprietary and Confidential MOBILE OPTIMIZATION. WHY SHOULD YOU CARE? 1. Mobile will account for 15 to 65% of opens, depending on your target audience, product and type. 2. An average of 48% of marketers don’t know what percentage of their s are read via a mobile device. 3. If an does not display correctly, 69.7% will delete it immediately % of is now opened on a mobile device % of consumers find reading marketing s on their mobile more difficult than on a PC.

Proprietary and Confidential MOBILE OPTIMIZATION is showing relevant content while ensuring optimal display across devices.

Proprietary and Confidential TYPES OF MOBILE OPTIMIZATION RESPONSIVE STRUCTURE Responsive design uses the same markup languages that you’ve always used for your design. It uses CSS3 media queries to display different layouts of an depending on the size of the viewing screen. You can display or hide elements for a true mobile experience. SCALABLE LAYOUT The simplest, yet most effective way to approach mobile optimization development. A scalable layout starts early in the design process. It is readable and clickable no matter which size environment it is in. It is a single design with only one HTML version. FLUID CONTAINER This layout approach will automatically adapt to the width of the screen the is being viewed on. It relies on no media query. Similar to scalable design, it will wrap copy length to the appropriate width of the screen.

Proprietary and Confidential HOW DO YOU PROCEED? While one option won’t work across all campaigns, it is possible to use techniques from all three optimization options. The question remains. WHAT WORKS BEST FOR YOU?

Proprietary and Confidential H OW O THER B RANDS H AVE TAKEN THEIR MOBILE.

Proprietary and Confidential CASE STUDY – IHG – CROWNE PLAZA OBJECTIVE Develop a platform friendly template that not only zeroes in on the most relevant information displayed on a smartphone, but has the flexibility to use the same design for multiple messages and brands. DESIGN DEVELOP CODE STRATEGY INTEGRATE % Click-Through Rate % Disengagement Rate

Proprietary and Confidential CASE STUDY – IHG – CROWNE PLAZA Click-to-call reservation link Hidden background for quick load Moved social icons to the bottom Text column fits to screen Removed social icons to reduce clutter

Proprietary and Confidential CASE STUDY - CISCO OBJECTIVE Provide a better user experience for Cisco’s monthly newsletter showcasing the latest news, product updates and industry trends. By nature, newsletters use a lot of text and images, typically wrapped into a 2-column layout. Multiple column layouts don’t display well on a mobile device forcing the reader to scroll horizontally. DEVELOPCODEINTEGRATE

Proprietary and Confidential CASE STUDY - CISCO Showed only half of image Hidden background for quick load Secondary content was moved to the bottom Text column fits to screen Removed social icons to reduce clutter

Proprietary and Confidential CASE STUDY – SCRIPPS NETWORKS OBJECTIVE Scripps Network engaged StrongMail with the task of mobile optimizing an campaign for The Travel Network. The end product was a success, as we were able to optimally adjust and/or hide content within a one- column layout that’s easy on the eye and prioritizes the pertinent information for the user. DEVELOPCODE DESIGN 30 % Click-Through Rate

Proprietary and Confidential CASE STUDY – SCRIPPS NETWORKS Centered logo Increased font size Single column for easy read Image fits to screen

Proprietary and Confidential CASE STUDY – VITACOST OBJECTIVE When displayed on a mobile device the desktop version turned out to be difficult to interact with. When shrunk down to 320px, the images and CTA buttons were difficult for the user to engage with. With mobile device penetration stated as one of Vitacost’s largest objectives, it was important to make sure that the mobile experience was optimal across devices. DEVELOPCODEINTEGRATE

Proprietary and Confidential CASE STUDY – VITACOST Increased logo for brand recognition Increased size of social icons Elastic layout adapts to the width of the screen New easy to click navigation bar

Proprietary and Confidential CASE STUDY – STUDENT FLIGHTS DEVELOPCODEINTEGRATE OBJECTIVE Increase sales by mobile optimizing Student Flights daily deals . Leverage all important elements in the , across all devices, while showcasing a clear call-to-action and informing busy students on the go. 35 % Click-Through Rate

Proprietary and Confidential CASE STUDY – STUDENT FLIGHTS Stacked text Increased font size Single column for easy read Image fits to screen Click-to-call reservation link

Proprietary and Confidential CASE STUDY – MCAFEE OBJECTIVE Increase sales by mobile optimizing a software renewal from McAfee. Refocus the most important elements in the and hide the rest while offering a clear call to action and closing the sale. DESIGN DEVELOPCODEINTEGRATE 25 % Revenue 20 % Revenue Per

Proprietary and Confidential CASE STUDY – MCAFEE New background and font color Increased font size Switched from two column to one column layout New element Replaced image

Proprietary and Confidential E MAIL T EMPLATE M OBILE O PTIMIZATION P ACKAGES StandardPremiumAdvanced Mobile Device Penetration Review ✔ New Template Design11 Strategic Review of Content & Hierarchy ✔✔ Implementation in Message Studio ✔✔ Training ✔✔ Dynamic Content Integration ✔✔ # of Mobile/Creative Mock-ups123 Rounds of Revisions122 Render Testing Across OSs ✔✔✔ Delivery of Raw HTML ✔✔✔ Project Management ✔✔✔ ***Responsive coding uses media queries. Only mobile devices that support CSS media query will display the full mobile optimized version: iPhone, iPad, iPod Touch, Android 2.2 Froyo native client, Android 2.3 Gingerbread native client, Android 4.1 Jelly bean native client, Windows Phone 7.5 (Mango), Windows Phone 8, BlackBerry OS 7, Palm web OS 4.5, Kindle Fire (silk) native client, Kindle Fire HD native client. Mobile devices that don’t support media queries will display the desktop version: Android 2.1 Eclair native client, Android Outlook Exchange via native client, Android Gmail app, Yahoo Mail & 2.0 Android app, Microsoft Surface tablet (default native client), Windows Mobile 6.1, Windows Phone 7, BlackBerry OS 5.

Proprietary and Confidential THE MOBILE CHECKLIST ARE YOUR S MOBILE READY? With smartphones and tablets on the rise, it is safe to assume that a large portion of your customers are already viewing your campaigns via mobile devices. If you cannot check off all these statements as “true” you may want to consider revisiting your mobile design. You provide your customers with the most relevant clickable content in a mobile environment. Your width is less than the screen width of the mobile device it’s being displayed on. Your font is at least 13px for text and 25px for headlines. You have touch friendly buttons - a minimum of 29x44px (with 10px padding). Your campaign looks good on both IOS and Android.

Proprietary and Confidential Looking to mobile optimize your campaign? Give us a call. AM - Name Title XXXX AD - Name Title XXXX