Ways to Make your Banners More Click-able

The main purpose for creating online banners is to increase the viewership of your website. Based on researches, I think there are some points that we can consider when making our banners so they will look more "click-able". Do share with us if you have other interesting and useful ideas as well! Let us update the list together.
 

Use Contrasting Colors

Do not use colors or a design style that blend into background of the website that you are putting your banner at. It will make your banner look much less visible than others who use total different color themes.
 
left: less contrast colors VS right: more contrast colors
 

Keep the File Size Small

People will not wait for a large banner to load finish before scrolling down to read further on the content. Make sure your banner is small in file size and be one of the first few images to complete loading when visiting the website.
 
left: slow loading image VS right: fast loading image
 

Include a Call to Action

A short phrase like "Find out more" or "Sign up now" will better capture people’s attention. It also allow them to roughly get an idea of your banner nature, whether are you selling a product, sharing an article or signing up for an application.
 
left: without call to action VS right: with call to action
 

Subtle Animation is Useful

Animated objects or short movie clip make great banners. Some designers also integrate a small flash game which is enticing people to play and click on them. But of course, make sure your file size is kept small, or do your preloading progressively.
 
left: without animation VS right: with animation
 

Straight to the Point Heading

Keep your message short and straight to the point. Make sure people can understand the purpose of your banner and the benefits that they will get if they were to click on it.
 
left: general heading VS right: specific heading
 

Create an Obvious Button

Include a good button design within your banner so it will look clickable instead of a plain picture on display. Try to make it obvious that people can click on your banner.
 
left: without button image VS right: with button image
 

Track the Statistics for Banner Clicks

This is very useful in understanding your own performance after every banner design. You will be able to identify which are the more effective approaches towards your audience and apply them throughout your future works.
 

Other Design Articles You May Find Interesting

11 Comments | Write a Comment

  1. Azhar Kamar says:

    Great banner design tips! 😉

  2. Büyütücü says:

    Thanks for sharin. Also helped to prepare my ads

  3. Ive been following your blog posts for several weeks now and find them a riveting read.

  4. Thanks for sharing. Great concept.

    “Straight to the Point Heading” i agree to this completely.

  5. Mars says:

    this is a great tips mate, thanks for this one, but for now, I dont have yet the budget for buying adspot hehehe

  6. sriganesh says:

    thanks for sharing 🙂
    i learned – the call to action and subtitle animation is important. and i do this for my blog.

17-09-2014 | Comments Off on Top 50 sport wordPress themes
18-06-2013 | Comments Off on 20 sets of free grunge photoshop brushes
21-01-2013 | Comments Off on Free futuristic fonts from urbanfonts.com
06-01-2013 | (2) Comments
24-11-2012 | Comments Off on Make your own business card for free
08-02-2012 | (1) Comment
  • Free Brushes
  • FudgeGraphics
  • CrazyLeaf Design Blog
  • Fuel Your Creativity
  • Photoshop Tutorials and Design Resources
  • touch up photo retouching services
  • Small House Design
  • http://www.webbuildersguide.com/
Follow My Twitter Subcribe Full RSS