Divi kullanan kar amacı gütmeyen ve yardım sitelerine örnek
Kâr amacı gütmeyen kuruluşlar ve yardım kuruluşları, mesajlarını halka iletmek ve çalışmalarıyla ilgili haberleri paylaşmak için Web’e geçti. Tabii ki bu, bilgilerini görüntülemek, haberlerini paylaşmak, işçilere ve gönüllülere sormak ve bağış istemek için bir web sitesine ihtiyaç duydukları anlamına gelir. Bu kuruluşların bazılarında Divi ile oluşturulan web siteleri bulunmaktadır. Bu makalede, Divi kullanan kar amacı gütmeyen ve yardım sitelerinin 13 örneğini göreceğiz. Bağış sistemleri, görüntü kullanımı, video, düzen vb. İçin ilham almanız gerekiyor mu, 13 kar amacı gütmeyen web sitesi ve yardım kuruluşu, bir sonraki tasarımınız için ilham kaynağı olacak bir şey olmalı. Web sitesi belirli bir sırada değil.
1. Dünya Yardımı
2. Rumah Cahaya Vakfı Light House Foundation, CTA ile tam ekran görüntü vardiyası, bağlantılı üst menü çubuğu, CTA’lı parçalar, odaklarını gösteren bağlantılara sahip dört sütun, önceki projeyi gösteren paralaks bölümünü, sürücü ekibinin kullanımının bir kısmını gösteriyor, Ortağı gösteren kısım ve bir bağlantı ile altbilgi. Bağışlar toplam bağış eklentisi aracılığıyla ele alınır. Bu site renk ve kaplama kullanıyor. 3. Brezilyalı Cura Brezilya, düz tasarım renginde bir logo ile tam ekran arka plan görüntüsü görüntüler. CTA ekranın altında kalır ve yavaşça rengi değiştiren logo ve bağış düğmesini gösterir. Rolling, bölüm stiline sahip tam ekranlı bir video, gerçek paralaks ve CTA Artistic kullanımının bir kısmı, istatistiklere sahip bölüm, kategoriye göre ekip üyelerinin sayısını gösteren bir grafik, uygulama düğmeleri olan şık bölüm olan bir ekibe sahip ve abonelik formları. Bu site, düz tasarım ve paralaks kullanımını kullanmanın iyi bir örneğidir. 4. Orman Yardımı
Jungle Aid, sloganlarla dolu geniş bir resim, metin ve video gömülü bölümler, açıklamada hizmetlerini gösteren dördüncü bölüm, ilerleme istatistikleri olan parçalar, bloglar, Shear Bar Full’da görüntülenen sponsorluk logoları ve bağlantı içerir. Bazı parçalar, paralaksdaki ekranın her iki tarafında bitkiler ve doktor ekipmanı gibi uygun görüntüleri içerir. CTA dahil menü. Bu site gerçekten renkleri ve simgeleri kullanıyor. 5. Aile Kursu Aile kursları, sloganla tam ekran görüntüsü görüntüler. Kaydırma, menüyü, görüntüler ve metinlerle ilgili parçaları, üç stil açıklamasına sahip parçaları, dönüşümlü metin ve görüntüleri olan bazı parçaları, paralaks kaplamalı resmin üstünde tanıklıkların ardından şirket logoları olan bölümleri ortaya çıkarır. Bu site renkleri ve yazı tiplerini çok iyi kullanır. Tekerlekli sandalye Silahlara karşı tekerlekli sandalye, paralakta logolar, görev ifadeleri ve CTA ile dolu bir ekran görüntüsü görüntüler. Kaydırma, CTA ile bir menü, istatistiklerle şık bir bölüm, metin ve video gömülü parçalar, bilgi bölümü, referanslar, sosyal simgelerle CTA desteği ve iletişim bilgilerini gösterir. Bu site gerçekten parçanın rengini ve stilini kullanıyor. 7. Baskı sona erdirme sözü
Zorbalığı sona erdirme sözü, kapsanan her bölge için kaplama, logo, slogan, görev beyanı ve düğmeler ile tam ekran görüntüsü vardır. Scrolls, bir sponsor logosu ve bölüm hakkında iki sütun ile parçaları ortaya çıkardı. Bir alana tıklayana kadar bir menü veya altbilgi içermez. Bölgesel sayfa, gömülü videolar, kayıt formları, istatistikler ve çok sayıda bilgi içeren bilgi bölümünü içerir. Üst menüde bağlantılar bulunur. 8. Araba Bağışı Araba bağışı, arka plan, CTA, bilgi ve iletişim bilgileri olan görüntüleri görüntüler – böylece en önemli ayrıntılar “en üst paro” konumuna yerleştirilir. Scrolling, Step -by -adım talimatları, kontak ve CTA bilgileri ile ilgili bilgiler, bağışların nasıl kullanıldığını gösteren kısım, CTA ile sadaka hakkındaki bilgi bölümü ve bir bağlantı ile özel altbilgi gösteren simgeleri görüntüler. Bu site uygun görüntüleri, renkleri ve yazı tiplerini kullanır. 9. Global Otizm Projesi
Global Otizm Projesi, menünün üzerinde piyasaya sürüldüğünde kaybolan ekstra büyük bir logoya sahiptir. Tam ekran resimleri tıklanabilir ve okuyucuya mesajlar ekleyebilir. CTA dahil menü. Sosyal düğmeler ve sohbet kutuları ekranda yüzüyor. Aşağıda tam geniş bir kayıt formu, bilgilerle tam geniş resim, CTA, onlarla çalışma hakkında bilgi, blog sürücüleri ve kayıt formlarıdır. Bağışlar gömülü doni formdan ele alınır. Bu site markalı renkler ve markalı simgeler kullanır. Washougal Camas Topluluk Kasaları
Camas Washougal Community Crates, görev ve CTA ifadeleri ile ekran görüntüleri ile dolu bir ekran kayması içeriyordu. Scrolls, çeşitli sayfalara bağlantı olarak büyük blok simgesi hakkında parçaları ortaya çıkardı. Aşağıdakiler CTA ve altbilginin bir parçasıdır – her ikisi de markalı renkli arka planlar kullanır. Form indirilebilecek bir indirme. Bu site basittir ve temiz bir düzen sağlar. 11. Frontenac Gençlik Hizmetleri Frontenac Gençlik Hizmetleri, CTA ile tam ekran görüntüsü içerir. Görüntü, şık bir ekran vererek üste yırtılmış bir bakışa sahiptir. İletişim bilgilerine sahip mesaj çubuğu ekranın üstünde kalır ve okuyucu tarafından kapatılabilir ve açılabilir. Bir sonraki bölüm, hizmete bağlantı içeren şık bir görüntü kullanır. İki sütun CTA bağışını ve STEM grafiğini ve ardından Paralaks ve Genişinde CTA ve blog bölümünü görüntüler. Başarılı bir hikaye sayfası, arka plan ve genişliğe sahip ilginç bir tasarım kullanır. Arka plan, kaplama kullanarak makalenin geçici başlığını gösterir. Makaleler çeşitli sütun tasarımlarıyla görüntülenir. Bu site görüntüleri, renkleri ve arka planları kullanıyor. Godfreds VakfıGodfreds Vakfı, çeşitli sayfalara bağlantı içeren bir avlu ızgarası görüntüler. Blogun parçaları, gömülü videolar, daire sayımı kullanarak istatistikler ve bağlantılar, arama ve Facebook yemli altbilgidir. Bağışlar toplam bağış formu aracılığıyla ele alınır. Gönüllü sayfası, gömülü wufoo formu ve SSS sütunu ile iki sütun kullanır. Site tasarımı basittir ve marka ile eşleşen cesur renkler kullanır. 13. Harç Harç, paralaks logosu ve slogan ile tam ekran görüntüsü görüntüler. Kaydırma, gömülü videolar, metin ve resimler içeren bilgi parçaları, logo ile aynı marka görüntüleme tasarımını kullanan istatistiklere sahip parçalar, bilgi bölümü ve ardından açıklama ve iletişim bilgileri içeren parçalar açıktır. Bazı bölümler arasında paralaks medya alıntıları olan parçalar vardır. WooCommerce mağazalar için kullanılır. Bağışlar PayPal aracılığıyla ele alınır. Bu site renkli markalaşmayı çok kullanıyor. Düşünceler Sonu 13 Divi ile inşa edilen kar amacı gütmeyen ve yardım web sitelerine örnekler Divi’nin her türlü hayırseverlik web sitesi için çekici tasarımlar oluşturmak için kullanılabileceğini gösteriyor, sadece basit broşürler veya bağış sistemlerine sahip siteler , olaylar ve hatta kurslar – ne kadar karmaşık veya basit olursa olsun. Bu siteler, bağış sistemleri, düzenler, renkler, görüntüler, videolar, simgeler, efektler, navigasyon ve daha fazlası için fikir sağlamak için iyidir. Bu web sitesi kesinlikle bir sonraki kar amacı gütmeyen tasarımınız için ilham verecektir. Bu kar amacı gütmeyen site ve hayır kurumu Divi’nin en sevdiğiniz unsurları nelerdir? Bize aşağıdaki yorumlarda anlatın! Vladgrin / Shutterstock.com aracılığıyla Üstün Görüntü