Banner ve Slider Tasarımı: Bir Kampanyayı Farklı Alanlara Uyarlamak

Banner tasarımı istemeden önce görselin nerede çalışacağını tarif edin. Bir e-ticaret sitesinin ana sayfasındaki slider, kategori üstündeki kampanya bandı ve başka bir sitede gösterilen reklam aynı alan değildir. Görselin genişliği kadar çevresindeki içerik, tıklanacağı adres ve mobilde kaplayacağı yer de kararı değiştirir.

Banner, slider ve reklam kreatifi arasında ne fark var?

Banner belirli bir alanı kullanan görseldir. Slider ise çoğunlukla birden fazla içeriği sırayla gösteren arayüz bileşenidir; tasarım yalnız o bileşenin içindeki görselleri kapsayabilir. Reklam kreatifi kampanyanın mesajını ve görsel yaklaşımını taşır. Teklifte bunların hangisinin istendiğini ayırın. Görsel hazırlanması, sliderın kodlanması veya reklam hesabından yayınlanmasıyla aynı hizmet değildir.

Önce teklif cümlesini netleştirin

Ürün adı, kampanya avantajı, süre ve çağrı birbiriyle yarışmamalıdır. Örneğin sezon ürünlerini tanıtan bir bannerda ana mesaj ürün grubudur; stok eritme kampanyasında ise teklif öne çıkabilir. Her iki durumda da görselde söylenen bilgi açılış sayfasında bulunmalıdır. Ziyaretçiyi genel ana sayfaya götüren bir ürün kampanyası, aradığı ürünü yeniden bulmasını gerektirir.

Mobil tasarım yalnız küçültülmüş masaüstü değildir

Yatay bannerdaki uzun başlık dar ekranda ürünün üstüne binebilir. Mobil sürümde metnin satır sayısı, ürünün kadrajı ve çağrının konumu yeniden düzenlenir. Başlık veya buton web sayfasında gerçek metin olarak yer alacaksa görsele ikinci kez gömülmez. Böylece geliştirici metni erişilebilir ve farklı ekranlara uyarlanabilir biçimde kullanabilir.

Brief'e yazılacak teslim listesi

Önce kullanılacak alanların ölçülerini ve dosya sınırlarını siteyi yöneten ekipten alın. Ana konsept sayısını, her konseptin formatlarını, dil sürümlerini ve ürün varyantlarını ayrı satırlarda belirtin. “Beş banner” ifadesi beş ayrı fikir de olabilir, tek fikrin beş ölçüsü de. Dosya adlarında kampanya, ölçü, dil ve sürüm bilgisini kullanmak yanlış görselin yayına alınmasını azaltır.

Onaydan önce kontrol edin

Tasarımı yalnız büyük sunumda değil, kullanılacağı alanın gerçek boyutunda değerlendirin. Metin okunuyor mu, ürün kesiliyor mu, kampanya koşulları anlaşılabiliyor mu? Hareketli çıktı isteniyorsa süre ve döngü ayrıca planlanır. Reklam performansı hedefleme, teklif ve açılış sayfasına da bağlıdır; tek başına bannerla satış garantisi verilmez.

Sosyal medya ve reklam görseli tasarımı ile web sitesi tasarımını ayrı kapsamlar olarak inceleyebilirsiniz. Kampanyanın yönleneceği sayfa için landing page tasarımı bölümüne bakın.