• flipboard

4 Step System for Increasing Conversion and Sales

So, you’re getting a lot of traffic to your site using social media, SEO and content marketing.

4 step system to increase sales and conversions with a new web page

Well done!

But the job is only half done. You need to get sales, sign-ups and conversions as well.

In this article, we’ll take a trip into the wild and look at an actual website and conduct a makeover of their landing page with the aim of increasing their conversions.

This can apply to a website or a blog. What’s more, it can all be done using free tools and a little ingenuity.

First, a little background on the site. It’s for a debt consolidation business called Debt Fix. As you probably know, the competition for any services in the financial space is fierce. All of the big banks want a piece of the debt consolidation pie and there is a specialist debt consolidation company that has the lion’s share of the market. So this is a real-life David and Goliath story and in this instance, there is more than one Goliath. Don’t you love a challenge?

I’m sure you’ve all read the stories and case studies about companies like Coke and Red Bull and their amazing tales of digital triumph. But not everyone has multi-million dollar budgets, an international marketing team and a retail brand that has been built up over decades.

Step 1: Get the information you need to win

Luckily, we live in an age of disruption and there is a vast amount of information available online. Google provides an amazing set of tools for people running an online business. Two that you need to know about are Google Analytics and Google Webmaster Tools. The difference between them is important.

1. Webmaster Tools

On the one hand, Webmaster tools gives you information on how Google’s search engine sees your site and provides information such as which pages can be indexed and errors on your site.

2. Google Analytics

On the other hand Google Analytics provides information on the visitors to your site. It is a lot more than a hit counter. It provides a vast treasure trove of information on your whole site. It is our slingshot.

 Google Analytics Google Webmaster tools

For those who have never used Google Analytics, it’s pretty easy to setup. You sign up for an account and then Google will provide you with a code snippet that you can insert into each page of your site. If you’re not technical, you can get your web guy to do this for you.

Today’s battle will take place on the key landing page of Debt Fix, which has information on their Debt Consolidation Service. Here’s what the page looked like before the makeover.

 A 4 step system for increasing the conversion of a web page

As a first step, let’s take a look at the page statistics in Google Analytics to see how this page is performing. When you are analysing the performance of a single page on your website, the best place to go to is the Content section in Google Analytics. The important figures to look for are bounce rate, average time on page and the number of page views.

  • Bounce Rate: Your bounce rate is the proportion of people who visit this page and then leave more or less straight away – they bounce. The lower the bounce rate the better and a good target for the bounce rate is below 30%. In the case of this page, the bounce rate is over 50%, so we have some work to do.
  • Average Time on Page: The average time on page reveals how engaged the user is with this page. The longer they spend on the page, the more they are viewing the content there. Here, the average is over a minute so visitors are engaging with the page, but I’m sure we could do better.
  • Page Views: You’ll also want to see how many page views this page gets relative to the total number on the site. The higher the number of page views, the more time you’ll want to spend optimising the page. Being a key service of Debt Fix, this is an important page and so it’s definitely on the action list.

Step 2: Look at the site through the eyes of your customer

When you work in a business day and night it’s really easy to write from the perspective of what you want to communicate to the potential customer. But that’s the wrong end to start from.

It is much more effective to start from the other end and write as if you were a customer visiting your website. So, you have to put yourself in the shoes of the customer. Think of the situation of someone coming to this website who is looking for help with debt. You are probably paying off a bunch of credit cards and other bills. You’re stressed out, tired of going backwards financially and a little embarrassed that you’ve got yourself into this position.

What are you yearning for? Someone trustworthy, someone who gets you, a pathway out of difficulty. We’ll cover the details of how to do this in the next two steps.

Step 3: Write copy that connects

As you can see in the screenshot, the page leads with an immediate call to action – ‘Contact Us Now’. Not bad, it’s direct but probably a little too direct for most people. It’s like the guy at the school dance who just goes around asking girls to dance with him. Sure, it will work eventually but the success rate is pretty low.

Instead, we could use some copy that would connect with how the visitor is feeling.

There are two ways you could go here.

  1. One is to connect with the difficulty that they are facing, with a headline something like ‘Are you tired of struggling with debt?’
  2. The other way to go is to connect with the difference you can make in their life, maybe using ‘Don’t you dream of having a debt-free future?’

Honestly, I couldn’t tell you which one would work more effectively. The best bet would be to have two landing pages and see which one converts better.

Step 4: Design that connects and makes stuff easy

There’s a lot to good design and I won’t pretend that I’m an expert in it but I do know that the three key components are:

  1. Imagery
  2. Layout
  3. Color

As we saw in Step 2, we want to use these three elements to show that we are trustworthy, that we understand you and can help you. Have a look at the design below and you be the judge of how well we’ve done that.

Another crucial feature of design is that it makes life easy. In other words, it makes achieving your goal easy by simplifying and removing all unnecessary obstacles. I lived in Japan for a while and they treat design as a high art. Craftsmanship is still treasured in Japan even in a modern, fast-paced society. We need to take a leaf from their book when designing web pages and craft them for our users.

You can do that by asking the following:

  • What is it that the user would want to achieve on this page?
  • What do they need to do that?
  • What can I do to make this as easy for them as possible?

Here, we’ve reduced the amount of information on the page and focused the design around connection and then offering a pathway to action – a telephone consultation or online chat.

Presenting the new landing page

This is how the new landing page looks after its re-design and we have implemented the four key steps.

  1. Getting the information we need to win
  2. Looked through the eyes of the customer
  3. Written copy that connects
  4. Created a page design that connects and makes it easy.

A 4 step system for increasing the conversion of a web page

So, that’s it folks – a real-life before and after makeover of a landing page. Will David beat Goliath? You betcha, the great thing about the web is that you can keep making changes until you find what resonates with your audience.

What about you?

How would you go about improving a landing page? Looking forward to your comments and reactions. We’ll share the results with you as they become available.

Author bio: Peter is a digital producer and social media strategist working at Quantum. You can connect with him on Twitter @PeterLightbody



Want to learn how to drive traffic to your website and blog with social media?

My book – “Blogging the Smart Way – How to Create and Market a Killer Blog with Social Media” – will show you how.

It is now available to download. I show you how to create and build a blog that rocks and grow tribes, fans and followers on social networks such as Twitter and Facebook. It also includes dozens of tips to create contagious content that begs to be shared and tempts people to link to your website and blog.

I also reveal the tactics I used to grow my Twitter followers to over 149,000.

Download and read it now.

Image by Shutterstock

Jeffbullas's Blog


  • Thanks 🙂

  • Peter Lightbody

    Google does require that you place the code into every page on your site, as that is the only way they can pickup the Analytics data relating to each part of your site.

    If you use a static HTML website where each page is it’s own, then this is certainly a more difficult task. However if you use a CMS or a php built site, they will typically allow the code to be inserted into one single place and for that to then work across your entire site.

    If you need a more particular answer, let me know.

  • Tom White

    Great article, although I’ve found that often our perceptions of our customers/clients is not the same as reality, and what we think will increase conversions doesn’t.

    Although clients try to get in to the mind of their customer, sometimes there isnt a enough understanding (in terms of depth/emotional triggers) of their buyer personas and so it fails to connect.

    Usually I find its better to put together a few ‘rough and ready’ options and let the data do the talking and use the results to help tweak the buyer personas.

    So each test, tweak & improvement helps to improve everything across the board.

  • Like Peter said, it’ll depend on the software you’re using to build and code your site. FWIW the software that builds my site – RapidWeaver – uses templates that allow you to add the GA code to the header, then it does the rest, putting it on every page.

  • Thank you for mentioning both writing and design together. For some reason, the tech fu gets all the attention, then looking pretty – but looking functional and reading well tend to be afterthoughts. It’s hard – these are important steps for any web site (and why I am still wrestling w/ my site makeover, trying to hit them all). Biggest point – look thru your customer, the ones you have, already familiar with you and what you offer .. AND the ones you want, the ones who don’t know you, you aren’t familiar w/ you or your site. Build something intuitive for both. FWIW.

  • venkyiyer58

    Thank you, Peter and Davina. Peter, since I had a forthcoming blog in mind, it will not be a static site. Could you please further clarify your sentence beginning “However if you use a CMS or…”?

  • Robert H Hernandez

    Thank you for the insight, I am in the process of learning how to be more effective in this area, great information, thanks again.

  • Great little article, first one I have seen for sometime that includes the lesser known webmaster tools! amazing how many sites don’t utilise this little freebie. tone of voice and design, great topic!

  • Steve Johnson

    I absoulutely agree with this article but there is this one point which I would like to add, that is explaining your business through video ad would be a plus point in this case. Helping the customers understanding the business through visuals has now become an emerging strategy and I’m sure it will definately add value to your business.

  • Do you find having register forms on the left better converting than having it on the right?


  • Thank you so much for this insight. Well, these steps are very helpful for me. It may be simple but it means a lot for me. It is not easy to increase conversion and sales. That is why sometimes, you have to look for ways that could help you in that way. Thanks a lot for this one. 🙂