The Blog

Top 10 Web Site Call to Action Buttons

We must start this exercise by asking, what is Graphic Design? Graphic design is a creative process that combines art and technology to communicate ideas. From logos business cards to stationery to album covers to posters to web sites. Graphic design plays a major part in creating an associated identity to the object or idea that is being communicated.

When it comes to web sites, Graphic Design plays a major part in communication. The seller of the product or service has invested their hard-earned money and they are looking for a return on their investment. To be a successful business you have to earn some cash. It is therefore essential that the ‘seller’ guides the user of the web site down a path which, eventually, will lead to an end result so that the web site can be deemed a success. The ‘result’ part of the equation could be a sale, an enquiry, a sign-up.

A lot of web sites look very pretty, but are they really ‘guiding’ you towards a sale or to take some form of action in the easiest, most efficient way?

I have compiled a list of 10 web site designs that I think do an effective job of reaching the end result – or, at least, move me in the right direction to the end result. I know they work, because I have made a purchase, signed-up or ‘have done as I’m told’.

Apple

Apple.jpg

Campaign Monitor

100%-Rebrandable-email-marketing-software-just-for-designers---Campaign-Monitor.jpg

Expression Engine

ExpressionEngine---Publish-Your-Universe!.jpg

Firefox

Firefox-web-browser-_-Faster,-more-secure,-&-customizable-_-Mozilla-Europe.jpg

Five Simple Steps – Mark Boulton Design

Five-Simple-Steps-~-A-book-by-Mark-Boulton.jpg

Mint

Mint-A-Fresh-Look-at-your-Site.jpg

Mobile Web Design – Cameron Moll

Mobile-Web-Design-~-A-Book-by-Cameron-Moll.jpg

Basecamp – 37 Signals

Project-management,-collaboration,-and-task-software-Basecamp.jpg

Xero

Xero---world's-easiest-accounting-software-Free-trial,-free-support-Online-invoicing,-bookkeeping,-VAT.jpg

… and finally, Google

Google.jpg

Summary

All of the web sites mentioned above give me some form of direction through the use of effective Graphic Design. Most of the sites, with the exception of Apple, make me aware of what is going to happen if I do click on where they want me to go. Colour plays a distinctive role in the design of ‘Call to action’ buttons and are, mostly, brightly coloured to form some kind of contrast to the surrounding space.

4 Comments

Got something to say? Feel free, I want to hear from you! Leave a Comment

  1. TraiaN says:

    Although not directly related to design, I have wrote a post about a technique called dynamic text on call to action buttons , which some of your blog readers may find it useful. Cheers.

  2. I think the Firefox page does it best:) It’s important to keep it simple and then use a big button for the call to action part.

Trackbacks for this post

  1. Conceptguy » Blog Archive » Top 10 Web Site Call to Action Buttons | Iceberg Creative
  2. How does colour affect buying decisions? - Iceberg Creative

Comments are now closed for this article.