Learn More
  • Subscriptions
  • Subscriptions
  • Subscriptions
    Fan Me! Facebook AlexDesigns Alex Harris
      Follow AlexDesigns on Twitter
      Add Alex Harris on LinkedIn
      Alex Harris on Flickr
      Stalk Alex Harris on FourSquare
      Alex Harris Hollywood Florida Reviews

Best Practices of a Landing Page Design

The most important page within the conversion funnel is the Targeted Landing Page. Here is a wireframe that I created to demonstrate some of the best practices that I have learn from testing hundreds of landing pages. First, some basic information about Landing Page Design….

The landing page will influence the rest of your site experience for each visitor, so it needs to be:
- Specifically Related to the Keywords that they came from
- Load Quickly
- Clear headline with “scannable” copy, teasing an offer, discounts or incentives
- Introduce Your Trustworthy Company
- Help Visitors Understand Your Business within a few seconds

The composition of the landing page design is organized to have:

- 90% of the page above the average monitor screen fold, the red horizontal line set is 565 pixels high
- Visitors look at photography first, so the placing the picture on the right
- This always the interactive area to stay within the active window on the left side of the page
- Encourage adding some interactive HTML which has been proven to decrease your bounce rates
- Since the main objective of this page is to get people to the page, the focus point is really the button

Here is a quick wireframe that demonstrates some of the best practices I’ve learned from AB / Multivariate testing Landing Page Designs:

Landing Page design wireframe

 

The flow and composition is very important, the organization of the page will tell a story to get them to your goal

Here is how I think the visitors eye will flow across this composition.

Landing Page Flow

 

Check Out These Articles:

  1. Alex Harris – Landing Page Best Practices
  2. Mentioning conversion rate optimization gets me excited
  3. Landing Page Web Design Blog
  4. Smart Landing Pages Are Simple
  5. Landing Page Web Design Examples
  • Some really good tips
  • Best outline of landing page design I've seen!
  • Jim
    Hi Alex. Do you have any live examples of this particular layout that you can share?
  • Hi

    this is an interesting post! ;)

    Thank you very much....
    I'm posting this to my blog also.

    Keep it up,
    Howard
blog comments powered by Disqus