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

peteboyd
by peteboyd 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?


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.

Post Your Thoughts