an introduction to conversion rate optimization, landing pages & a/b testing

77
CONVERSION RATE OPTIMIZATION because it’s eing awesome Georgiana Laudi Director of Marketing, Unbounce @ggiiaa slide deck inspired by Oli Gardner

Upload: georgiana-laudi

Post on 05-Sep-2014

606 views

Category:

Marketing


1 download

DESCRIPTION

UPDATE: The original version of this presentation was deleted from Slideshare by accident. Slides for “Intro to Conversion Rate Optimization" talk given on May 28th, 2014 at (my former side project) Montreal Girl Geeks event.

TRANSCRIPT

Page 1: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

CONVERSION RATE OPTIMIZATION because it’s effing awesome

Georgiana Laudi Director of Marketing, Unbounce

@ggiiaa

slide deck inspired by Oli Gardner

Page 2: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

are you social?#MTLGG

@MTLGirlGeeks @unbounce

@ggiiaa Presentation Slides bit.ly/mtlgg-cro

Page 3: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

MOST

MARKETINGISBROKEN

Page 4: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

marketers are DISRESPECTING

the click

Page 5: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

OF MARKETERS ARE98%

DOING IT WRONG

Page 6: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

Yesterday’s home runs, DON’T WIN

TODAY’S GAMES.~ Babe Ruth

Page 7: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

So, how do we fix marketing?

Page 8: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

provide better experiences.

Page 9: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

CONVERSION RATE OPTIMIZATION

Page 10: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

CRO is the method of creating an experience for a website or landing page visitor with the goal of increasing the percentage of visitors that convert into customers.

http://en.wikipedia.org/wiki/Conversion_optimization

Page 11: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

if content is king

~ John Munsell, CEO of Bizzuka

CONVERSION IS QUEEN

Page 12: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

Never start a marketing campaign without a dedicated landing page

Otherwise known as the NSAMCWADLP principle

Page 13: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

why?

Page 14: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

1. Attention Ratio 2. Message Match

Page 15: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

Attention RatioThe ratio of interactive elements (links) on a page, to the number of campaign conversion goals (which is always one).

Page 16: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

Typical Homepage Experience

Page 17: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

Targeted Landing Page Experience

Page 18: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

3% Purchase rate 30% Purchase rate6 flavors24 flavors

Page 19: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

project management software for teams

Project Mgmt Software!quickbase.intuit.com/

Page 20: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing
Page 21: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

Attention Ratio 80:1

Page 22: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing
Page 23: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing
Page 24: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

TOO. MUCH. CHOICE.

Page 25: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing
Page 26: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing
Page 27: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

CONVERSION RATES GO UP

AS ATTENTION RATIO GOES DOWN

Page 28: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

Message MatchThe ability of your destination (landing) page to match the content and messaging of the upstream call-to-action the visitor clicked.

Page 29: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

cheap flights to europe

Cheap Flights to Europe www.onetravel.com/Flights-to-Europe Save Big w/ Our Low Fare Promise. Book Cheap Summer Flights Now!

Page 30: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing
Page 31: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

project management software for teams

Business Tools for Teams!www.google.com/apps/business Get email, calendar, docs & more built for team productivity.

Page 32: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing
Page 33: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

next day flower delivery

Next Day Flower Deliveries UK!www.iflorist.co.uk/NextDayFlowers Get 10% Off A Beautiful Range Of Flowers Arranged By Local Florists

Page 34: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing
Page 35: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

project management software for teams

Simple Project Management!www.smartsheet.com/ 2,000,000 people tried Smartsheet®. Nothing to install. Try it free!

Page 36: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing
Page 37: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

Perfect Message Match

Page 38: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

free help desk software

The #1 Free Helpdesk Tool!www.freshdesk.com/ Ticketing, kbase, forums & more. Signup for a free 30-day trial,now!

Page 39: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing
Page 40: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

Perfect Message Match

Page 41: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

THE TOPHER GRACE EFFECT

Page 42: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

how?

Page 43: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

1. Landing Pages 2. A/B Testing

Page 44: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

Landing PageA single web page that appears in response to clicking on a search result or an online advertisement or promotion.

Page 45: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

Where would I use a landing page?Paid Marketing:

PPC Social Ads CPC CPM

Content Marketing: Blog Subscriptions Newsletter Signups Ebooks Whitepapers Guest Posts

Local Event Registration: Meetups Seminars Conferences QR Code Destination

Online Event Registration: Webinars "Whiteboard Fridays" “Hangouts On Air”

Launches/Early Access : Product App Company

Ecommerce: Product Pages Long Sales Letters Pay Walls Free Gifts

Services: Consultant/Agency Services Portfolios Quote Requests Appointment Bookings/Service Calls

Mobile Apps: Downloads Additional Product Promotion Ratings/Reviews

Social Media Marketing: Contests Sweepstakes Giveaways

Customer Onboarding: Demos Surveys

Recruiting: Job Postings

Email Marketing Campaigns (for all of the above)

Page 46: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

5 Elements of High-Converting

Landing Pages

Page 47: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

1. Unique Selling Proposition

2. Hero Shot

3. Benefits

4. Proof

5. Call-To-Action

5 Elements of a High-Converting Landing Page

Page 48: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

1. The Unique Selling Proposition (USP)

Image credit: smallmeasure.com

Page 49: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

“You get fresh, hot pizza delivered to your door in 30 minutes or less – or it’s free.”

Page 50: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

1. Unique Selling Proposition

2. Hero Shot

3. Benefits

4. Proof

5. Call-To-Action

5 Elements of a High-Converting Landing Page

Page 51: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

2. The Hero Shot

Image credit: Au bout de la route

Page 52: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

5 Elements of a High-Converting Landing Page

1. Unique Selling Proposition

2. Hero Shot

3. Benefits

4. Proof

5. Call-To-Action

Page 53: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

3. The Benefits

Image credit: Nutrella

Page 54: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

5 Elements of a High-Converting Landing Page

1. Unique Selling Proposition

2. Hero Shot

3. Benefits

4. Proof

5. Call-To-Action

Page 56: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

5 Elements of a High-Converting Landing Page

1. Unique Selling Proposition

2. Hero Shot

3. Benefits

4. Proof

5. Call-To-Action

Page 57: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

5. The Call-To-Action (Conversion Goal)

Image credit: PatioTuerca

Page 58: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

5 Elements of a High-Converting Landing Page

1. Unique Selling Proposition

2. Hero Shot

3. Benefits

4. Proof

5. Call-To-Action

Page 59: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

Benefits

USP

Call-to-ActionHero ShotProof

Page 60: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

Let’s see if you were listening…

Page 61: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

Call-To-ActionUSP

ProofBenefits

What element is missing?

Page 62: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

A/B TestingThe act of running a simultaneous experiment between two or more pages to see which performs or converts the best.

Page 63: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

A/B Testing Terminology

Control - A page that acts as the benchmark to measure the success of your testVariant - A version of a control page that has some changes to the page elements

Element - A discrete unit on the page: a block of text, a form, a button, an image

Test - A hypothesis that one version of an element will increase the conversion rate of the page

Conversion - When a visitor takes the desired action on the page

Page 64: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

yawn

Page 65: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

100%Traffic

50%Traffic

50%Traffic

(Control)

Variant A

(Challenger)

Variant B

Increase + 2%

Conversion Rate 3%

Conversion Rate 5%

=

=

How A/B Testing Works

Page 66: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

(Control)

Variant A

(Challenger)

Variant B

Conversion Rate 3%

Conversion Rate 5%

+ 2% Increase

=

=

Conversions 100

Conversions 167

($100/conv.) $10,000

($100/conv.) $16,700

+ 67% Lift

The Math of CRO

+ $6,700

Page 67: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

Which test won?

Page 68: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

23%

Variant A or Variant B?

Page 69: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

Attention Ratio 6:1 43%

Variant A or Variant B?

Page 70: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

13%

Variant A or Variant B?

Page 71: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

32%

Variant A or Variant B?

Page 72: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

21%

Variant A or Variant B?

Page 73: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

I understand the results I don’t understand the results

Conversion Improvement

Woo Hoo! You’re a split testing genius. Make some notes & start

your next test! (Pass)

Really? Ok, run another test to figure out the next step.

(Pass *kinda*)

Conversion Decline

Good save! Stop the test, make some notes & try a new hypothesis

(Pass)

Seriously, a kitten just died because of you…

(Fail)

Dealing with the Data

Page 74: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

You should always have time to UNDERSTAND YOUR

CUSTOMERS.

If you don’t SOMEONE ELSE WILL.

~ Jonatan Littke, CEO and co-founder of Lookback

Page 75: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

Build, Publish & A/B Test Landing Pages Without I.T.

shameless plug:

Page 76: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

Great CRO ResourcesThe Unbounce Blog unbounce.com/blog

!

The ConversionXL Blog coversionxl.com !

The Landing Page Conversion Course thelandingpagecourse.com !

The Ultimate Guide to A/B Testing get.unbounce.com/the-ultimate-guide-to-ab-testing

!

Unbounce Guides & Webinars unbounce.com/resources

Page 77: An Introduction to Conversion Rate Optimization, Landing Pages & A/B Testing

Start creating better marketing experiences

try.unbounce.com/mtlgg

Georgiana Laudi@ggiiaa

Slides bit.ly/mtlgg-cro