Kar amacı gütmeyen web sitesi şablonu

İnsanlar genellikle tek bir soruyla gelir: bu kuruluş ne yapıyor ve nasıl yardımcı olabilirim?

Ana sayfanız ilk ekranda bunu yanıtlamalıdır. Kısa bir misyon cümlesi, güçlü bir görsel ve net bir eylem düğmesi çoğu zaman yeterlidir.

Ziyaretçiler genellikle şunlara bakar:

• hizmet verdiğiniz amaç veya topluluğun sade bir açıklaması
• programlar, etkinlikler veya son güncellemeler gibi mevcut çalışmalara dair kanıt
• net bir bağış yolu
• gönüllülük veya ortaklık bilgileri
• varsa iletişim bilgileri ve konum
• kuruluşun gerçek ve faal olduğuna dair işaretler

Bir nonprofit için güven, tasarım kadar önemlidir. Bu da geniş iddialar yerine gerçek isimler, gerçek fotoğraflar ve çalışmalarınıza dair özel açıklamalar kullanmak anlamına gelir.

Çoğu nonprofit sitesi, odaklı birkaç sayfayla en iyi sonucu verir.

Pratik bir yapı şu şekilde olabilir:

• Home: misyon, temel etki noktaları, ana çağrılar
• About: hikâye, liderlik, değerler, hizmet verdiğiniz kişiler
• Programmes: yürüttüğünüz hizmetler, kampanyalar veya girişimler
• Get Involved: gönüllülük, ortaklıklar, bağış toplama, bülten kaydı
• Donate: net bağış seçenekleri ve bağışların neyi desteklediği
• News or Updates: son faaliyetler, etkinlikler veya saha hikâyeleri
• Contact: e-posta, form, telefon, adres, fiziksel ziyaret varsa harita

Ana sayfada faydalı bölümler genellikle şunlardır:

• misyon cümlesi ve bağış düğmesi içeren hero alanı
• kısa etki özeti
• öne çıkan programlar
• gönüllülük veya destek seçenekleri
• son haberler veya yaklaşan etkinlikler
• izin varsa referans ya da iş ortaklığı logoları
• iletişim bilgileri ve sosyal bağlantılar içeren footer

Kuruluşunuz yerel hizmetler sunuyorsa hizmet alanı detaylarını ve pratik ziyaret bilgilerini ekleyin.

Nonprofit metinleri, somut ve kolay taranabilir olduğunda en iyi sonucu verir. Mümkün olduğunca belirsiz misyon dilinden kaçının. "Toplulukları güçlendiriyoruz" demek yerine, gerçekte ne sunduğunuzu, kime sunduğunuzu ve insanların nasıl yardımcı olabileceğini açıklayın.

İyi bir ana sayfa metni genellikle şunları kapsar:

• kime hizmet verdiğiniz
• ne yaptığınız
• bunun neden şimdi önemli olduğu
• ziyaretçinin sonraki adımda ne yapabileceği

Örneğin programları somut ifadelerle anlatın: haftalık gıda dağıtımı, okul sonrası destek dersleri, hukuki destek klinikleri, kurtarma ve yeniden yuvalandırma, topluluk atölyeleri.

Fotoğraflar sahnelenmiş değil, belgelenmiş hissi vermelidir. Şunları kullanın:

• gerçek program fotoğrafları
• ekip veya gönüllü portreleri
• etkinlik, mekân veya kullanılan materyallerin görselleri
• mümkün olduğunda tutarlı kadraj ve ışık

Bağlam yardımcı oluyorsa altyazı ekleyin. Fotoğraflar hassas grupları içeriyorsa gerekli izinlere sahip olduğunuzdan ve görselleri uygun şekilde kullandığınızdan emin olun.

Doğru özellikler, kuruluşunuzun çalışma biçimine bağlıdır; ancak bazıları yaygındır.

Bağış akışı genellikle en önemli özelliktir. Moremade, yerleşik bir Stripe bağlantısı içerir; böylece istediğiniz fiyatlar veya bağış tutarlarıyla ödeme sürecini kurabilirsiniz.

Diğer faydalı eklemeler şunlar olabilir:

• genel sorular için iletişim formları
• gönüllü başvuru formları
• etkinlik kayıt bağlantıları veya kayıtlar
• güncellemeler için Resend veya SendGrid ile e-posta aboneliği
• ofisler, merkezler veya etkinlik alanları için harita
• gerekiyorsa Supabase ile basit bir veritabanına bağlı form veya üye alanı

Düzenli güncellemeler yayınlıyorsanız, tasarımın tekrar kullanılabilir haber veya etkinlik kartlarını desteklediğinden emin olun. Ekibiniz metinleri sık sık değiştirmek zorundaysa, kısa ve yer değiştirmesi kolay bölümler kullanın.

Hizmeti doğrudan sunan kuruluşlar için, çok fazla etkileşimli özellik eklemektense net bir başvuru yolu genellikle daha faydalıdır.

Moremade ile işe siteyi sade bir dille anlatarak başlarsınız. Örneğin, ana sayfa, Hakkında sayfası, program listeleri, bağış sayfası, gönüllü sayfası ve iletişim formu olan bir nonprofit web sitesi isteyebilirsiniz.

AI ajanı kaynak kodunu yazar ve canlı bir önizleme gösterir. Web siteleri gerçek React ve Tailwind koduyla oluşturulur.

Sonrasında siteyi sohbet ederek iyileştirebilirsiniz:

• başlığı değiştirmesini isteyin
• bölümleri değiştirin
• renkleri veya boşlukları ayarlayın
• bağış bölümü ekleyin
• gönüllü çağrısını yeniden yazın

Ayrıca görsel denetleyiciyi kullanarak bir öğeye tıklayıp değiştirebilir veya kod görünümünü açabilirsiniz.

Site hazır olduğunda, tek tıklamayla ücretsiz bir yourname.moremade.ai alt alan adına yayınlayabilirsiniz. Ücretli planlarda özel alan adı bağlayabilirsiniz. Alan adlarını Moremade içinde de satın alabilirsiniz.

Kaynak dosyaları istiyorsanız, tam projeyi istediğiniz zaman ZIP olarak dışa aktarabilir veya GitHub’a gönderebilirsiniz.

Yayınlamadan önce temel noktaları dikkatle kontrol edin.

• Misyon cümlesinin ilk ekranda net olduğundan emin olun.
• Tüm düğmeleri, formları ve bağış bağlantılarını test edin.
• İletişim bilgilerini, adresi ve açılış veya etkinlik saatlerini doğrulayın.
• Mobil görünümde uzun metin bloklarını ve görsel kırpmalarını kontrol edin.
• Program sayfalarının kimin için olduğunu ve nasıl katılınıp destek olunacağını açıkladığını kontrol edin.
• Her sayfanın konusuyla eşleşen sayfa başlıkları ve meta açıklamaları kullanın.
• Büyük görselleri sıkıştırın ki sayfalar makul hızda yüklensin.
• İsimleri, tarihleri ve bağış metinlerini gözden geçirin.
• Özel alan adı kullanıyorsanız, siteyi tanıtmadan önce bağlı olduğunu doğrulayın.

Bir nonprofit sitesinin iyi çalışması için çok fazla sayfaya ihtiyacı yoktur. Net bir yapıya, güvenilir bilgiye ve açık sonraki adımlara ihtiyacı vardır.