Simply Graphic

Web banner design tips

1. Nothing beats a good eye-catching punch line

When thinking of the copy for a banner; you need to spend a lot of time in creating a catchy phrase, something that will arouse the interest of the viewers and entice them to click on the banner. The punch line should be a small phrase, just a few words and should be visually appealing (correct usage of colors and fonts).

2. Good copy

A successful banner has excellent copy. Be sure to spend ample time thinking about what would interest the surfer. Another rule of thumb for good copy is to keep it short and simple. The text should support the banner punch line and should be informative and practical, making the viewer curious or bringing out a smile. Preferably, the copy should end with the same catchy phrase as on your web site unless the banner punch line is the same.

3. Relevant content in banners - not XXX

Make sure that the pictures displayed in the banner are relevant to the products/services you are offering on your site. A woman in a skimpy bikini would surely attract the attention of male surfers and get a click but, if your site sells electronic goods, the visitor is sure to leave your site before making a purchase. You, thus, end up with high-click thrus and negligible sales.

4. Something that will never die!

T.V. advertisements have overused the word "NEW", or the phrase "New and improved"... but it still sells! Similarly on a web banner, nothing attracts a visitor more than the word "FREE"! It provides an incentive to viewers when they click on the banner. Please make sure that you deliver what you have promised in the banner - and point it out quickly on your site; else the visitor would simply click on the "Back" button of their browser, never to return again. It might also generate some negative publicity!

5. Including logo and web site URL in banners

If your ad campaign is a brand building exercise, it is advisable to include BOTH the logo and the web site address in the banner. For other types of banners, you might like to include the two, but make sure that they don't dilute the banner punch line or the copy. In such cases, it's best to keep the logo and the URL together either on the right or the left side of the banner. The logo should be made small and the URL can be displayed in a very small font size.

6. Clichés work!

Statistics show that the best call to action on a web banner is the trite phrase "Click here". Its very presence increases the click-thru rate by almost 20%. The phrase should be displayed long enough (2-3 seconds), preferably in the last frame of an animated banner and can itself be animated - made to blink or change color.

7. Web banner file size

The ideal file size of a web banner is 10kb or less - the lesser, the better. The reason is simple. Since banners are generally displayed at the top of web pages, they should load before or with the main page text and grab the viewers' attention immediately. However, decreasing the file size of banners leads to tradeoffs in animation and the number of colors used (in animated gif banners).


8. How long should an animated banner run?

Studies have shown that a typical web surfer spends less than 10 seconds looking at the top of a web page. Thus, a web banner has to display all its content in this time. The call to action, which would usually be in the last frame of an animated banner, should be displayed within this time frame, else the banner loses its efficacy.

9. To animated or not to animated?

Animated banners generate almost 30% higher click-thru rates than static banners. The main drawback is that animation results in larger file sizes. However, optimizing an animated .gif banner by decreasing both the number of colors used and vertical color change, one can bring the file size below the required value.

13. Several banners for a single ad campaign

Unless you have done thorough research on your audience preferences and behavior patterns, its highly unlikely that a single banner would be sufficient for your ad campaign. We believe that you should start with 6-10 banners.

Size of the Banners

The physical dimensions in pixels - 468 X 60, 234 X 60, 120 X 90 etc.
It's likely, you've already chosen the size/s as dictated by the banner space you plan to purchase on the web page that will ultimately display the banner.
You can find the standard flash banner sizes here and standard static/animated/interactive banner sizes here. However, you are not limited to these sizes.

Simply Graphic

Tips mendisain Banner Web:

1. Tidak ada yang mengalahkan pemilihan kata yang menarik.

Saat berpikir tentang copy buat banner, anda harus menggunakan waktu anda
untuk menghasilkan ungkapan yang menarik, sesuatu yang akan menarik perhatian pengunjung dan menggelitik mereka untuk mengklik bannernya. Kalimat harus berupa ungkapan pendek, hanya beberapa kata dan harus terlihat menarik (penggunaan warna dan font tulisan yang tepat).

2. Copy yang bagus

Suatu banner yang sukses memiliki copy yang bagus. Harus benar-benar dipikirkan hal apa yang akan menarik perhatian pengunjung. Peraturan lain untuk membuat copy yang bagus adalah harus pendek dan sederhana. Teksnya harus mendukung maksud inti dari bannernya, harus informatif dan praktis, membuat pengunjung penasaran atau membuat mereka tersenyum.

Yang lebih baik lagi kalau copy-nya berakhir dengan ungkapan menarik yang
sama seperti di situs anda, kecuali kalau inti bannernya sama.

3. Isi banner harus relevan- bukan XXX

Pastikan gambar dibanner berhubungan dengan produk/ jasa yang anda tawarkan di situs anda. Seorang wanita dengan bikini pasti akan menarik perhatian pengunjung pria dan pasti akan diklik, tetapi kalau situs anda menjual barang-barang elektronik, para pengunjung pasti akan keluar dari situs anda sebelum membeli apapun juga. Hasil kliknya juga akan tinggi tetapi dengan penjualan yang sedikit.

4. Sesuatu yang tidak pernah membosankan!

Iklan-iklan TV sering sekali menggunakan kata "BARU", atau ungkapan "Baru
dan telah diperbaharui"...tetapi tetap saja dapat menjual! Hal yang sama terjadi pada banner web, tidak ada yang akan lebih menarik perhatian pengunjung selain kata "GRATIS!" Hal ini akan memberikan sesuatu yang lain untuk pengunjung saat
mereka mengklik bannernya. Pastikan anda menampilkan apa yang anda janjikan di banner tadi- dan tunjukkan dengan cepat di situs; kalau tidak pengunjung akan langsung mengklik tombol "Kembali" di browser, dan tidak akan pernah kembali lagi. Hal ini akan menimbulkan pengaruh buruk bagi publisitas!

5. Menyertakan logo dan URL situs di banners.

Apabila kampanye iklan anda adalah suatu latihan, sangat disarankan untuk
menyertakan KEDUA logo dan URL situs di banners. Untuk banners dengan tipe lain anda mungkin ingin menyertakan kedua-duanya, tetapi pastikan anda tidak melupakan maksud banner itu sendiri. Dalam hal ini, lebih baik kalau logo dan
tulisan URL letaknya sejajar di kiri atau kanan banner. Logonya harus dibuat kecil dan tulisan URLnya dapat dibuat dengan ukuran font kecil.

6. Yang klise!

Statistik menunjukkan cara yang paling baik untuk mengajak di banner web
adalah ungkapan "Klik di sini". Penampilannya yang seperti itu menaikkan level pengklikkan sampai hampir 20%. Its very presence increases the click-thru rate by almost 20%. Ungkapan "Klik di sini" harus ditampilkan cukup lama (2-3 detik), lebih baik kalau di bagian bawah banner yang beranimasi dan tulisannya juga beranimasi-dapat berkedip-kedip atau berubah warna.

7. Ukuran file Banner Web

Ukuran file banner untuk web yang ideal adalah 10kb or atau kurang -
lebih kecil, maka lebih baik. Alasannya sederhana saja. Karena biasanya banner akan ditampilkan di bagian atas halaman situs, bannernya harus dapat terbuka sebelum atau bersamaan dengan teks utama di halaman itu agar bisa langsung menarik perhatian pengunjung. Akan tetapi, mengecilkan ukuran banner dapat menyebabkan berubahnya animasi dan jumlah warna yang digunakan (di gif banner animasi)


8. Berapa lama harusnya banner animasi berjalan?

Penelitian telah menunjukkan kalau penjelajah dunia maya biasanya menghabiskan kurang dari 10 detik melihat bagian atas suatu situs. Oleh karena itu,suatu banner situs harus menampilkan seluruh isi situsnya pada waktu itu. Maksud situs tersebut, yang biasanya ada di bagian terakhir dari banner beranimasi, harus ditampilkan pada waktu yang bersamaan juga. Kalau tidak, banner yang ada tidak akan ada gunanya.

9. Animasi atau bukan?

Banners yang beranimasi menghasilkan hampir 30% klik lebih banyak daripada banner yang statis. Halangan terbesarnya adalah banner animasi besar filenya lebih besar. Akan tetapi mengoptimalkan suatu .gif banner yang beranimasi dengan cara mengecilkan jumlah warna yang dipakai dan perubahan warna vertikal dapat
memperkecil ukuran size di bawah yang diperlukan.

10. Beberapa banners buat kampanye iklan perseorangan.

Kemungkinannya kecil sekali kalau hanya satu banner cukup untuk mengkampanyekan iklan anda, kecuali anda sudah melakukan penelitian apa yang diinginkan target pasar anda. Kita yakin anda harus memulai dengan 6-10 banners.

Ukuran Banners

Luas fisiknya dalam pixels - 468 X 60, 234 X 60, 120 X 90 dan seterusnya. Kemungkinannya anda telah memilih ukurannya sesuai dengan yang telah ditentukan oleh ruang banner yang ingin anda beli di halaman situs anda, yang akan menampilkan banner tersebut.Anda dapat memiliki flash banner yang standar dan banner yang statis/animasi/interaktif di sini.Akan tetapi pilihannya tidak terbatas yang di sini saja.