Banner Ads : Dikkatleri Üstünüze Çekmek İçin İpuçları

İnternette nereye gidersen git karşına çıkan Banner Ads oyununda öne geçmek istemez misin?

İnternet ortamına daha önce göz attıysan, muhtemelen bir veya iki banner ads (banner reklamı) görmüşsündür.

Genellikle, afişler bir web sayfasının üstüne veya kenar çubuğuna yerleştirilir. İnternet çağının başlangıcından bu banner ads materyalleri ürünlerini e-ticaret websiteleri ve hizmetlerinde tanıtmak isteyen şirketler için bir sütun olmuştur ve bu küçük tasarımların oluşturulması kolay gibi görünse de, bu doğru değildir.

Banner Ads her geçen gün daha yaratıcı hale geliyor. Aslında, kendi Display Ad (Görüntülü reklam) içeriğini oluşturmadan önce bilmen gereken birkaç popüler grafik tasarım ilkesi ve eğilimi vardır.

Bu yazımda, hangi renkleri seçeceğin, başlıklarla nasıl karşılaşacağın ve CTA düğmelerini dahil ederek pazarlama kampanyan için nasıl mükemmel bir banner reklam tasarlayabileceğini biraz ele almak istiyorum.

Tasarım konusunda kendini biraz daha geliştirmek istiyorsan ya da Dijital Pazarlama hakkında biraz daha bilgi edinmek istiyorsan bu konuda yazdığımız yazılara da göz arabilirsin. 


Banner ads, oldukça önemli bir dijital pazarlama silahıdır. Tabi doğru kullanmayı bildikçe.

En ufak hata da seni en yukarı çıkarabilecek şey en dibe bile çekebilir. Üstelik bu reklamlarla hem yaratıcı, hem de dikkatleri çeken bir imaj da yaratabilirsin.

Anlayacağın Banner reklamları her zaman internetin en önemli kozlarından biri olacaktır.

Bu kozu isteyen herkes kullanabilse de doğru kullanabilmek çok daha önemli olacağı için dikkat etmen gereken bazı noktaları başlıklar altına topladım.

1.Önce Açılış Sayfanı Seç

Banner reklamının genel başarısının yaklaşık % 50’si, tanıtım için kullanılan açılış sayfasına bağlıdır. Açılış sayfan reklam kampanyanı yürütebilir ya da duraklatabilir.

Bir açılış sayfası esasen, ziyaretçilerin banner reklamını tıkladıklarında gördükleri bir web sayfasıdır. En önemlisi, açılış sayfan banner’ınla aynı mesajı taşımalıdır.

Örneğin, bir kullanıcı ücretsiz bir web semineri vaat eden bir banner’ı tıklarsa, açılış sayfasının ücretsiz bir web semineri sunması gerekir.

Bir açılış sayfası oluştururken kampanyanın hedefini düşün. İnsanların yeni bir ürün satın almasını, deneme sürümüne kaydolmasını, ücretsiz e-kitabı indirmesini veya iletişim bilgilerini bırakmasını istiyor musun?

Ayrıca, açılış sayfası tasarımı söz konusu olduğunda, minimalizmi düşünmelisin. Unutma her zaman neredeyse her yerde daha azı daha fazladır. Dikkat çekmek için güzel resimler ve videolar kullan ve metnini temiz, okunabilir hale getir.

BrightLocal’a göre, insanlar çevrimiçi incelemelere kişisel öneriler kadar inanıyorlar. Bu yüzden açılış sayfana birkaç referans eklemek önemlidir.

Özellikle açılış sayfanın amacı ziyaretçilerden bilgi toplamaksa kullanışlı, işlevsel çevrimiçi formlar oluşturmayı unutmamalısın.

2. Mükemmel Web Sitesi Banner Boyutu

Elbetteki mükemmel bir Banner Ads denildiğinde dikkat etmen gereken şeylerden biri de görselinin boyutlarıdır. Bu özellikle her bir websitesinin kendi belirlediği boyutlardır. Aşağıda senin için bilmen gereken tüm boyutları sıraladım.

Google Adsense’e göre, afişler için standart boyutlar:

  • 728 × 90 piksel – Büyük Afiş
  • 300 × 600 piksel – Yarım Sayfa
  • 300 × 250 piksel – Orta Boy Dikdörtgen
  • 336 × 280 piksel – Büyük Dikdörtgen

Aşağıdaki resimlerdeki banner boyutlarına da bir göz at:

banner örnekleri

banner boyutları

Farklı Afiş Boyutları

Çevrimiçi reklamcılığa yeni başlıyorsan, bu dört yaygın banner boyutuna sadık kalmanda fayda olacaktır. Artık banner ads konusunda gerçek boyutlarını bildiğine göre, tasarım bölümüne geçmenin zamanı gelmiş demektir.

Kullanıcılar banner ads konusunda hızlı bir şekilde görebilmeli, bu nedenle büyük dosyaları kullanmamak en iyisidir. Banner reklam boyutu çok büyükse, yüklenmesi kötü bir kullanıcı deneyimi yaratarak çok fazla zaman alacak ve reklamını tıklayacak kişi sayısını azaltacaktır.

Ayrıca, İnternet bağlantısı yavaş olan kişilerin banner ads konusunda tekrar yüklenmesi ve gösterimlerini düşürmesi için beklemesi gerekir. Dosya boyutunu minimumda tutmanı da üzerine basa basa öneririm.

Bir görüntünün boyutunu TinyPNG.com gibi kalitesini kaybetmeden azaltmana yardımcı olabilecek birçok görüntü aracı da internette elinin altında.

3. En İyi Afiş Arkaplan

Genel olarak, banner ads denildiğinde çoğunun iki farklı türde arka plan şemasını kullandığını görürsün: renkli arka plan veya fotoğraf.

Düz arka planlar, belirli bir görüntüyü veya metni vurgulaman gerektiğinde kullanılır. Bu, metni karşılaştırmana yardımcı olarak mesajının okunmasını kolaylaştırır. Düz bir arka plan kullanırsan, metne karşı çok fazla kontrast yaratırken ürün veya marka rengiyle eşleşmelidir.

Son olarak, renk arka planları daha fazla odak oluşturmana ve dikkat dağıtıcı şeylerden kurtulmana izin verir.

Hadi sağlam bir arka plana sahip bu harika banner reklam örneğine bir göz atalım:

banner ads 2

Afişin için sağlam bir arka plan uygulamak için mükemmel durum, bir ürünün birçok özelliğine sahip olmasıdır. Sağlam bir arka plan kullanmıyorsan, tasarımı aşırı derecede riske atmış olursun, bu yüzden basit tutmak en iyisidir.

banner ads

Ayrıca, yukarıda görüldüğü gibi, banner’ında insanları öne çıkarırsan, sağlam bir zemin mükemmel bir seçimdir. Mesajının / metninin öne çıkmasını sağlamak için yüksek kontrastlı bir düğme yerleştirdiğinden de emin ol.

Fotoğraf arka planları söz konusu olduğunda, bunları görüntülemek için fiziksel bir ürünün olmadığında kullanmak en iyisidir. Bu nedenle, fotoğraf arka planları, hizmet banner ads için mükemmel bir çözümdür.

Mesajın kolayca okunabilmesi için dikkat çekici ancak temiz görüntüler seçmelisin. Sonuçta, metin yine de fonla iyi bir kontrast oluşturmalıdır.

Fotoğraf arka plan afiş soyut ürünler için de iyidir. Günün sonunda, başarılı görüntüler, başarılı bir banner reklamın ve kullanıcıların dikkatini çekmenin anahtarıdır.

adobe banner

Şirket için afişler Adobe, güzel, ancak bazı resimler yoğun olduğu için bazı metinlerini okumak zordur. Bu nedenle, banner’ın için bir resim arka planı seçtiğinde metnin için bir fareyle üzerine gelmende görünür hale gelmesini önerim.

5. Kullandığın Renkleri Akıllıca Seç

Her rengin farklı ilişkilendirmeleri ve anlamları vardır (kültüre bağlı olarak) ve farklı duygulara neden olur. Banner reklam tasarımını oluştururken bunu dikkate alman gerekir.

Neil Patel, makalelerinden birinde “tüketicilerin alışveriş yaparken görsel görünüm ve rengi diğer faktörlerin üzerine yerleştirdiğini düşünmenin çok önemli olduğunu” belirtmektedir.

banner adsss

Neil ayrıca, ürün banner tasarımının doğasına bağlı olarak renk seçmeni de önerir.

Bunun yanı sıra aşağıda sıraladığım başka önerileri de göz önünde bulundurmanı söyler:

  • Dönüşümü teşvik etmek için turuncu, kırmızı, siyah ve koyu mavi kullan
  • Lacivert ile daha ucuz / uygun fiyatlı ürünler arayan kullanıcılara ulaş
  • Pembe ve açık mavi gibi yumuşak renkler, kadınları giyim markalarına çekmeye yardımcı olabilir
  • Siyah ve altın lüks ürün afişleri için iyidir
  • Mor büyü, kadınlık ve bilgelik için iyidir
  • Beyaz renk saflık, basitlik ve temizliği göstermek için kullanılır
  • Potansiyel müşterilerin rahatlamasına yardımcı olmak ve ürününün temiz ve / veya organik olduğunu göstermek için yeşil kullan

Bu duygu yelpazesi (tipik olarak) Batı dünyasındaki insanlar tarafından tanınabilir, ancak ne olursa olsun, doğru renk (ler) i seçmek, banner tasarımı oluşturmada kritik bir adımdır.

Belirli bir proje için hangi renklerin daha iyi performans gösterdiğini anlamak için her zaman birkaç renk kombinasyonu seçebilir ve bir A / B testi yapabilirsin.

Bir Banner’a Hangi İçerik Eklenmelidir?


Banner reklamının etkili olması için, basit ve okunabilir bir tasarıma sahipken teklifinle ilgili tüm gerekli bilgileri içermesi gerekir. Bu bölümde, banner ads tasarımı en iyi uygulamaları hakkında konuşacağız.

Başlık

Başlık, büyük yazı tipiyle sunulan teklifindir. Bu, küçük boyutlu bir afiş kullanıyor olsan bile, reklamın hala açıkça görülebilmesini ve okunabilmesini sağlamak içindir. Başlığının gövde metninden daha büyük bir yazı tipi boyutu kullandığından emin ol, böylece görüntüleyenler bunu başlık olarak kolayca ayırt edebilir.

araba banner

Birkaç kelimeyle anlat. Küçük bir banner için çok sınırlı alanının yanı sıra kullanıcıların reklamına bakması için sınırlı bir süren olduğunu unutma. Çoğu zaman, tam anlamıyla dikkatlerini çekmek için bir saniyen vardır.

Afişte çok fazla metin olması, herhangi bir tasarımı ezici ve kirli hale getirecektir. Kullanıcıların teklifini mümkün olan en kısa sürede anlamalarına yardımcı ol.


Bu arada e-posta bültenimize üye olmadıysan üye olabilirsin, en yeni makaleler geldikçe seni haberdar ediyor olacağım.


Banner boyutu oldukça küçük olduğundan, tasarım başına bir resim kullanmak en iyisidir. Bunun nedeni, her ayrıntıyı göstermek, özellikle birden çok nesne için zor olabilir.

Örneğin, kadın modası için bir çevrimiçi mağaza işletiyorsan, afiş başına bir parça kıyafet göstermen yeterli olacaktır.

CTA Düğmesi

İyi tasarlanmış bir CTA düğmesi, banner reklamının tıklama oranını artırmana ve kullanıcı sürtünmesini azaltmana yardımcı olur. Banner Best Practices, CTA düğmeni eklemek için en iyi yerin tasarımının sağ alt tarafı olduğunu gösterir.

Daha önce de belirttiğim gibi, CTA düğmen, arka planın ve düzeninin diğer öğeleri ile çok fazla kontrast oluşturmalıdır. Düğmeyi daha da öne çıkarmak için, banner’ında kullanmadığın düğme için tamamen farklı bir renk kullanabilirsin.

banner örnek tasarım

Aşağıdaki birkaç banner tasarım fikrine bakalım mı?

Banner’ın için bir CTA düğmesi tasarlarken aşağıdaki ipuçlarını göz önünde bulundurman da oldukça önemlidir:

  • CTA düğmesini basit ve tanınabilir yap. Düğme oluşturmak için dikdörtgen alanı (belki yuvarlak kenarlı) kullan.
  • Düğme tarafını okunabilecek metnin temposuna göre ayarla. Küçük bir afiş boyutu kullanmayı ve metni olabildiğince kısa tutmayı düşünebilirsin.
  • CTA düğmesi diğer tasarım öğeleriyle birlikte oldukça büyük olmalıdır.
  • Kullanıcılarının teklifinin yakında süresinin dolacağını bilmesini sağlayarak veya “Bugünün En İyi Fiyatı” almak için onları “Şimdi Kaydolun” diye teşvik ederek düğmenin metninde bir aciliyet duygusu oluştur.

Alt Metin

Teklifini daha fazla açıklamak için alt metin eklemek istiyorsan, başlığa ve düğmeye müdahale etmediğinden emin ol. Çok kısa olmadığı sürece banner’ında alt metinden kaçınmak daha iyidir çünkü (bildiğin gibi) banner boyutu oldukça küçüktür.

Logo

Markanı tanıtmak ve farkındalık yaratmak için markanın logosu afişte parlamalıdır. Sonuçta hiçbir logo koymaksızın bir banner ads aktif hale getirirsen büyük olasılıkla kimse reklamına güvenerek tıklamayacaktır.

Elbette çok büyük bir markaysan ve rengin, sloganın bile insanların seninle birleşmesini sağlıyorsa bu durumda değişecektir. Ama değilsen kesinlikle logo eklenmen gerecektir.

Doğru yerleştirilen bir logo kesinlikle banner tasarımını daha da ileriye götürecek ve Tıklanma Oranını arttıracaktır.

Bunun yanı sıra, tıklanma eylemi gerçekleştirmese de hedef kitlen üzerinde banner tasarımı ve markan arasında bir bağlantı kurulacaktır. Bir daha gördüklerinde hatırlayacaklardır.

Websiteleri Yardımı İle Banner Ad İçin Görsel Oluşturma


Artık günümüzde bir görseli markan ya da işletmen için ihtiyaçlarını karşılayan bir araca çevirmek oldukça kolay bir hal almıştır. Bununla birlikte bu alanda da birçok sistem birbiri ile en iyi hizmeti verebilmek adına savaşmaktadır.

Bir banner ads için yapacağın görselin yanı sıra bu sistemlerde sosyal medya görsellerinden sunumlarında kullanabilmek adına bir slayt bile hazırlayabilme imkanına sahip oluyorsun.

Elbette uzman biri tarafında yapılan görsel her zaman daha iyi olsa da hızlı ve kolay bir çözüm arıyorsan bu websitelere bakmanı ciddi anlamda öneririm.

Hangileri dikkate değer diye merak ediyorsan işte deneyebileceğin bazı siteler;

canva

Canva internette en iyi ücretsiz web sitesi banner yapıcı sitelerden biridir. Tabi bazı özellikleri kullanabilmek adına Premium seçeneği de var. Aralarından seçim yapabileceğin yaklaşık 8.000 düzenlenebilir şablon ve tasarımla,  banner ads olarak kullanabileceğin görseli oluşturmak için harika bir platform sunar.

Tasarım konusunda çok az deneyimi olan veya hiç deneyimi olmayan insanlar bile Canva ile kolayca tanışabilirler. Kullanıcı arayüzü çekici ve kullanımı çok kolay.

Canva ile, mevcut öğelere yeni renkler ekleyerek, benzersiz yazı tiplerini değiştirip ekleyerek, farklı arka plan renkleri ile denemeler yaparak ve şekiller ve görüntüler ekleyerek seçtiğin şablonu tamamen özelleştirebilirsin. Reklamlarında öne geçebilmek adına bu sistem üzerinde bulunan harika araçlara eklemek için benzersiz banner temalarını bile değiştirebilir ve seçebilirsin. Canva’nın en iyi yanı, yeni tasarımları hızlı ve verimli bir şekilde geliştirebilmendir.

Ayrıca Canva, Türkiye sayfası ile de listenin belki de en kolay olanıdır.

BannerSnack

Bannersnack banner ads için görsel yapabileceğin bir websitedir. Açıkçası bu siteye gittiğinde aklına gelebilecek ilk düşünce: Temiz olacaktır. Neden mi? Çünkü ara yüzü ve hizmetlerine ulaşabilme yöntemleri oldukça kolay ve hızlıdır.

İlk aşamada, çok çeşitli şablonlar arasından seçim yapma veya kendi banner’ını oluşturma ve deneme seçeneğin vardır. Banner’larını benzersiz kılmak için şekiller, resimler, metinler ve hatta bazı animasyonlar ekleyebilirsin. Bu web sitesi ayrıca sosyal medya hesapların için banner oluşturmana da olanak tanır.

Ancak Bannersnack ile ilgili en ilginç şey, tasarımlarını kaydetmek için aldığın farklı dosya formatlarıdır. Bir banner tasarımını JPG, PNG, MP4, HTML5 ve hatta GIF olarak kaydedebilirsin. Bunun önemli olmasının nedeni, gördüğün platformda harika görünecek oldukça duyarlı bannerlar oluşturabilmendir.

Piktochart

Piktochart aslında bir İnfografik tasarım web sitesidir.

Web sitesinin arayüzü ve tasarımı, fikir sahibi olan herkesin parlak İnfografik oluşturmalarına izin verir.

Piktochart’ın bu listeye girebilmesinin nedeni ise ücretsiz abonelikle bile birçok avantajın mevcut olmasıdır.

Örneğin, web sitesinin sunduğu tüm simgelere ve resimlere erişebilirsin. Sınırsız sayıda tasarım oluşturabilir ve hatta tasarımlarını ücretsiz olarak indirebilirsin.

Web sitesi, tasarımların için kullanabileceğin 600’den fazla profesyonel şablon sunması da işin en güzel tarafı. Grafikler, animasyonlu simgeler, görüntüler ve hatta videolar ekleyerek bu şablonlara kendi dokunuşunu ekleyebilirsin. Kendi renklerini ekleyebilir ve yazı tiplerini düzenleyebilirsin. İşinden memnun kaldıktan sonra, dünyanın görmesi için indirerek banner ads için ayarlarını tamamlayabilirsin.

Fotor

Fotor, özellikle bir alanda uzmanlaşan bir sistemdir. O da banner’lardır. Çevrimiçi banner tasarımcısı olan Fotor, listenin en iyilerinden birisidir.

Mobil platformda bile kullanılabilecek bir tasarım platformudur.

Ayrıca ‘Tek Dokunuşla Geliştirme’ adı verilen benzersiz bir araç sunar. Bu araç, tasarımcıların sahip olabileceği yaratıcı blokları düzeltmeye yardımcı olmak için tasarlanmıştır. Klonlama seçenekleri ve aralarından seçim yapabileceğin çok sayıda şablon ile Fotor, hızlı banner tasarımı seçenekleri için tercih edilen bir yerdir.

Fotoğraf düzenleme araçları Photoshop’unkine benzer. Fotor’u Photoshop’un çevrimiçi sürümü olarak düşünebilirsin.

Tasarımdaki rengi, boyutu, ışığı ve diğer özellikleri kolayca ayarlayabilir ve profesyonel görünmesini sağlayabilirsin. Gelişmiş düzenleme için HDR efektlerini de bulabilirsin. Bunun dışında, daha iyi tasarımlar oluşturmak için yüzlerce yazı tipine erişebilir, çok çeşitli simgeler, farklı temalar ve stiller altında klip sanatlar arasından seçim yapabilirsin. Web sitesi ayrıca daha iyi tasarım yapmana ve profesyonel afişler oluşturmana yardımcı olacak öğreticiler de sunmaktadır.

Postermwall

Kolay ve verimli Postermywall kaliteli banner görselleri yapmak için harika bir çevrimiçi araçtır.

Aralarından seçim yapabileceğin çeşitli şablonların yanı sıra, tasarım özelleştirme seçeneklerinin anlaşılması o kadar kolaydır ki, kendi tasarımlarını sıfırdan oluşturmayı düşünmezsin.

Ayrıca, tasarımlara video ekleme ve bunları GIF olarak kaydetme seçeneği sunar. Diğer düzenleme seçenekleri arasında gölgelerin eklenmesi ve görüntünün arka planının saydam hale getirilmesi yer alır. Düzenlemeyi eğlenceli hale getirmek için benzersiz yazı tipleri mevcuttur.

Adobe Spark

Adobe Spark, harika bannerlar oluşturmanıa olanak tanıyan web tabanlı bir uygulama paketidir. Bu ücretsiz afiş oluşturucu ile, tüm gereksinimlerinin zahmetsizce karşılanacağından emin olabilirsin. Paket, neredeyse tüm popüler banner formatları için çok çeşitli önceden ayarlanmış görüntü boyutları sunar.

Bu, banner’ını göndermek isteyebileceğin farklı sitelerin yükleme gereksinimlerini aramak için çaba harcamanı sağlayacaktır.

Adobe Spark’ın kullanımı çok kolaydır ve en kaliteli tasarımları garanti eder. Profesyonel afişler oluşturmak için benzersiz metin yazı tiplerini ve istediğin görüntüleri bir araya getirebilirsin. Adobe Spark ile, banner’larını yüklediğin her platformda iyi görünmeleri için oluşturabilir ve özelleştirebilirsin.

Örneğin, bir banner ads ve bir Facebook banner’ı iki farklı tasarımdır ve farklı görünmeleri gerekir. Adobe Spark ile bu nüansları yönetmek parkta bir yürüyüş kadar kolay olacaktır.

Adobe Spark’ı aynı zamanda telefonunda da kolay bir şekilde kullanabilirsin.

BeFunky

BeFunky tamamen tanınmana yardımcı olmakla ilgilidir. Görüntüleyiciyi web sitene çeken Facebook reklamları oluşturabilir ve ayrıca çeşitli banner ads için görsel biçimlerini kapasitelerinin en iyi şekilde kullanabilirsin.

Bu web sitelerinden çıkan banner’lar her bir sitenin hedefleme seçenekleriyle son derece uyumludur.

Befunky ile banner oluşturmak son derece basit bir süreçtir. Tek yapman gereken etkileyici banner şablonlarından birini seçmektir. Bir görüntüye karar verdikten sonra, tek yapman gereken onu BeFunky fotoğraf düzenleyicisine aktarmak ve  sonrasında onu beğenine göre özelleştirebilirsin.

Metin ekle, filtreler uygula, şekiller ekle – işin bitti bile.

Yazı tipini ve rengini düzenleyebilir ve tasarımını kaydetmeden önce önizleyebilirsin.

Aynı zamanda hafızasına alarak sonradan geldiğinde de görselleri tutmaktadır.

Son Olarak


Banner Ads, yıllardır internetin içinde var olan ve başarı hikayelerini çok duyduğun dijital pazarlama öğesidir.

Her ne kadar kimse tıklamıyor artık diye düşünsen de aslında birçok kişi bu banner reklamları sayesinde internet sitelerine inanılmaz oranlarda tıklanma çekiyor. Birkaç gün önce gördükleri ama o an almadıkları bir kazağı yeniden gördüklerinde ve onlara yönelik CTA ile beraber olduğunda banner ads kesinlikle güçlü bir koz haline geliyor.

Elbette bu rehberde de üstüne basa basa bahsettiğim gibi, belirli noktalara dikkat edersen. Çünkü oldukça güçlü bir koz olan bu reklam türü, markanı yükseltebileceği gibi aşağı da çekebilir.

Bu yazıyı yazmamında en önemli nedeni buydu. Senin Banner Ads konusunda diğerlerinin önüne geçebilmen. Artık websiten için mükemmel bir banner reklamı yapan tüm temel ilkeleri biliyorsun.

Banner ads ve banner görsellerini oluşturma sırası artık sende.

Farklı başlıklar, CTA düğmeleri, resimler ve arka planlarla deneme yapmaktan çekinme. Pazar rekabetçi ve hızla değişiyor ve en son trendler hakkında güncel kalman gerekiyor.

Paylaştığım banner reklamlarla ilgili en iyi uygulamaların yalnızca ipuçları olduğunu ve bunları kendi markana ve projene göre ayarlaman gerektiğini de sakın ama sakın unutma.

Son olarak, umarım bu rehberimizi de beğenmişsindir. Düşüncelerini ve sorularını yorumda bekliyorum.

Bu yazıyı beğendiyseniz bunu arkadaşlarınızla Facebook, Twitter ve LinkedIn profilinizde paylaşabilir, bize destek olabilirsiniz!

Modern Web Tasarım Süreci başlıklı makalemizi de okumanızı öneririm.

Bu yazı yardımcı oldu mu?
EvetHayır

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Kapalı