46

[Webinar] The Anatomy of a High-Converting Mobile Landing Page

Embed Size (px)

Citation preview

Page 1: [Webinar] The Anatomy of a High-Converting Mobile Landing Page
Page 2: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

Bryan Eisenberg

author of

Call To Action

Thank you for joining us!We’ll be starting in just a few minutes.

Ryan Engley

Unbounce Director of

Customer Success

@thegrok @unbounce #unwebinar

The Anatomy of a High-Converting Mobile Landing Page

Page 3: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

Webinar recording and slides

will be emailed by the end of

the week

Page 4: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

try.unbounce.com/for-mobile-landing-pages

Page 5: [Webinar] The Anatomy of a High-Converting Mobile Landing Page
Page 6: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

Stick around after

the UnwebinarSee how Unbounce can help you quickly

build and publish targeted landing pages

(without having to code)

Page 7: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

@Ryan_Engley @unbounce #unwebinar

Join our chat on Twitter

Ryan Engley

Director of Customer Success@Ryan_Engley

Page 8: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

Bryan Eisenberg

Author of Call To Action@thegrok

@thegrok @unbounce #unwebinar

Join our chat on Twitter

Page 9: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

The Anatomy of a

High-Converting

Mobile Landing Page

Page 10: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

© 1998 - 2014 Eisenberg Holdings, LLC www.BryanEisenberg.com & @TheGrok

Page 11: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

© 1998 - 2014 Eisenberg Holdings, LLC www.BryanEisenberg.com & @TheGrok

All purpose flour

Water

Yeast

Salt

Page 12: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

© 1998 - 2014 Eisenberg Holdings, LLC www.BryanEisenberg.com & @TheGrok

Type to enter text

@thegrok @unbounce #unwebinar

Page 13: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

Who Gets to Make

Business Decisions?

The answer shouldn’t

surprise you.

@thegrok @unbounce #unwebinar

Page 14: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

25@thegrok @unbounce #unwebinar

Page 15: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

Don’t Write An Ad…

Your Landing Page

Can’t Cash

@thegrok @unbounce #unwebinar

Page 16: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

© 1998 - 2014 Eisenberg Holdings, LLC www.BryanEisenberg.com & @TheGrok

Page 17: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

20

Keywords Don’t Fail to Convert...You Do! Tweet

@thegrok @unbounce #unwebinar

Page 18: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

@thegrok @unbounce #unwebinar

Because Bing Ads' quality score is

established after the fact, it isn't used

directly to determine your bid and your

ad rank. We generate quality score to

help advertisers identify improvement

opportunities.

John Gagnon

Page 19: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

19

No problem No problem No problem

Poor No YesPoor Poor

Quality Score 1 to 5 QS=6 QS=7 to 10

Landing Page

UXLanding Page

Relevance

Keyword

Relevance

Your KW CTR >

Marketplace Avg.

CTR

@thegrok @unbounce #unwebinar

Page 20: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

@thegrok @unbounce #unwebinar

Many people think that landing page

relevance is between your keyword and

your landing page. It's actually based on

the search query your keywords trigger.

Ping Jen

Page 21: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

Economics of

Quality Score

@thegrok @unbounce #unwebinar

Page 22: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

Where is the

Landing Page

Opportunity?

@thegrok @unbounce #unwebinar

Page 23: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

First Map Stage Then

the Scenario Narrative

Stage Action

Early/Awareness ?

Mid/Consideration -

Preference

?

Late/Purchase Setup an Account

Post-Lead Launch

Campaign/Consumpti

on

@thegrok @unbounce #unwebinar

Page 24: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

Keywords, Questions, and the Buying Cycle

@thegrok @unbounce #unwebinar

Page 25: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

© 1998 - 2014 Eisenberg Holdings, LLC www.BryanEisenberg.com & @TheGrok

Desktop browsing is a

full course dinner;

mobile browsing

is like snacking!

Page 26: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

@thegrok @unbounce #unwebinar@thegrok @unbounce #unwebinar

Page 27: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

@thegrok @unbounce #unwebinar@thegrok @unbounce #unwebinar

Page 28: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

@thegrok @unbounce #unwebinar@thegrok @unbounce #unwebinar

Page 29: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

But What Are

The Ingredients?

@thegrok @unbounce #unwebinar

Page 30: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

10 Main Landing Page Sections

Logo

Headline

• Text

• Graphical

Offer

Descriptive copy

• Bullet/block

• List of key features

• List of key benefits

Product/Service Presentation

• Product image

• Tours

• Screen shots

• Life-style images

Calls to action

• Links

• Buttons

• Forms

Confidence Building

• Testimonials

• Examples of users

• 3rd Party validators

Contact Information

Link to more information

Template elements

@thegrok @unbounce #unwebinar

Page 31: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

Breaking Down Sections

Logo

Call to Action

Headline

Product presentation

Confidence building

Offer

@thegrok @unbounce #unwebinar

Page 32: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

Logo

Call to Action

Headline

Product presentation

Links to More Information

Offer

Template elements

@thegrok @unbounce #unwebinar

Page 33: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

Logo

Call to Action

Headline

Offer

Product presentation

Links to More Information

Confidenc

e building

Template elements

Confidence

building

Call to Action

Links to

More

Information

Confidence

building

Contact Info

@thegrok @unbounce #unwebinar

Page 34: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

Logo

Headline

Offer/Descriptive

Copy

Links to More

Information

Confidence building

Template

elements/

Navigation

Call to Action

Contact Info

Product

presentation

@thegrok @unbounce #unwebinar

Page 35: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

Offer/Descriptive

CopyLogo

Headline

Links to More

InformationConfidence building

Template elements/

Navigation

Call to Action

Contact Info

Product

presentation

Template elements/

Navigation

@thegrok @unbounce #unwebinar

Page 36: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

Logo

Headline

Links to More

InformationConfidence building

Template elements/

Navigation

Call to Action

Contact Info

Product presentation

Template elements/

Navigation

@thegrok @unbounce #unwebinar

Page 37: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

The Visible Anatomy

5 Dimensions:

1. Relevance

2. Quality

3. Location

4. Proximity

5. Prominence

Logo

Call to Action

Headline

Offer

Product

presentation

Links to More Information

Confidenc

e building

Template elements

Confidence

building

Call to Action

Links to

More

Information

Confidence

building

@thegrok @unbounce #unwebinar

Page 38: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

10 Main Landing Page Sections

LogoHeadline

• Text• Graphical

OfferDescriptive copy

• Bullet/block• List of key features• List of key benefits

Product/Service Presentation • Product image• Tours• Screen shots• Life-style images

Calls to action• Links• Buttons• Forms

Confidence Building• Testimonials• Examples of users• 3rd Party validators

Contact Information

Link to more information

Template elements

@thegrok @unbounce #unwebinar

Page 39: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

The Conversion Trinity

Relevance Value CTA

@thegrok @unbounce #unwebinar

Page 40: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

@thegrok @unbounce #unwebinar

Page 41: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

© 1998 - 2014 Eisenberg Holdings, LLC www.BryanEisenberg.com & @TheGrok

© 2013 Eisenberg Holdings, LLC. BryanEisenberg.com / @TheGrok, @JeffreyGroks, #BigData

[email protected]

Bryan Jeffrey@TheGrok @JeffreyGroks

Blog www.BryanEisenberg.comwww.BuyerLegends.com

@thegrok @unbounce #unwebinarSome images provided by Shutterstock

Page 42: [Webinar] The Anatomy of a High-Converting Mobile Landing Page

try.unbounce.com/for-mobile-landing-pages

Page 43: [Webinar] The Anatomy of a High-Converting Mobile Landing Page
Page 44: [Webinar] The Anatomy of a High-Converting Mobile Landing Page
Page 45: [Webinar] The Anatomy of a High-Converting Mobile Landing Page
Page 46: [Webinar] The Anatomy of a High-Converting Mobile Landing Page