Kampanyanızı Sürüden Ayırmak için 5 Tasarım İpucu

Yayınlanan: 2016-12-07

Bağış toplama kampanyanızı parktan çıkarmanız gerektiğinde, tasarım her şeydir. Onsuz, dikkat çekmek, güven geliştirmek ve amacınız için harekete geçmek çok daha zor.

Yine de web siteleri harika tasarım standartlarını yükseltmeye devam ettikçe tüketicilerin beklentileri de artıyor. Bugün, kampanya tasarımınızın yalnızca bu standardı karşılaması değil, aynı zamanda destekçilerinizi gerçekten “vay” etmesi çok önemlidir.

Ancak bu hedef, “iyi tasarım” neye benziyor? Design for Founders'ın sahibi ve işletmecisi Heidi Pun, kuruluşları tasarımı yalnızca görsel estetikten daha fazlası olarak görmeye teşvik ediyor.

İyi tasarım iş için iyidir. Ölçülebilir, karlı ve müşteri için faydalı.

Bu, kâr amacı gütmeyen kuruluşunuza kolayca uyarlanır. Bağış toplama kampanyanızın tasarımının yeni destekçileri çekmesini, daha fazla bağış toplamasını ve topluluğunuzun eylemlerini teşvik etmesini istiyorsunuz.

Topluluğunuzu görsel olarak memnun eden ve harekete geçmeye teşvik eden bir kampanya oluşturmanıza yardımcı olmak için sizi bir sonraki seviyeye taşıyacak 5 tasarım ipucunu derledik.

Yapı Her Şeyi Dikte Eder

Tüm harika filmler, izleyiciyi baştan sona bir yolculuğa çıkarmak için tasarlanmış bir yapıyı takip eder. Bu yol boyunca, ekranda neler olduğunu anlamak, karakterlerle duygusal bağlar kurmak ve filmin çözünürlüğünde bir sonuca varmak için gereken bilgiler verilir.

Kampanyanızı bir film ve destekçilerinizi filmin kahramanları olarak hayal edin. Cesur resimler, videolar ve metinlerle hareketlerine ilham verin. Harika alıntılanabilir film replikleri gibi, tasarım estetiğinizin hatırlanması ve başkalarıyla paylaşılması kolay olmasını istersiniz.

Terry Breschi

klas tasarımcı

Bir filmin yanında yan yana getirildiğinde, bağış toplama kampanyanız o kadar da farklı değil. Sayfanızı, destekçilerinizi kâr amacı gütmeyen kuruluşunuzun arka planını, ilgili kişileri ve bağış yoluyla yaratacakları etkiyi öğrenecekleri bir yolculuğa çıkaracak şekilde tasarlayın.

Ayrıca iyi bir film gibi, kampanyanızı insanların kaybolmaması veya kafalarının karışmaması için yapılandırmanız gerekir. Çoğu tasarımcı, izleyicinin gözünü yukarıdan aşağıya doğru yönlendiren ve aradaki her şeye isabet eden bir hiyerarşi oluşturma fikrini destekler.

Classy'nin yeni Fundraising Suite'inde bu hiyerarşi kavramı yerleşik olarak bulunur, ancak bu standart yaklaşımdır:

  • Başlıkta bir şirket logosu
  • Büyük bir kahraman resmi
  • Bağış toplama ilerleme çubuğuyla eşleştirilmiş bir düğme üzerinde "şimdi bağışta bulunmak" için harekete geçirici mesaj
  • Organizasyon ve kampanya hakkında ilgili bilgiler
  • Bağışların özellikle nasıl yardımcı olduğunu açıklayan etki blokları
  • Kuruluş hakkında ek arka plan bilgileri
  • Son bağışlar gibi bağış toplama kampanyası etkinliği
  • İletişim bilgileri ve marka bilgilerini içeren bir alt bilgi

Terry'nin tavsiye ettiği gibi, bağış toplama kampanyanızın harika film replikleri gibi unutulmaz ve paylaşılabilir olmasını istiyorsunuz. Ancak, bir yapı olmadan kampanyanız bozulur, hatırlanması zor olur ve paylaşılamaz hale gelir.

Tasarım hiyerarşisi oluşturulduğunda, tasarım çabalarınızı sayfanızın yazı tipi, renk şemaları, görsel efektler ve resimler gibi diğer bölümlerini yürütmek için harcayabilirsiniz.

Tek İhtiyacınız olan Üç Yazı Tipi

Birçok tasarımcı tipografinin tüm tasarımın yüzde 95'ini oluşturduğunu iddia ediyor. Bu nedenle, seçtiğiniz yazı tipi, tüm kampanya estetiğinizin yüzde 95'ini potansiyel olarak etkileyebilir. Bu kadar çok seçeneğiniz varken, doğru yazı tipini seçme kararı çok zor görünebilir.

Zorluk Times New Roman veya Calibri arasında seçim yapmak değildir. Bunun yerine, marka logonuz, renkleriniz ve bağış toplama kampanyası mesajınızla estetik olarak örtüşen bir yazı tipi seçmektir.

Örneğin, bağış toplama kampanyanız terk edilmiş hayvanlara ev bulmakla ilgiliyse, Impact yazı tipini kullanmak istemezsiniz. Zor, cesur ve tüm gücüyle üzerinize geliyor.

ekran görüntüsü-2016-12-01-at-11-19-33-am

Bu örnekte, Verdana gibi çok daha hafif bir his veren harflerin etrafında daha fazla nefes alan bir yazı tipini düşünebilirsiniz.

ekran görüntüsü-2016-12-01-at-12-17-11-pm

Heidi Pun, sayfanız için iki yazı tipi önerir, ancak üç yazı tipinden kurtulabilirsiniz. Unutmayın, ne kadar çok yazı tipi kullanırsanız, sayfanız o kadar ayrık ve kafa karıştırıcı görünebilir. Şunlar için farklı bir yazı tipi kullanın:

  • kahraman bloğu
  • Başlıklar
  • gövde kopyası

Metninize, kampanya hiyerarşinizin yukarıdan aşağıya akışına yardımcı olan daha temiz bir tasarım sağlar. Şu anda Classy platformunda tutarlı bir sayfa için seçilebilecek yedi yazı tipi vardır.

Hedef kitlenizin sorunsuz ve olumlu bir okuma deneyimi yaşamasını sağlamak için seçiminizi üç ile sınırlandırın. Hangisini seçerseniz seçin, seçtiğiniz yazı tipi, kampanya renkleriniz gibi anlatacağınız hikayenin duygusal hissini de etkileyecektir.

Tamamlayıcı Renkleri Seçin

Renkler belirli duyguları iletir. Yazı tiplerine benzer şekilde, seçiminizde stratejik olduğunuzdan emin olmak ve kullandığınız sayıyı sınırlamak istersiniz. Bir ziyaretçiyi kampanya sayfanızda bunaltmaktan veya kafasını karıştırmaktan kaçınmak için siteniz için iki ila üç renk ve en fazla beş renk kullanın.

Hangi renklerin kullanılacağını belirlemek için birlikte iyi çalışan renk şemalarını düşünmek önemlidir. Örneğin, aynı sayfada limon yeşili, hardal sarısı ve neon pembesi göze hoş gelmeyebilir.

Bu sadece bir şeyin iyi görünmesini sağlamakla ilgili değil, aynı zamanda mantıklı kılmakla da ilgili. Tasarım temelde görsel problem çözmedir. Her zaman bağış toplama kampanyanızın amacını düşünün ve kendinizi kitlenizin yerine koyun.

Rachel Sızıntı

klas tasarımcı

Renklerinizin bir araya getirildiğinde anlamlı olmasını sağlamanın ve kampanyanızın genel temasına katkıda bulunmanın yolları vardır. Seçtiğiniz renklerin kuruluşunuza nasıl bağlanabileceğini düşünün ve tamamlayıcı renk kümeleri bulmak için Coolors.co veya Adobe Color CC gibi bir renk şeması oluşturucusuna dönün.

Hangi renk şeması oluşturucuyu kullanırsanız kullanın, her renge eklenmiş bir onaltılık renk kodu olacaktır.

ekran görüntüsü-2016-12-01-at-11-27-07-am
Altıgen renk kodlarına sahip Coolers.co renk şeması oluşturucu

Yeni Fundraising Suite ile, sayfanıza hızlı bir şekilde dahil etmek için onaltılı renk kodu tanımlayıcısını kopyalayıp yapıştırabilirsiniz.

renk uyumu
Classy'nin Kampanya Tasarımcısına kopyalayıp yapıştırılan altıgen renk kodu örneği

Kampanyanızı, gideceğiniz duygusal duygulara uyacak şekilde boyayın. Bu, hikayenizi daha etkili bir şekilde anlatmanıza ve destekçilerinizin daha fazla katılımını sağlamanıza yardımcı olur.

Etkilerin İnce Olması Gerekir

Bağış toplama sayfanızı tasarlarken ve renkleri ve efektleri değiştirirken, aklınızın ön saflarında tutmak istediğiniz kelime inceliktir. Efekt ne kadar ince olursa, tasarım estetiğiniz o kadar temiz olur.

Bağış toplama sayfanızın hedef kitlenizi doğrudan ve hedefe yönelik bir yolculuğa çıkarması gerektiğini unutmayın. Renkler ve yazı tipleri gibi, ana mesajınızın arka planda kaybolmaması için görsel efektlerle sadelikten yana olmak istersiniz.

Tasarımdaki son trendler göz önüne alındığında, Classy'nin yeni Fundraising Suite'i görüntü opaklığı, bulanıklık ve arka plan renginden oluşan üç popüler görsel efekti bir araya getiriyor. Kampanyanızın belirli kısımlarını diğerlerine göre öne çıkarmak için bu efektlerden bir veya iki tanesini örneklemenizi öneririz.

Profesyonel İpucu
Sayfanızın arka plan rengini siyah olarak ayarlayarak başlığınızı öne çıkarın, ancak ardından opaklığı yaklaşık yüzde 75'e düşürün. Bu, beyaz metnin öne çıkmasını, parlamasını ve gerçekten iyi bir şekilde öne çıkmasını sağlar.

Classy platformunun yararlandığı bir diğer tasarım trendi, çoğu web sitesinde fark edeceğiniz sabit ve örtü efektidir. Ön plan renk blokları ve metin üzerinde gezinirken veya onu kaplarken arka plan görüntüsünü yerinde sabit tutar.

Ayrıca, negatif boşluk veya beyaz boşluk hakkında da unutmayın. Bu, belirli resimler gibi kampanya sayfanızın belirli öğelerine dikkat çekmek için boş alanın bir tasarım aracı olarak kullanılmasıdır.

Görselleriniz Sizi Tanımlar

Herhangi bir yazı tipi, renk veya görsel efekt kadar, sayfanızı doldurduğunuz resimler de önemlidir. Kâr amacı gütmeyen kuruluşunuzun mesajını somutlaştıran yüksek kaliteli resimler olmadan asla bir sayfa oluşturmayın.

İçerik kral olsa da, tasarımın bir ziyaretçinin bu içeriği kavramasını zahmetsiz hale getirmesi gerekir. Hikayenizi anlatın, ancak onları paragraflarla boğmayın. Görevinizin konseptini ve duygusunu uyandırmak için fotoğrafları ve grafikleri kullanın. Ve bir tasarımcınız yoksa, Pixabay, Pikwizard, Pexels ve Creative Market gibi harika tasarımlara çok az veya ücretsiz erişim sağlayan birçok kaynak var.

Stacey Uy

klas tasarımcı

Classy, ​​misyonunuzla uyumlu görseller bulmanıza yardımcı olmak için ücretsiz ve lisanslı fotoğraflardan oluşan bir kitaplık olan Pixabay'ı yeni Bağış Toplama Paketi'ne entegre etti.

ekran görüntüsü-2016-12-01-at-11-38-40-am
Classy'nin Kampanya Tasarımcısındaki, Pixabay entegrasyonuna sahip kahraman resim yükleyicisi

Ayrıca, kişisel kitaplığınızdaki herhangi bir resim, doğrudan başlık veya ana resim yuvalarına ve doğrudan gövde metni bloklarına yüklenebilir. Biraz daha baharat olarak, normal görüntüleri yükleyebileceğiniz herhangi bir yere GIF yükleyebilirsiniz; sabit ve kapak kaydırma ile bile çalışırlar.

Film metaforuna geri getirmek için, resimlerinizi filmde başrol olarak düşünün. İnsanları ilk bakışta, ürettiğiniz şeye dikkat etmek için zaman, enerji ve çaba göstermeye çeken şeyler bunlar.

Yapıdan yazı tiplerine, renge, görsel efektlere ve resimlere kadar sayfanızdaki her tasarım öğesi, hedef kitlenizin yararına uyum içinde çalışır. Nihai hedefiniz ne olursa olsun, bu tasarım ipuçları, seçmenlerinizi harekete geçmeye yönlendirmeye yardımcı olacaktır.

Yeni Bağış Toplama Paketi, hareketinizi yukarıdan aşağıya tasarlamak için yaratıcı kontrol sağlar. Daha fazlasını öğrenmek ister misiniz? Bugün ücretsiz bir Classy hesabı için kaydolun ve kendiniz deneyin.


Classy'de Çarpıcı Bir Kampanya Sayfası Nasıl Tasarlanır

İzle şimdi