Landing Page Testing Infographic

Landing Page Testing Infographic

Last updated on July 5, 2016 by Tyson Quick in Landing Page Examples
Show Me The Top 10 Landing Page Styles

Landing pages consist of a collection of specific elements. The building blocks presented in this infographic produced by data expert company Kissmetrics can be used as a reference when constructing your own landing page.

The Headline

The purpose of your main headline is to get people interested enough to read the rest of your message.

  1. Provide amble space around your headlines.
  2. Use a typeface meant for headlines. Don't be afraid to give up a little legibility in order to make it more noticeable.
  3. Move headlines out of alignment with the rest of the text on your page.
  4. Keep in mind that the SEO and PPC keywords that bring visitors to your landing page should also be used throughout our landing page, including your headline.

The Hero Shot

    The "hero shot" is the main photo of your product or service.

  1. Numerous studies have found that photos containing humans convert better than those that don't.
  2. Several studies have found that adding the ability to rotate product images 360 degrees can significantly boost conversion rates.
  3. Use the hero shot to evoke positive emotion in the minds of the user. This helps establish trust.
  4. The images you use on your landing page (especially your hero shot) should be clearly tied to your central theme.

Data collection

Email Signups, contact forms and surveys are examples of data collection.

  1. Make sure your data collection points are easy to understand and have clear instructions.
  2. Politely point to form errors.
  3. Generally, fewer form fields result in a higher conversion rate, but not always. Sometimes, if you don't ask enough questions, you might be spending less time closing important leads (good matches) because you're wading through spam and bad matches. Test and see what works best for you.
  4. Establish Trust.

The Call-to-Action (CTA)

    A Call-to-Action is a web page element that solicits action from a visitor

  1. Subtle changes to a CTA button (such as color, size, placement) can significantly impact your conversion rate. See what works best for you.
  2. Wording plays a huge effect on conversion. Strive for simple, clear, compelling language that inspires users to take action. Also, make sure your CTA stands out. Bigger is usually better.
  3. The "fold" refers to the first frame your visitors see when they visit your site. Users spend 80% of their time above the fold, so keep the most important parts of your webpage (CTA included) in that space.

The Benefits

How does your product or service benefit a potential customer?

  1. Web visitors are scanners, not readers. Consider distilling large paragraphs into simple bullet points.
  2. As a general rule, sell benefits, not features. Nobody who bought a drill wanted a drill. They wanted a hole. Focus on how your product or service can benefit a potential customer.
  3. When writing benefits, you first need to understand your target audience and connect with them on an emotional level. If you write for everybody, you end up talking to nobody in particular.

The "Safety Net" CTA

A secondary Call-to-Action can sometimes help capture prospects not ready to convert.

  1. An example of a secondary CTA might be a cluster of social sharing buttons. By adding a "sharing cycle" (multiplier effect) to your page like this, you're able to keep people in your sphere of influence who may not be ready to convert.
  2. Other great places to put your secondary CTAs are your confirmation and thank you pages. Test landing pages with and without secondary CTAs to see how they impact your conversion rate.

landing page blueprint infographic

Did you like this article? Please share!

Show Me The Top 10 Landing Page Styles
Sign Up for a 30 Day Free Trial
Join 250,000+ other businesses who rely on Instapage.
Get Started