Get Better Conversion Rates On Your Mobile Responsive Landing Pages

Transcription

1 Get Better Conversion Rates On Your Mobile Responsive Landing Pages

2 It s Great to Meet You! Princess Cornelio Marketing Educator, Unbounce princess@unbounce.com Join the discussion! community.unbounce.com

3 The Customer Success Team E: T:

4 How to Get in Touch Join the discussion! community.unbounce.com

5 Where We re Headed Today Build targeted campaign-specific landing pages Why you should care when landing pages are not Mobile Responsive Why use Unbounce to make your landing pages Mobile Responsive How to optimize landing pages to be Mobile Responsive How Mobile Responsive works in Unbounce Questions

6 Build Targeted Campaign-Specific Landing Pages

7 Too many links distract vs Homepage 57:1 Landing Page 1:1 TAKEAWAY: Never start a campaign without a dedicated landing page.

8 Why You Should Care When Landing Pages Are Not Mobile Responsive YEESH!

9 Mobile Responsive gives your landing pages superpowers to adapt. TAKEAWAY: This ensures that your landing pages are conversion-friendly regardless of device from which they re viewed.

10 User Experience affects conversions iphone 5 Landscape Width: 568px Small Android Portrait Width: 240px iphone 6 Portrait Width: 414px Android (Nexus 4) Portrait Width: 384px TAKEAWAY: People will leave a website if it is not optimized for mobile.

11 Bounce rates could increase when your landing pages aren t device-specific High bounce rates Very low TAKEAWAY: Think about the post-click experience.

12 The World Is Becoming Device Agnostic Customers posts on Community Source: TAKEAWAY: Pay attention to your traffic coming from different devices.

13 Mobile Traffic is Climbing Started on Mobile Source: TAKEAWAY: Give your mobile users the same great experience as you do for your desktop users.

14 65% of is opened on mobile INBOX Source: TAKEAWAY: Make sure that your landing pages are optimized for your mobile customers.

15 Google rewards mobile-friendly web pages in search results Starting April 21, we will be expanding our use of mobile-friendliness as a ranking signal. This change will affect mobile searches in all languages worldwide and will have a significant impact in our search results. Consequently, users will find it easier to get relevant, high quality search results that are optimized for their devices. - Google Webmaster Central Blog Source: TAKEAWAY: Mobil-ize your pages folks!

16 Google s all about Responsive Google recognizes three different configurations for mobile Source: TAKEAWAY: Making your landing pages Mobile Responsive can help improve your ad position.

17 Google revamps ad campaigns based on how we deal with the multi-device world we live in Desktop Mobile Source: TAKEAWAY: You can no longer have device-specific ads with Google Enhanced Campaigns.

18 Why Use Unbounce to Make Your Make Your Landing Pages Mobile Responsive

19 Build one landing page for all devices TAKEAWAY: No need to worry where your traffic comes from - your landing page is optimized for conversion.

20 Fully customize your landing pages Desktop Mobile TAKEAWAY: Create the customer experience YOU want.

21 Launch and manage device agnostic campaigns with less work Desktop Mobile TAKEAWAY: Save time creating, managing, and optimizing your campaigns.

22 Optimizing Your Mobile Landing Page Experience

23 Your Page Design Simplify your design Make it easy to navigate Focus on one call-to-action Think about cross device conversion Stay consistent (Colour, copy, design) One page, one purpose. - Oli Gardner TAKEAWAY: KISS: Keep It Simple Silly!

24 Your Copy Make your text easy to read Choose clear over clever Use large fonts Avoid long paragraphs Make your content easy to scan Run A/B tests to find optimal length Desktop browsing is a full course dinner; mobile browsing is like snacking. - Bryan Eisenberg

25 Your CTAs It s all about contrast Keep em thumb-friendly Finish the sentence I want to Get in touch Save my spot Learn more Call now Smooth scrolling buttons for long landing pages

26 Your Forms Keep em thumb-friendly Make input easy Ask for as little info as possible openhouse.luxuryhomes.com First Name* Last Name* Phone Number* openhouse.luxuryhomes.com First Name* Your * Day of the Week* Eliminate now form field and increase conversion by 50%. Your * Day of the Week* Time Time BOOK MY VISIT BOOK MY VISIT Source:

27 Your Images and Videos.JPG.GIF User Web Friendly Formats Photos Love JPG Logos are Great in PNG Avoid Large Images Think About the Mobile User Experience Video Flash Sliders TAKEAWAY: Transform a generic ad to a custom ad to be more relevant to your target customers.

28 Test it!

29 Using Mobile Responsive in Unbounce

30 Mobile Responsive Cheat Sheet Stays the SAME Forms Any element between page sections Elements in a box Deleting elements (text, images, forms, etc.) Resizing text Editing Text To Customize CTA Command/CTRL + Click Element Command/CTRL + Click Element Hiding elements (text, images, forms, etc.) Scaling text Hiding Text TAKEAWAY: Transform a generic ad to a custom ad to be more relevant to your target customers.

31 Amazing Job! Thanks Jen! Really good job Jen! Mobile Responsive: A Solution For Today s Device Agnostic World

32 Thank You! Questions? Princess Cornelio Marketing Educator Join the discussion! community.unbounce.com