13 Divi Kullanan Kar Amacı Gütmeyen ve Yardım Sitelerine Örnekler

Kâr amacı gütmeyen kuruluşlar ve yardım kuruluşları, mesajlarını halka iletmek ve yaptıkları işle ilgili haberleri paylaşmak için internete yöneldiler. Elbette bu, bilgilerini görüntülemek, haberlerini paylaşmak, işçi ve gönüllü istemek ve bağış istemek için web sitelerine ihtiyaç duydukları anlamına gelir. Bu kuruluşların birçoğunun Divi ile oluşturulmuş web siteleri vardır. Bu yazıda Divi kullanan 13 kar amacı gütmeyen ve yardım sitesi örneğine göz atacağız.

Bağış sistemleri, görsellerin, videoların, düzenlerin vb. kullanımı için ilhama ihtiyacınız olsun, bu 13 kâr amacı gütmeyen ve hayır kurumu web sitesinde bir sonraki tasarımınız için ilham almanıza yardımcı olacak bir şeyler mutlaka vardır. Web siteleri belirli bir düzende değildir.

1. Dünya Yardımı

World Help, CTA (harekete geçirici mesaj) içeren tarz bir mega menü, açılır menüde sponsor kartları ve menüyü sayfanın geri kalanından ayırmak için gölgeli mavi bir çizgi içerir. Tam ekran görüntüde, bir bağış widget'ı kullanan bir bindirme içinde bir bağış kutusu bulunur. Canlı sohbet, kaydırma sırasında ekranda kalır. Sonraki bölüm, sayfalara bağlantılar sağlar ve fareyle üzerine gelme efektlerini içerir. Sonraki bölümlerde, kime sponsor olacağınızı seçmenize yardımcı olacak bir alt arama, etkileşimli dünya haritası, blog gönderileri, bülten kaydı ve bağlantılar ve simgeler içeren özel alt bilgiler bulunur. Site, renk ve düzen tasarımından mükemmel bir şekilde yararlanmaktadır.

2. Deniz Feneri Vakfı

Light House Foundation, CTA'lar içeren tam ekran bir görüntü kaydırıcı, bağlantılar içeren bir üst menü çubuğu, CTA'ların olduğu bir bölüm, odaklarını gösteren bağlantıların bulunduğu dört sütunlu bir bölüm, geçmiş projeleri gösteren paralaks içinde bir bölüm, kullanan ekip hakkında bir bölüm görüntüler. bir kaydırıcı, ortakları gösteren bir bölüm ve bağlantılar içeren bir alt bilgi. Bağışlar, Toplam Bağışlar eklentisi aracılığıyla işlenir. Site, renk ve bindirmeleri çok iyi kullanıyor.

3. Cura Brezilya

Cura Brazil, Flat Design renklerinde logolu bir tam ekran arka plan resmi görüntüler. Ekranın altında bir CTA kalır ve rengi yavaşça değişen bir logo ve bağış düğmesi gösterir. Kaydırma, bölüm stiline sahip tam ekran bir video, gerçek paralaks ve CTA'nın sanatsal kullanımına sahip bir hakkında bölümü, istatistiklerin bulunduğu bir bölüm, kategoriye göre ekip üyelerinin sayısını gösteren bir grafik içeren bir ekip bölümü, uygulama düğmeli bir stil bölümü ortaya çıkarır , ve abonelik formu. Site, Flat Design ve paralaks kullanımına harika bir örnektir.

4. Orman Yardımı

Jungle Aid, sloganlı tam genişlikte bir resim, metin ve gömülü video içeren bir bölüm, tanıtım yazılarında hizmetlerini gösteren dört sütunlu bir bölüm, ilerleme istatistikleri içeren bir bölüm, blog, bir kaydırıcı içinde görüntülenen sponsor logoları, tam genişlikte abonelik içerir form, tam ekran görüntü ve bağlantılar. Bölümlerden birkaçı, ekranın her iki tarafında paralaks olarak bitkiler ve doktor aletleri gibi uygun görüntüleri içerir. Menü bir CTA içerir. Site, renk ve simgelerden harika bir şekilde yararlanıyor.

5. Aile Kursu

Aile Kursu, sloganlı tam ekran bir resim görüntüler. Kaydırma, bir menü, resim ve metin içeren bir bölüm, üç stil tanıtım yazısı içeren bir bölüm, değişen metin ve resimler içeren birkaç bölüm, paralaks kaplamalı bir resim üzerinde bir referans ve ardından şirketin logosunu içeren bir bölüm ortaya çıkarır. Site, renk ve yazı tiplerini mükemmel şekilde kullanıyor.

6. Silahlara Karşı Tekerlekli Sandalyeler

Silahlara Karşı Tekerlekli Sandalyeler, logo, görev beyanı ve paralaks içinde CTA ile tam ekran bir görüntü görüntüler. Kaydırma, CTA içeren menüyü, istatistiklerin yer aldığı bir stil bölümü, metin ve gömülü video içeren bir hakkında bölümü, bir bilgi bölümü, referanslar, sosyal simgeler içeren bir destek CTA'sı ve iletişim bilgilerini gösterir. Site, renk ve bölüm stilinden büyük ölçüde yararlanıyor.

7. Zorbalığa Son Verme Taahhüdü

Zorbalığa Son Verme Sözü, kapsanan bölgelerin her biri için bindirme, logo, slogan, görev beyanı ve düğmeler içeren tam ekran bir görüntüye sahiptir. Kaydırma, sponsor logolu bir bölüm ve iki sütunlu bir bölüm hakkında bilgi verir. Bir bölgeye tıklayana kadar bir menü veya alt bilgi içermez. Bölgesel sayfalar, gömülü video, kayıt formu, istatistikler ve birçok bilgi içeren bir bilgi bölümü içerir. Üst menü bağlantılar içerir.

8. Araba Bağışı

Car Donation, arka planı, CTA'yı, bilgileri ve iletişim bilgilerini içeren bir resim görüntüler – bu nedenle en önemli ayrıntıların tümü "ekranın üst kısmına" yerleştirilir. Kaydırma, adım adım talimatlar içeren simgeler, iletişim bilgileri ve CTA içeren bilgiler, bağışın nasıl kullanıldığını gösteren bir bölüm, CTA'lı yardım kuruluşu hakkında bir bilgi bölümü ve bağlantılar içeren özel bir altbilgi görüntüler. Site, uygun resimler, renkler ve yazı tiplerinden büyük ölçüde yararlanmaktadır.

9. Küresel Otizm Projesi

Global Autism Project, kaydırma sırasında kaybolan menünün üzerinde ekstra büyük bir logo görüntüler. Tam ekran görüntü tıklanabilir ve okuyuculara bir mesaj içerir. Menü bir CTA içerir. Sosyal düğmeler ve bir sohbet kutusu ekranda yüzer halde kalır. Bunu takiben tam genişlikte bir kayıt formu, bilgi içeren tam genişlikte bir resim, bir CTA, onlarla çalışma hakkında bilgiler, bir blog kaydırıcısı ve kayıt formu bulunur. Bağışlar, gömülü bir Donately formu aracılığıyla işlenir. Site, markalı renklerden ve simgelerden iyi bir şekilde yararlanmaktadır.

10. Camas Washougal Topluluk Sandığı

Camas Washougal Community Chest, misyon beyanı ve CTA ile tam ekran bir görüntü kaydırıcısı içerir. Kaydırma, çeşitli sayfalara bağlantılar olarak büyük blok simgeleri içeren bir hakkında bölümünü ortaya çıkarır. Bunu takiben, her ikisi de markalı renkli arka planlar kullanan CTA ve altbilgi içeren bir hakkında bölümü vardır. Formlar indirilebilir PDF'lerdir. Site basittir ve temiz bir düzen sağlar.

11. Frontenac Gençlik Hizmetleri

Frontenac Gençlik Hizmetleri, CTA ile tam ekran bir görüntü içerir. Resmin üst kısmında yırtık bir görünüm var ve ona tarz bir görünüm kazandırıyor. İletişim bilgilerini içeren bir mesaj çubuğu ekranın üst kısmında kalır ve okuyucu tarafından kapatılıp açılabilir. Sonraki bölüm, hizmetlere bağlantılar içeren stilize edilmiş resimler kullanır. İki sütunlu bir bölüm, bir bağış CTA'sı ve çubuk grafiği, ardından paralaks ve bir bindirmede bir CTA ve bir blog bölümü görüntüler. Başarı Öyküleri sayfası, arka planlar ve bindirmeler içeren ilginç bir tasarım kullanır. Makale bir bindirme kullanırken arka plan başlık için görünür. Makaleler çeşitli sütun tasarımlarıyla görüntülenir. Site, resimlerden, renklerden ve arka planlardan büyük ölçüde yararlanıyor.

12. GodFreds Vakfı

GodFreds Foundation, çeşitli sayfalara bağlantılar içeren bir sayfa ızgarası görüntüler. Bunu takiben bir blog bölümü, gömülü bir video, daire sayaçlarını kullanan istatistikler ve bağlantılar, arama ve Facebook beslemelerini içeren bir alt bilgi bulunur. Bağışlar, Toplam Bağış formu aracılığıyla gerçekleştirilir. Gönüllü sayfası, gömülü bir WuFoo formu ve stil sahibi bir SSS sütunu içeren iki sütunlu bir düzen kullanır. Site tasarımı basittir ve marka ile eşleşen cesur renkler kullanır.

13. Harç

Harç, logo ve sloganlı tam ekran bir görüntüyü paralaks içinde görüntüler. Kaydırma, tam genişlikte bir menü, gömülü bir video içeren bir hakkında bölümü, metin ve resim içeren bir bilgi bölümü, logo ile aynı marka tasarımını kullanan istatistikler içeren bir bölüm, tanıtım yazılarının ardından bir bilgi bölümü ve iletişim bilgilerini gösterir. . Birkaç bölüm arasında paralaks içinde medya alıntıları olan bir bölüm vardır. WooCommerce mağaza için kullanılır. Bağışlar PayPal aracılığıyla gerçekleştirilir. Site, renk markalamasından büyük ölçüde yararlanmaktadır.

Son düşünceler

Divi ile oluşturulmuş bu 13 kar amacı gütmeyen ve hayır kurumu web sitesi örneği, Divi'nin basit bir broşür veya bağış sistemi, etkinlikler ve hatta kurslar içeren bir site olsun, her tür hayır kurumu web sitesi için ilginç tasarımlar oluşturmak için kullanılabileceğini göstermektedir. – ne kadar karmaşık veya basit olursa olsun.

Bu siteler, bağış sistemleri, düzenler, renkler, resimler, video, simgeler, efektler, gezinme ve daha fazlası için fikirler sağlamak için harikadır. Bu web siteleri, bir sonraki kar amacı gütmeyen tasarımınız için size ilham vereceğinden emin.

Bu Divi kar amacı gütmeyen ve yardım sitelerinin en sevdiğiniz unsurları nelerdir? Aşağıdaki yorumlarda bize bildirin!

VLADGRIN / Shutterstock.com aracılığıyla Öne Çıkan Görsel