Legal Marketing & PR

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

By Peter

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 Wireframe

2.  Base Camp

BaseCamp Design

BaseCamp Wireframe

3.  Rackspace

Rackspace Design

Rackspace Wireframe

4.  Freshbooks

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?

Full post as published by PaperStreet Web Design: SpeakOut on September 28, 2009 (boomark / email).