Landing Page Optimization: Simple color change increases conversion 10%

9

When it comes to how color design affects a site’s performance, simple changes can produce a significant lift.

So, in today’s MarketingExperiments blog post, we’re going to look at how the MECLABS research team used a background color test on a landing page to increase account sign-ups 10%.

Background: A large sports entertainment provider seeking to increase conversion on its main landing page

Goal: To increase premium account sign-ups

Primary Research Question: Which color scheme will result in a higher conversion rate?

Approach: A/B single factor split test

 

Control and treatment side by side

 

The control was a design with a dark background and white text, and the treatment was an almost exact color inverse.

 

Results 

What you need to know

By simply changing the background color to white, the treatment was easier to read and provided greater color flexibility with headlines and secondary information resulting in a 10.66% increase in conversion.

To learn more about this test and how color impacts conversion, watch our free on-demand Web clinic replay of “How Do Website Colors Impact Conversion?

 

 Related Resources:

Value Proposition Optimization: 5 simple steps to discovering your value proposition using an email campaign

Web Usability: Long landing page nets 220% more leads than above the fold call-to-action

Online Testing: 6 test ideas to optimize the value of testimonials on your site

You might also like
9 Comments
  1. Gemma Holloway says

    I really enjoyed this post – in fact the majority of your posts on this site! It’s nice to have the empirical evidence condensed into such a short post.

    I think more people should carry out tests like this on their own sites. What may look pretty or attractive may not be the most user friendly solution, so why not carry out the experimental and let the data speak for itself.

    1. John Tackett says

      Hi Gemma,

      Thank you for the kind words. I agree. Nothing makes a better argument for change than valid data.

  2. Dorothy Barnes says

    I loved that blog post. Just by looking at the two different color treatments, I automatically chose white. I’m definitely sharing this post with others..thanks!

  3. Jainendra says

    Woah! very informative post, color plays an important roll in web media.

  4. Gus Lira says

    We did a similar A/B study on our landing page and found an even larger conversion rate (21% increase) with the white background. We are currently in the process of changing our complete website to a white backgroung

    1. John Tackett says

      Hi Gus,

      Thank you for your comments.

      Keep us posted on your testing!

  5. Andrea Grant says

    Hi john! I have to say that I really enjoyed reading your blog article. The background color of a landing page is very important. A bad landing page background color can mean the difference between failure and success. There are two specific ways that color theory relates to designing a successful landing page:

    Contrasting color combinations and readability
    Psychological color associations

    As a sequel of what you said above I would like to add that driving people to your landing page it’s the hardest part. Apart from the background color, a landing page must – keep the form field as short as possible, use compelling headlines, use a clear and unambiguous call-to-action (CTA). Here are some of our thoughts http://www.nnc-services.com/blog/b2b-marketing/how-to-drive-higher-conversions-to-your-landing-page/.

  6. Jordan says

    John, this is golden. Your content is very good and I’ve bookmarked several articles. I am always looking for info on conversions and increasing them on my website. This is a real eye-opener. Thanks!

    Jordan.

    1. John Tackett says

      Hi Jordan,

      Thank you for you comments.

      I’m glad we could help.

      -best,

      John Tackett

Leave A Reply

Your email address will not be published.