Designing for Conversions: Above the Fold Design & Call to Actions a Must

Get Your Most Important Information Up High

Your designs need to convert visitors into clients. How do you do that? Well – if we all knew the answer to that questions, I wouldn’t have a job.

  1. Have a goal.
  2. Have a clear message.
  3. Have a clear benefit.
  4. Have a clear call to action.
  5. Put it all above the fold.

Simple, but a lot of designs miss these factors.

Below are four sites that get it right. These are great examples of designs that were meant to convert.  Our design team wireframed them (albeit quick and dirty) to showcase how simple the designs really are.

Again, the beauty is in the details – art and message – not the layout.

 

1. MailChimp.com

 

Mailchimp Design

 

 

MailChimp Wireframe

2. Base Camp

 

BaseCamp Design

 

 

BaseCamp Wire Frame

 

 

3. Rackspace

 

Rackspace Design

 

 

Rackspace Wireframe

 

 

4. Freshbooks

freshbooks

 

 

Freshbooks Wireframe

So, What Do These Have in Common?

These four sites were designed to get you to do something. Their design is not supposed to be award-winning, it is supposed to convert. As you can see, each site had the basics above the fold:

  1. Logo
  2. Menu
  3. Action Info (either contact information or a sign-up button)

They also have the following, which make them great sites:

  1. Call to Action – the part that tells you to do something
  2. Key Benefits – the part that speaks to you as a human with a need
  3. Art – aesthetically pleasing
  4. Secondary Benefits (if space available)

 


2 Responses to Designing for Conversions: Above the Fold Design & Call to Actions a Must

  1. Tweets that mention Designing for Conversions: Above the Fold Design and Call to Actions are a Must « Internet Marketing Blog with PaperStreet Web Design – Law Firm, Business & Professionals -- Topsy.com
    6:28 pm on September 28th, 2009

    […] This post was mentioned on Twitter by Pradeep Nair R.. Pradeep Nair R. said: Designing for Conversions: Above the Fold Design and Call to … […]

  2. Need to find a post on a design blog somewhere. - DesignersTalk
    5:39 am on October 5th, 2009

    […] […]

Leave a Reply

Your email address will not be published. Required fields are marked *

*