18
Elements of Landing Page Design 11/11/2009 IST440W

Elements of Landing Page Design

  • Upload
    holt

  • View
    62

  • Download
    0

Embed Size (px)

DESCRIPTION

Elements of Landing Page Design. 11/11/2009 IST440W. What is a Landing Page?. Let’s try a three part definition: Any page within a website… Where your marketing traffic is directed… To prompt a desired action (i.e. conversion) - PowerPoint PPT Presentation

Citation preview

Page 1: Elements of Landing Page Design

Elements of Landing Page Design

11/11/2009IST440W

Page 2: Elements of Landing Page Design

Let’s try a three part definition:◦ Any page within a website…◦ Where your marketing traffic is directed…◦ To prompt a desired action (i.e. conversion)

Your landing page should offer a customized sales pitch to the visitor. So consider the following:◦ Intent (navigational, informational, commercial)◦ Demographic (age, gender, ethnicity)◦ Where did they come from? (i.e. traffic source)

What is a Landing Page?

Page 3: Elements of Landing Page Design

Example: Consider this website

Page 4: Elements of Landing Page Design

Example: This is its landing page on Google Adwords for “Botox”

Page 5: Elements of Landing Page Design

A well-targeted landing page increases conversion rates

And decreases the cost of acquisition of the customer.

In Google AdWords, this results in more money to spend on your maximum bids and daily budget

Which effectively can boost and maintain your ad positions at #1 to create a forward cycle of “win” for your campaign.

Why bother with a custom Landing Page?

Page 6: Elements of Landing Page Design

Ad campaign for an online store that sells iPhone accessories

What would convert better?◦ You click on an ad for iPhone cases, and it directs

you to the homepage of iPhone-Accessories-Galore.com. The homepage features thumbnail photos of all of their different product lines.

◦ You click on an ad for iPhone cases, and it directs you to the iPhone cases category page. The page offers short descriptions of each of their cases with clear pricing and “buy it now” buttons.

Imagine this Scenario…

Page 7: Elements of Landing Page Design

Take a quick moment to think about your current ad groups and their landing pages.

Are you offering 100% relevant information to the searchers who are seeing your ads?

Searchers have such a wide selection of other sites to choose from that they will easily leave your site if the landing page is not perfectly targeted.

How this is relevant to you

Page 8: Elements of Landing Page Design

Landing Page tipsTo boost your conversion rates

Page 9: Elements of Landing Page Design

IMPORTANT: Does the headline on your landing page refer directly to the ad copy that brought the visitor?

This is critical to avoid visitor confusion and bounce.

This is the most important element of your landing page, but also very commonly ignored in practice.

Also the reason why ideally we should have custom landing pages for every ad that we write.

Relevant Headline

Page 10: Elements of Landing Page Design

Use graphical buttons or hyperlinked text Tell the visitor what they need to do on your

page◦ E.g. “Click here to learn more”◦ E.g. “Make a donation today”◦ E.g. “Sign up to our weekly newsletter”

Use a minimum of at least 2 calls to action in a single landing page.

Clear Call-to-Action

Page 11: Elements of Landing Page Design

How much of your content will be seen “above the fold” of the screen? (without having to scroll down)

Make sure there is enough appeal above the fold to keep the visitor engaged right away.

Consider what’s “above the fold”

Page 12: Elements of Landing Page Design

Hero shots on landing pages are critical in internet marketing.

Quite often, a good or a bad hero shot can make or break the visit.

A hero shot is a single dominant photo that the visitor can immediately relate to.

E.g. pic of a sexy belly for visitors seeking a weight loss product.

E.g. pic of volunteers in action for a landing page seeking volunteers

What’s your “Hero shot”?

Page 13: Elements of Landing Page Design
Page 14: Elements of Landing Page Design

If possible, get rid of all distracting elements◦ This includes navigation bars, links to other

sections You want 100% of your visitor’s attention

directed towards the custom content of the landing page.

That’s why the long sales letter-style landing pages still work today.◦ See the next slide for an example…

Clean up Visual Clutter

Page 15: Elements of Landing Page Design
Page 16: Elements of Landing Page Design

Eye-tracking research shows that internet users scan content in an F-shaped pattern.

Align eye-catching elements to the left (e.g. images).

Obey the F-Pattern

Page 17: Elements of Landing Page Design

Even after everything presented before, ASSUME NOTHING.

At a more expert level, the truth can only be discovered through A/B tests.

Your preconception is wrong most of the time, but a well-designed split test never lies.

For more information, look up Google Website Optimizer.

You really don’t know what works until you test it out

Page 18: Elements of Landing Page Design

An exercise to apply what we learned today:◦ Choose one of your ad groups◦ Launch the Dreamweaver software◦ Mock up a landing page that would MAXIMIZE

conversions and MINIMIZE bounce rate for that ad group.

◦ The point of the exercise is to realize how critical it is to have SYNERGY between your keywords, ad copy, and the landing page.

◦ Once done, compare this landing page to your ad group’s current landing page

Questions?