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?


2 Responses to “Designing for Conversions: Above the Fold Design and Call to Actions are a Must”

Leave a Reply

Search

About Us

  • PaperStreet creates new web sites and revitalizes aging ones. In addition to creating web sites that are engaging, we also have a knack for getting results.
    Read More »

Our Services