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

Peter
by Peter in Branding, Web Site Design on September 28th, 2009 . 2 Comments »

Your designs need to convert visitors into clients.  How do you do that?

  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.  Here are four sites that get it right to show you some nice examples.  We have even 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 Design

MailChimp Wireframe

MailChimp Wireframe

2.  Base Camp

BaseCamp Design

BaseCamp Design

BaseCamp Wire Frame

BaseCamp Wireframe

3.  Rackspace

Rackspace Design

Rackspace Design

Rackspace Wireframe

Rackspace Wireframe

4.  Freshbooks

freshbooks

Freshbooks Wireframe

Freshbooks Wireframe

Conclusion

As you can see, each site had the basics above the fold:

  1. Logo
  2. Menu
  3. Contact Info (except Basecamp and Mailchimp)

They also had the following which make them great sites:

  1. Call to Action
  2. Key Benefits
  3. Art tied to the Theme / Benefits
  4. Secondary Benefits (if space available)

Does your web site do this?

No TweetBacks yet. (Be the first to Tweet this post)

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

One Response to “New Total Control Demo! – The Content Management System for Law Firms”

  1. Kyle Aikens says:
    March 5, 2010 at 5:04 pm

    Personally I really don’t have little issues with IE6 these days… As a developer i've adapted to combining Standards with IE6 Support. I’ve gotten to a point where I know what’s not going to conflict and what is going to

    I do however entirely disagree with the fact that nothing is going to change. I think we’ll see a huge drop in numbers over the next few months. A huge majority of IE6 users are based around corporate intranets, and if corporate offices can’t use Google docs or YouTube? That’s just crazy.

    I think when people see a huge red box on Google (the most trusted website in the world) that instructs you to upgrade your browser. It’ll happen. I think a majority of people just don’t know any better, this will be a much needed shove in the right direction.

    We’ll see, is a good stance. But I think when we decide its time, we should drop it all together. A majority of build time that happens to correct IE6 issues happens during the build process before IE6 is even looked at. Josh, Ariel, and I know we’re going to have to take an extra 30 minutes to make a certain element use all gif instead of pngs, or know that we have to put padding on floated elements and not margins. All of these precautions can be thrown out the window, and we can build in a more modern and quicker way geared towards Standards Based browsers only.

    Not to mention beta IE9 with HTML5, CSS3, and W3C Standards is coming out this month… Every major browser will now support CSS3 and HTML5. Horrah!

    Although PaperStreet may have 4.6% of IE6 users, the world still has a massive 17-20% market share. Statistically its gone down about 9-10% per year. So in December we’re looking at less than 10% of the world, if not more due to these giants dropping support.

    Reply

Post Your Thoughts