Design

Call to Action Buttons - Tips and Examples

A call to action is a term used in the industry to entice a visitor on your site to perform something specific. The most common calls to action on webpages are in the form of clickable buttons.  When the visitor clicks these buttons a predefined action takes place.

The most effective all to action buttons grab the visitors attention via design and text.  Don’t overly design the button.  Often times colors such as green and orange are used in the design of CTA buttons.  They evoke a certain click now and “go ahead” feel to the button.  Many times when there is a free sign up or free download the button will be green.  When it’s an “Add to Shopping Cart” or “Try it Now” button, you’ll tend to see the usage of orange.  Also its important to use a language the visitor will understand.  The context should be concise and clear on what action the visitor will be taking once they click the button. Here are few examples of some CTA Buttons with simple design and text:

An important part of designing CTA buttons that also goes along with the language of the button, is to consider what you’re offering the visitor. Some good examples of how to phrase CTA buttons are:

  • Learn More
  • Free Download
  • See Plans and Pricing
  • Sign up for our Newsletter
  • Add to Shopping Cart
  • Try it Now
  • Here are some good examples of these buttons:

    Consistency in design is important all around, even with call to action buttons. Make sure you’re always placing the button in the same spot of a page if it appears on more than one page.  When ordering a product on Amazon.com, no matter what the item is, the shopping cart call to action button always appears in the same spot.

    Here’s an example:

    Photobucket

    Photobucket

    When designing your call to action buttons for your site it’s good to keep in mind a few things: the language, design, and consistency of your buttons!

    Tags: ,

    Friday, January 13th, 2012 Design, Quick Tips No Comments

    6 Essential Web Design Tools

    As designers and developers, we need to make the most of our time to ensure great results for client projects. Luckily, there are many essential time-saving and quality control tools at our finger-tips. Below is a survey of some of the programs, techniques, and resources we use every day at Brunello Creative.

    › Continue reading

    Tags: , ,

    Monday, September 27th, 2010 Design, Quick Tips, Web Design 3 Comments

    iStockphoto.com To Begin Selling Stock Logos

    iStockphoto.com selling stock logos
    Interesting development in the realm of stock images: iStockphoto.com announced yesterday that they plan to start selling stock logos. Prices will range from 100-750 iStock credits per logo. Designers will receive up to 50% royalties after purchase. Once sold, logos will be removed from the market since customers are paying for a ‘unique’ design.

    The design community seems to be having mixed reactions to this announcement. What do you think? Feel free to share your thoughts in the comments.

    Tags: , ,

    Wednesday, September 23rd, 2009 Design No Comments

    How to Use Typekit For Dynamic Font Replacement

    Typekit

    Brunello just received our Typekit invite yesterday and I thought I would share with you how easy it was to get Typekit up and running on a demo page.

    › Continue reading

    Tags: , , , ,

    Thursday, August 27th, 2009 Design, Development, Quick Tips, Web Design 3 Comments

    Helpful Resources For Designing & Coding E-Newsletters

    We’ve been working on a lot of HTML E-Newsletters lately and thought we would share some of the helpful resources we have found over the past few weeks. Leave a comment and let us know if we missed anything!

    › Continue reading

    Tags: , ,

    Monday, August 24th, 2009 Design, Development, Web Design 2 Comments

    Brunello on Twitter

    Check out some of our latest Drupal development work: http://t.co/LarRYKKb, http://t.co/gCusK4Pt, http://t.co/SUFr6lZp, http://t.co/kKX67C8F