Kampanya Dönemini Sitede Hissettirmek: Hikaye, Çan, Konfeti ve Efektler

Kampanya dönemlerinde mağazaların çoğu aynı şeyi yapar: Ana sayfadaki banner değişir, birkaç ürüne indirim etiketi eklenir. Ziyaretçi ana sayfadan değil de doğrudan bir ürün sayfasından girdiyse, sitede özel bir dönem yaşandığını fark etmeyebilir. Kampanyanın sitenin her köşesinde hissedilmesi, ziyaretçinin onu kaçırmamasını sağlar.

Bunun için kullanılabilecek araçlar çeşitlidir: Instagram tarzı hikaye daireleri, duyuruları toplayan bir bildirim çanı, yılbaşında yağan kar taneleri, sepete eklemede patlayan konfetiler. Bu araçlar doğru dozda kullanıldığında siteye canlılık katar; aşırıya kaçıldığında ise sayfayı yorar ve yavaşlatır. Aşağıda her birinin ne işe yaradığını ve hangi durumda kullanılacağını ele alıyoruz.

Hikaye Bannerı: Tanıdık Bir Biçim

Sosyal medya kullanıcıları, ekranın üstündeki yuvarlak hikaye dairelerine dokunmaya alışkındır. Aynı biçimi sitenin üst kısmında kullanmak, kampanyaları, yeni koleksiyonları ya da öne çıkan kategorileri tanıdık bir şekilde sunar. Ziyaretçi bir daireye dokunduğunda tam ekran bir görsel açılır ya da doğrudan ilgili sayfaya gider.

Hikaye bannerı özellikle mobilde etkilidir: Dar ekranda büyük bir banner yerine yatay kaydırılan küçük daireler, ekranın ilk görünen alanını ürünlere bırakır. İçeriği düzenli değiştirmek önemlidir. Haftalarca aynı kalan hikayeler, ziyaretçinin bir süre sonra o alanı görmezden gelmesine yol açar. Görülen hikayelerin halkasının soluklaşması, ziyaretçiye neyin yeni olduğunu gösterir.

Hikaye görsellerinde dikkat edilecek nokta, dikey biçime uygun hazırlanmalarıdır. Ana sayfa banner'ı için hazırlanmış yatay bir görseli hikaye olarak kullanmak, kenarların kırpılmasına ve metinlerin kaybolmasına yol açar. Banner ölçüleriyle ilgili ayrıntılar için banner rehberimize bakabilirsiniz.

Kampanya Çanı: Duyuruları Tek Yerde Toplamak

Bir mağazada aynı anda birkaç kampanya olabilir: Bir kategoride indirim, belirli bir tutarın üzerinde hediye, yeni gelen bir koleksiyon. Hepsini kampanya barına sığdırmak mümkün değildir. Menünün yanında ya da ekranın köşesinde duran bir bildirim çanı, bu duyuruları tek bir panelde toplar.

Çanın gücü, rozetindedir. Ziyaretçinin görmediği duyuru sayısını gösteren küçük bir rozet, merak uyandırır; uygulamalardan ve sosyal medyadan tanıdık bir davranıştır. Yeni bir duyuru eklendiğinde rozetin yeniden yanması, siteye geri dönen ziyaretçinin yenilikleri fark etmesini sağlar.

Çanın içeriği kısa ve eyleme dönük olmalıdır: her duyuru bir bağlantıya gitmeli, öne çıkan ürünler fiyat ve indirim oranıyla gösterilmeli. Kampanyanın bir bitiş zamanı varsa panelin üst kısmında geri sayım olarak göstermek, ziyaretçiye zaman bilgisi verir.

Yağdırma ve Konfeti Efektleri: Dozunda Eğlence

Yılbaşında yağan kar taneleri, Sevgililer Günü'nde süzülen kalpler, büyük indirim gününde patlayan konfetiler; bu efektler sitenin özel bir döneme girdiğini anında hissettirir. Fiziksel mağazaların vitrin süslemesinin dijital karşılığıdır.

Bu efektlerin dozu kritiktir. Ekranı kaplayan yoğun bir kar yağışı, ürün görsellerinin önüne geçer ve ziyaretçinin dikkatini dağıtır. Daha da önemlisi, efektin sayfanın tıklanabilir alanlarını kapatmaması gerekir; ziyaretçi bir ürüne tıklamaya çalışırken kar tanesine tıklıyorsa, efekt alışverişi engelliyor demektir.

Konfeti efekti genellikle bir olaya bağlandığında daha anlamlıdır. Sayfa her açıldığında patlayan konfeti bir süre sonra sıkıcı hâle gelir; ama ürün sepete eklendiğinde ya da bir kampanya kodu kazanıldığında patlayan konfeti, o anı kutlar ve olumlu bir his bırakır.

Efektler ve Erişilebilirlik

Hareketli efektler, bazı ziyaretçiler için yalnızca dikkat dağıtıcı değil, rahatsız edicidir. Vestibüler bozukluğu olan kişilerde ekrandaki yoğun hareket baş dönmesi ve mide bulantısına yol açabilir; epilepsi riski olan kişiler için hızlı yanıp sönen efektler tehlikeli olabilir.

İşletim sistemlerinde "hareketi azalt" ayarı bulunur ve tarayıcılar bu tercihi sitelere bildirir. Kampanya efektlerinin bu tercihi açık olan ziyaretçilere hiç gösterilmemesi gerekir. Efektlerde hızlı yanıp sönmeden kaçınmak ve efektin bir süre sonra kendiliğinden durması da ziyaretçiye saygının bir parçasıdır. Erişilebilirliğin diğer boyutları için erişilebilirlik menüsü yazımıza bakabilirsiniz.

Performans: Efektler Siteyi Yavaşlatmamalı

Kampanya dönemleri, sitenin en yoğun trafik aldığı dönemlerdir. Bu dönemde sayfayı yavaşlatan bir efekt, en çok satış yapılabilecek anda ziyaretçi kaybettirir. Yüzlerce ayrı öğeyle çizilen kar taneleri, özellikle eski telefonlarda sayfanın kaydırılmasını zorlaştırabilir.

Efektlerin tek bir çizim katmanında (canvas) çizilmesi, sayfanın geri kalanından bağımsız çalışması ve sayfa ilk yüklendikten sonra devreye girmesi, performans etkisini en aza indirir. Kampanya öncesinde sitenin hızını efektler açıkken ve kapalıyken ölçmek, olası bir sorunu kampanya başlamadan yakalamanızı sağlar. Ölçüm yöntemleri için site hızlandırma rehberimizden yararlanabilirsiniz.

Kampanya Takvimine Göre Hazırlık

Bu araçların en büyük avantajı, önceden hazırlanıp zamanlanabilmeleridir. Kampanya döneminin araçlarını birkaç hafta önceden planlamak, son gün telaşını önler:

• Hikayeler: Kampanya görselleri dikey biçimde hazırlanır ve kampanya kategorilerine bağlanır.
• Kampanya çanı: Duyurular ve öne çıkan ürünler önceden girilir, kampanya bitişi için geri sayım ayarlanır.
• Efektler: Yalnızca kampanya günlerinde çalışacak şekilde başlangıç ve bitiş tarihi verilir.
• Kampanya barı: Kampanya mesajı ve bağlantısı, kampanyanın başladığı saatte yayına girecek şekilde zamanlanır.
• Test: Tüm araçlar mobilde ve masaüstünde, kampanya başlamadan önce önizlenir.

Bu araçların yanında stok, kargo kapasitesi, ödeme sistemi ve müşteri hizmetleri de kampanya öncesinde gözden geçirilmelidir. Kampanyanın yönlendireceği sayfanın kurgusu için kampanya sayfası kurgusu, duyurunun her sayfada görünmesi için kampanya barı yazılarımız yardımcı olacaktır.

Sık Yapılan Hatalar

• Bitmeyen yılbaşı: Kar efekti şubatta hâlâ yağıyorsa, site bakımsız görünür; efektlere mutlaka bitiş tarihi verin.
• Her şey aynı anda: Hikayeler, çan, kar yağışı, konfeti ve pop-up'ın aynı sayfada bir arada olması, ziyaretçiyi bunaltır.
• Tıklamayı engelleyen efekt: Ürün kartlarının üzerinde duran ve tıklamayı yakalayan bir efekt katmanı, doğrudan satış kaybıdır.
• Güncellenmeyen hikayeler: Kampanyası bitmiş bir hikaye, ziyaretçiyi geçersiz bir teklife götürür.
• Mobilde test edilmemiş efekt: Masaüstünde hafif görünen bir efekt, eski bir telefonda sayfayı kilitleyebilir.

Room ile Kampanya Dönemi Araçları

Room'da kampanya dönemine yönelik dört uygulama bulunur. Hikaye Bannerı, sitenin üstüne görseli, başlığı ve bağlantısı panelden girilen hikaye daireleri ekler; görüntüleyici ilerleme çubuğu ve klavye kullanımıyla çalışır. Kampanya Çanı, menüye ya da köşeye görülmemiş duyuru sayısını gösteren rozetli bir çan ekler; panelde duyurular, öne çıkan ürünler ve geri sayım yer alır. Yağdırma Efekti ve Konfeti Patlatma ise tıklamaları engellemeyen ayrı bir katmanda çalışır, tarih aralığıyla zamanlanır ve hareket azaltma tercihi açık olan ziyaretçilere gösterilmez.

Sık Sorulan Sorular

Efektler dönüşümü artırır mı?

Efektlerin doğrudan satış etkisini ölçmek zordur; asıl katkıları kampanya atmosferini hissettirmek ve kampanyanın fark edilmesini sağlamaktır. Etkisini görmek için efektli ve efektsiz dönemleri ya da sayfaları karşılaştırabilirsiniz; ama efektin satışı engelleyip engellemediğini (hız, tıklama sorunları) izlemek daha önemlidir.

Hikaye bannerı ana sayfa banner'ının yerini alabilir mi?

Mobilde birçok mağaza için alabilir; dar ekranda büyük bir banner yerine hikaye daireleri ürünlere daha fazla yer bırakır. Masaüstünde ise ikisi birlikte kullanılabilir.

Kurumsal görünümlü bir mağazada efekt kullanmalı mıyım?

Ciddi ve sade bir marka diline sahip mağazalarda yoğun efektler markayla çelişebilir. Bu tür mağazalarda hikaye bannerı ve kampanya çanı gibi bilgi odaklı araçlar daha uygun olur; efekt kullanılacaksa hafif ve kısa süreli tutulmalıdır.