John Tackett

Landing Page Optimization: 6 common traits of a template that works

What are some common characteristics successful people share in common?

Is it having a natural curiosity fused with a creative wild spark?

Or perhaps, it’s the end result of dialing into just the right mix of leadership and perseverance to see things through when the going gets tough?

It’s difficult to point to one particular trait that determines success, however you can look for some patterns.

For example, in a recent Web clinic, Jon Powell, Senior Manager of Research and Strategy, MECLABS, asked the audience to look at these before and after screenshots of control and treatment pages from a few experiments to see if they could find any patterns. 

 

“What are the patterns you’re seeing across all these different experiments,” Jon asked.

 

From pattern to framework

Jon also explained if he were to try and capture the patterns displayed across the experiments and place them into a wireframe based on their commonalities, that wireframe it would have the following traits:

 

Trait #1. A clear headline and sub-headline 

 

The first trait Jon mentioned is a clearly visible headline and sub-headline communicating the value of continuing to the next step.

 

Trait #2. Supporting image

 

A primary supporting image that’s instantly recognizable and support the value on the page is also be present.

 

Trait #3. Primary information column 

 

Jon also suggested including a primary information column to “help create linear flow through the page and minimize confusion.”

 

Trait #4. Scannable body copy 

 

He recommended using easy to scan body copy to propel the force of the value proposition for the primary offer.

 

Trait #5. An emphasized call-to-action 

 

The fifth trait is a call-to action that appears clickable and communicates exactly what the customer will get by clicking. “It doesn’t mean you can’t have multiple calls-to-action, but you want to have one that’s emphasized,” Jon explained.

 

Trait #6. Supporting content

 

Jon also recommended placing supporting content further down the page. “This type of content could be more copy, supporting images, testimonials or reviews to reassure hesitant visitors or educate detail-oriented visitors.”  

 

But at the end of the day …

Although these traits have been found among high-performing templates, Jon emphasized you still have to test your way to discover what works for your customers.

You can watch the full free Web Clinic, “Page Templates that Work,” to see Jon reveal three high-performing site templates that consistently increase conversion across multiple industries.

 

Related Resources:

Transparent Marketing: 3 tips to help build your online credibility

Landing Page Optimization: Simple pop-up overlay increases conversion 63%

Landing Page Optimization: Simple color change increases conversion 10%

Share and Enjoy:
  • LinkedIn
  • StumbleUpon
  • Facebook
  • del.icio.us
  • Digg

Categories: Landing Page Optimization Tags: , , , , , , ,



  1. August 30th, 2013 at 12:35 | #1

    Interesting. There is definitely a certain underlying logic to the pattern here, as it helps funnel the user down from the general headline, through the benefits and toward the final call to action, with the image and additional supporting information strategically placed to support the overall process.

    I wonder what the “mobile” variable does to this, however? With the limited horizontal space on smaller devices, how does the supporting image and content fit in?

    • John Tackett
      John Tackett
      September 3rd, 2013 at 09:27 | #2

      Hi Matt,

      Great question.

      I followed up with Jon Powell, Senior Manager of Research and Strategy here at MECLABS (who is also featured in the Web clinic) and shared your thoughts on the mobile variable. He mentioned that the meta analysis did include a mix of mobile traffic, but not at 100%. So people on mobile devices would see the page the same as those on desktops and laptops, and no performance anomalies were immediately evident for that particular segment of traffic.

      Jon also explained that in terms of a mobile style page for 100% mobile/tablet traffic (where the dimensions are fixed or dynamically adjusted to a mobile device), another meta-analysis would need to be performed to learn which sections of “form” in this type of page presentation tactic are more sensitive as there would be less room for supporting imagery, etc.

      I hope this help shed a little light on the mobile factor.

      Great question!

      Thanks,

      John Tackett

  2. September 3rd, 2013 at 11:39 | #3

    Great job outlining the most important elements of a landing page.

    I used something similar for a client of mine and it worked wonders. The only difference is that I used video instead of body copy.

    Now I am doing the same with another client of mine and can’t wait to see the results.

    • John Tackett
      John Tackett
      September 3rd, 2013 at 16:36 | #4

      Hi Jim,

      Thanks for you comments.

      Keep us posted on the results as well.

      Best,

      John Tackett

  3. Aaron
    September 3rd, 2013 at 13:06 | #5

    Thanks. I’ve been wondering for a while what sort of effect a responsive layout would have on conversion. I hadn’t found much info until now so this was helpful.

    Aaron

    • John Tackett
      John Tackett
      September 3rd, 2013 at 16:37 | #6

      Hi Aaron,

      Thank you for the comments,

      Glad we could help! :)

      Best,

      John Tackett

  4. September 3rd, 2013 at 14:48 | #7

    although i went through these clinics more than a couple of times, this post is great, clear and very helpfull.
    in my case a much longer copy is required, and i always struggle regarding the call to action position = in my case it’s a contact form .
    if i want it to be in the first page it mught be too early.. if i put it at the buttom it might be missed .
    i know the answer is TEST , i just want to know what you think .

  5. September 5th, 2013 at 07:01 | #9

    Thank you John, there is one thing i find missing and i didn’t know where else to post this :
    since we are dealing here a lot with conversion tracking and a lot of other thechnical abilities
    that practicly goes down to your building platform abilities ,
    for someone who is building his site from scratch or for someone like me who want to move to a platform that will enable me to TEST properly ,
    do you have a list of reccomanded website building platforms ?

    i know it cannot be general, but it sure can save a lot of investigation time for some of us.
    Thank you.
    Tomer Shahar.

  6. Joseph58
    September 10th, 2013 at 20:37 | #10

    Hi John,

    I am a new member here so still looking around. I enjoyed your post and learnt a bit from it. I am in the process of completing my website, so I am going to use your templates as a ‘checklist’ for my webpages.

    Thanks again,

    Joe

  1. September 12th, 2013 at 08:35 | #1
  2. October 10th, 2013 at 08:38 | #2
  3. October 17th, 2013 at 10:30 | #3