How would you improve this page?

This is what the Bible Timeline homepage looked like before we started testing. Have a quick look down the page, and see if you can pick out any things you might change in an effort to increase the number of people who buy the product.

Original Bible Timeline home page. Click to see complete image.

The page is busy and full of information that could help you choose to buy the product. The product itself is prominent, and there are compelling offers.

Yet the conversion rate is only around 2/100. What do you think could increase it?

 

Identifying ‘Rocks’

Initially, we looked at the page as a whole, and came up with a list of ‘rocks’ – page elements which might stand in the way of the user reaching the desired goal of the page (in this case, clicking on the ‘buy’ link).

Our general approach to optimisation is to move the biggest rocks out of the path first. Then, we might go back and clear away a few of the next biggest.

In our review, the most important things that stood out were:

  • Lack of a clear call to action. It’s not really obvious that the ‘order now’ link is a link.
  • Main product image is not engaging, doesn’t give a clear picture of what the product is.
  • A general ‘untidiness’ could make the page appear unprofessional at first glance (although a professional design is not always beneficial – it depends on your offering).
  • The page container is very wide, especially on a large screen, causing very long lines of text, which are less readable than shorter lines.
  • Headings are random sizes and dark blue, the usual colour of links, which could be confusing.

The old web design model

In the past we might have taken all of this information and come up with a new design, which aimed to fix all of these issues in one fell swoop.

The problem with this old model is that whatever design you come up with, it is merely your best guess at what will be most effective, and you have no way of knowing whether it is more effective than any other alternative. (Read more in "Web Design is Dead".)

The new model – Test and Measure

A much better solution is to test alternative designs against each other, and actually measure the increase (or decrease) in conversion.

Then you can refine the more successful overall direction by changing individual design elements. That way you can see conclusively which elements have a positive effect on conversion, which you will retain, and discard the ones that don’t.

Experiment #1 – Call to Action Buttons

Within a week we saw an increase in sales well over our normal 20% over last year. Throughout December 2009 – traditionally our largest sales month, sales were up nearly double last year.

Margaret Agard – Bible Timeline

What we tested

  • Changing the ‘order now’ links to large orange buttons, which tell you exactly what they do.

Why

  • If you want someone to take an action, make it totally obvious where and how they do it.
  • While the large text and yellow background are visually bold, they didn’t stand out from the page.
  • Nothing says "click me" like a 3D button, so we used a glassy button with a highlight colour not found elsewhere on the page, to indicate this is something special.

Screenshot

Before

After

Results

This shows that within 1 week of starting this experiment, there was an observed improvement of 146%, and the cilck-through rate had gone from around 2.1% to 5.2%

Experiment #2 – Revised Product Image

What we tested

  • Added a closeup section to the main product image, and arrows indicating the size.

Why

  • Potential customers can’t really get what’s on the chart from the zoomed-out image.
  • The chart is actually almost four feet by over three feet in size (it’s big!), but you can’t tell from the image.
  • We figured that showing more information about the product would help make it feel more tangible.

Screenshot

Before and After

Results

These results show -8.9% improvement after a week, but also a relevance rating of 0/5, which means that the new image was almost insignificant to the conversion rate.

We also tried fixing the width of the main container to 960 pixels. This also proved to be irrelevant to conversions.

Experiment #3 – Add a Human

What we tested

  • Added a young woman to the image to show scale and show people using the product.

Why

  • We thought this would make the product seem more real, and photos of people often help people to engage emotionally, which is what drives us to buy.

Further Revised Product Image

Before and After

Results

These results show a 38.8% improvement with the new image. Not a conclusive winner at this point, but still worth keeping.

 

It’s important to remember that a photo of a person is not always beneficial. Other studies have shown that calls to action without a photo have outperformed those with a photo, it always depends on the target market, the context, and the conversion goal.

There are no golden rules! As with anything, the only way to be sure is to test and measure!

 

Experiment #4 – Clearer Header

This was a multivariate test, which means we tested two things simultaneously. This allows you to see which combination of different page elements perform best, as well as the page elements on their own.

What we tested

  • Changed the main heading and subhead to Georgia font, made them bigger and clearer.
  • Left-aligned the benefits list with the headings, and changed the colour to match the product image.
  • Also moved the ‘See Bible and World History’ line to the bottom, as the other benefits are more engaging.

Why

  • Serif font may read as more authoritative (in large size heading).
  • Larger main heading is more noticeable.
  • Neater alignment suggests attention to detail, which is a positive attribute for this product.

Header Area

Before and After

Results

This shows that Combination 3 (The new header you can see in the image above) converted 4 times as many visitors as the original, and is a conclusively proven winner, with a 99.2% chance of beating the original version.

Experiment #5 – Further Readability

Following this, we decided to carry the new neater layout through to the rest of the page. We standardised all the second level headings, increased vertical spacing to improve readability, and gave the testimonials a standard style. The result can be seen below.

Bible Timeline cleaned up page. Click to see complete image.

 

Surprisingly for me, this change only showed an 8% increase in conversions, and no conclusive winner. Possible reasons for this are that the headings might be too light, making the page difficult to scan, and the ‘buy now’ area could be improved still, perhaps by combining the price section and the button into a coupon style callout.

What’s next?

We are still running tests on the Bible Timeline page in an effort to increase the conversion rate still further.

We have already more than doubled conversions, but there is almost limitless potential for what can be tested and measured.

Your site design will never be perfect (until your conversion rate is 100%!), so we would advise all site owners to test constantly in order to achieve the highest possible conversion rate.

Real World Benefits

It’s all very well saying ‘this combination performed 210% better than the original’, but what does that mean in terms of sales and profits (which is of course the real motivation behind all of this)?

Margaret and Bill from Bible Timeline were kind enough to share with us their sales chart for the last 6 years, and you can see that since we started testing in November 2009, their sales have seen a significant spike.

Bible Timeline Sales 2004 – 2009

We have not included actual actual figures, but see from Margaret’s comments below that the additional sales have had a significant impact on their income.

 

My husband and I have been marketing a self-published product, The Amazing Bible Timeline, on the Internet for 12 years. What do we want from that? We want security and freedom – is that asking too much from life?

We’re retired and are living on US Social Security, along with a corporate pension that’s in danger of disappearing thanks to the stock market plunge and our web business income. The web business is key to our security and freedom.

Freedom means being able to afford to pay other people to write our content, pack and ship our product.

We’ve watched sales grow an average of 20% a year but never managed to make the big changes that would take us to the next level of sales – double or even triple our current level that would give us the freedom and security we’re seeking.

For the last two years we’ve tried coaching programs – StomperNet, Perry Marshall’s Bobsled run, Internet Marketing Tips – and signed up for every Internet Marketing course, newsletter and audio training we thought seemed legitimate in an effort to increase those sales over the 20% a year that happens whether we do anything or not. We implemented all the suggestions we were given. None helped. Or if they helped, it was simply in making sure we didn’t lose ground.

Then we tried Scratchmedia. Bingo! In November 2009 the team worked on our sales page. Within a week we saw an increase in sales well over our normal 20% over last year. Throughout December 2009 – traditionally our largest sales month, sales were up nearly double last year. Since only half our sales come from the web page the team worked on we’re very happy. We’re rolling the changes out to our other sales page now. We expect this huge increase in sales will keep up since the changes are fundamental.

The extra sales have already allowed us to stash some funds in savings, hire a free-lance person to write content and another person to handle shipping while we take a month’s vacation.

Thanks Ben, Dan and team!

Margaret Agard – Bible Timeline

Make Better Web Pages!

How to make your web site sell - use my secrets

Find out How

Do you love our approach to crafting simple & effective web sites that just work for people?

We'd love to hear about your web strategy.

Contact one of our team today!

Leave a comment

Articles + tutorials in Blog

Ben Hunt’s Web Design Newsletter, April 2010
Ben Hunt's web design newsletter April 2010: Conversion Rate Optimization, 2 new Web2.0 projects, and a trip of a lifetime
Case Study: Increasing conversion rate using Google Website Optimizer
A case study on increasing conversion rate with split testing using Google Website Optimizer
Order Your Copy of the Blogging for Business Pre-Release DVD
Order your pre-release copy of Ben Hunt and Mark Attwood's "Blogging for Business" seminar
Conversion Rate Optimisation Case Study: Bible Timeline
How Scratchmedia's designers tripled one customer's web site's conversion rate
Ben’s New Year 2010 Newsletter
Ben Hunt's web design review of 2000-2009 and a look ahead to web design in the 2010s...
Web Design is Dead
Why the familiar creative-driven web design process fails, why combining creativity and testing works so much better, and how to do it successfully.
Ben Hunt’s Web Design Newsletter, October 2009
Web design newsletter for October 2009: Conversion Rate Optimisation, usability, and an invite to an exclusive internet marketing club.
New Book: How I’ll Maximize Your Web Site’s Conversion Rate
How I'll Maximise Your Web Site's Conversion: Process and agreements for taking advantage of Ben Hunt's new CRO book project offer.
Your Chance to Be Part of My New Book Project
Your Invitation to be part of my new book project on Conversion Rate Optimisation. I'll try to double your web site's conversion rate and track the results in detail.
Simple Tips for More Effective Web Sites
Save the Pixel is an ebook from pro web designer Ben Hunt which teaches that anyone can create great web design
10 Boring Things to Get Excited About
Some of the best things in life take some time and don't feel like much fun, but they're better than the quick fix alternatives. Ben Hunt introduces a list of ten really interesting uninteresting things we should all be doing.
Meet Ben Hunt at Ken McCarthy’s System Intensive, London September 26 + 27
Invitation to meet Ben Hunt at Ken McCarthy's System Intensive online marketing seminar in London September 26 and 27 2009
Ben Hunt’s Web Design Newsletter, August 2009
Web Design newsletter for August 2009 by Ben Hunt, various thoughts and links
Ben Hunt’s Web Design Newsletter, July 2009
White on white web design, semantic HTML, testing and measuring, and a free copywriting ebook (Ben Hunt's Web Design Newsletter, July 2009)
Ben Hunt’s June 2009 Newsletter
Ben Hunt's June 09 newsletter: Results of Google Website Optimizer experiments on Save the Pixel; Web Design from Scratch redesign
Benefits of a Simple Client Brand/Design Alignment Session
Sitting down with your clients before you start a design project to run through a few dozen web sites and identities can save hours or days of work
Argument that Investing in Evolving Your Web Site Beats Big Bang Redesign
It's more cost-effective to invest in evolving your web site, using continual cycles of change-test-measure, than to redesign wholesale.
Why Deepak Chopra’s New Navigation Fails
Deepak Chopra has a new site, but the navigation leaves you guessing. Not the place to be airy and mystical, Deepak.
Ben Hunt’s Newsletter, April 2009
Ben Hunt's newsletter for April: Tips for Surviving the Economic Winter
Introducing Clicss, Flexible and Useful Web Page Templates
When can using web page templates really work? Sneak preview of Clicss.com, a new range of simple, standards-compliant web page templates for sale.
Subscribe to Ben Hunt’s newsletter
Ben Hunt is sharing his experience in making web sites that are appealing, easy to use, and successful. Subscribe to his newsletter to get regular updates.
8 Reasons to Put Your Prices UP This Recession
Many service providers needlessly undercharge. Here are 8 Reasons why you should seriously consider putting your prices UP.
10 Top Skills for Web Design, in order of importance
My list of the top ten skills you need to be an effective web designer, in order of importance. Not what you may think!
My Vision for a Real Workable Web3.0 World
Ben Hunt's vision of Web3.0, solving the future of the web user experience, consumerism, marketing and DRM in one elegant theory. Just may be the biggest thing you read today.
When to Use Graphics in Web Design
Ben Hunt urges web designers to get really conscious about only using graphics in web design to communicate, and lists 7 specific reasons why graphics can be better than text.
Tips from Our Experience of Switching from PC/Windows to Mac
One business user's experience of switching from Windows PC to Mac, using Parallels and a temporary Windows installation to transition in a manageable step by step way.
10 Tips for Recession-Proofing Your Web Site
10 simple and powerful principles web site owners should be following now to help ensure your web site is really supporting your business through the current economic difficulties.
Announcing Scratch Web Design Forums
Scratchmedia has launched a free web design forum at http://scratchwebdesignforums.com/. Visit to learn from industry experts and share hints and tips on web design, production, SEO etc.
Introducing CMS from Scratch, the open-source lightweight AJAX CMS
We're proud to launch CMS from Scratch, now as an open-source project: the system we've developed over the last 3 years to let Scratchmedia's own clients easily manage and update their web site content.
Real Web Design versus “Design Toss”
The vital difference between true Design (crafting communication solutions with a purpose) and graphic art for the sake of other designers
My Web Design Workstation: 10 essential items of design kit
The 10 key pieces of kit that this web designer couldn't live without
The Social Future of Web2.0 / Web3.0
Ben Hunt casts an eye to the future of a more connected web, and predicts that Yahoo will be the dominant online brand for the next 5 years (LOL)
Why All Web Designers and Web Developers Should Learn to Type
Learning to touch-type is one of the most valuable skills you'll ever learn as a designer or developer
Pursuit of the Original in Web Design
The value of laziness in design, and why the pursuit of the original can be detrimental to design success.
DHTML Decision Making Tool
Tutorials on learning JavaScript to enhance web pages and applications
Review of Harvey Nichols’ 2nd web site, 2004
Review of Harvey Nichols' second web site from 2004
Review of Harvey Nichols Web Site (2001)
Review of Harvey Nichols' first web site from 2001
© Scratchmedia Limited, 2006-2010
Floor 3, 111 Buckingham Palace Road, London, SW1W 0WQ, UK
+44 (0)207 1600 989