20 En İyi Kilise Web Sitesi (Örnekler) 2023
Yayınlanan: 2023-03-10Dini bir sayfa oluşturma sürecinde olduğunuz için en iyi kilise web sitelerini görmek istiyor musunuz?
İzleme zevkiniz için en seçkin tasarımı garanti etmek için 100'den fazla çalıştıktan sonra en iyi yirmiden oluşan bir liste hazırladık.
Bazıları diğerlerinden daha temiz, bazıları videolar, bazıları kaydırıcılar içeriyor, bazılarında yerleşik videolar ve vaazlar var ve birçoğunun para toplamalarına yardımcı olan çevrimiçi bağışları var. (Sitelerinize “bağış” butonu da eklemenizi öneririz.)
Yeni başlıyorsanız iki seçenek arasından seçim yapabilirsiniz; ya bir kilise web sitesi oluşturucusu ya da bir kilise WordPress teması seçin.
İlki daha kolay ve hızlıyken, ikincisi istediğiniz siteyi oluşturmak için sınırsız seçenekler ve olanaklar sunar.
Hadi gidelim!
Size İlham Verecek En İyi Kilise Web Siteleri
1. İkinci Baptist Kilisesi
İle oluşturuldu: Profesyonel Tema
İkinci Baptist Kilisesi, herkesin dikkatini çeken tam ekran video arka planıyla dikkat çekiyor. Üstelik videonun etkileşimi artıran bir paralaks etkisi de var.
Başlık şeffaftır ve daha net bir görünüm için harekete geçirici mesaj (CTA) düğmeleri ana hatlarıyla belirtilmiştir.
Second Baptist Church'te ana navigasyonun yanı sıra, açılır işlevsellik ile sağdan kayan bir hamburger menüsü de vardır.
Not: Merak uyandırmak ve ziyaretçilerinizi sayfanızda daha uzun süre tutmak için ekranın üst kısmına bir tanıtım videosu ekleyin.
2. Yükseklik Kilisesi
İle oluşturuldu: Elementor
Elevation Church, içeriğin daha fazla öne çıkmasını sağlayan minimalist bir tasarıma sahip modern, mobil benzeri bir görünüme sahiptir.
Başlık, daha rafine bir arama için temel menü bağlantıları, bir dil değiştirici ve bir hamburger simgesi ile temiz.
Etkileşimi artıran şey, üzerine geldiğinizde videoyu oynatmaya başlayan ana görüntüdür.
Not: Çok fazla küresel takipçiniz var mı? Ardından web sitenizi çevirin ve dillerini seçerek deneyimlerini kişiselleştirmelerini önerin.
En iyi Elementor web sitelerinden oluşan nihai koleksiyonumuzu kontrol etmeyi de kaçırmamalısınız.
3. Özgürlük Kilisesi
İle oluşturuldu: Wix
Freedom Church, ana sayfadaki birden çok videoyla bir yerine bir sonraki aşamaya geçiyor.
Ayrıca, dahili sayfaların bölümleri karanlıktan aydınlığa giderek daha dinamik bir deneyim sunar ve yerleşik bir vaazın yer aldığı çok sütunlu bir alt bilgi ile son bulur.
Not: Bir müzik çalar yerleştirerek (hatta bir çalma listesi oluşturarak) ziyaretçilerin vaazlarınızı dinlemesine izin verin.
Wix platformunda oluşturulmuş en iyi web sitelerinden bazılarına da göz atabilirsiniz.
4. Kavşak Kilisesi
İle oluşturuldu: Next.js
Crossroads Church, bir üst çubuk bildirimi ve kayan bir başlık ile zengin içerikli bir ön sayfaya sahiptir. İkincisi, tüm menü bağlantılarının, aramanın ve hesaba erişimin her zaman yalnızca bir tık ötede olmasını sağlar.
Gömülü bir video, şovlar, diziler ve podcast'ler için bir ızgara düzeni ve çok sayıda hızlı bağlantı içeren pratik bir alt bilgi, Crossroads Church'ü ibadet edenler için kullanışlı bir çevrimiçi varlık haline getirir.
Not: Kilise web sitenizin kullanıcı deneyimini iyileştirmek için yapışkan bir başlık oluşturun - artık en başa kaydırmanıza gerek yok!
5. Bir Kilise
İle oluşturuldu: Squarespace
One Church, iki kelimelik bir mesaj, şeffaf gezinme ve aşağı kaydırma düğmesi içeren tam ekran ekranın üst kısmına sahiptir.
Bu duyarlı web tasarımı, çok sayıda beyaz alan ve paralaks efekti ile basit ve yaratıcıdır. Altbilgi, haber bülteni abonelik formu, konum bilgileri ve sosyal medya simgeleri ile web sitesinin önemli bir bölümünü kaplar.
Not: Paralaks bölümleriyle Squarespace web sitenizi daha çekici hale getirin.
6. Calvary
İle oluşturuldu: Enfold Teması
Calvary, bir başlık ve üç CTA düğmesi olan devasa bir kahraman bölümüne sahiptir. Ancak, daha spesifik bir şey ararsanız veya sorgunuzu arama çubuğuna yazarsanız, yapışkan açılır menüye de erişebilirsiniz.
Bu kilise web sitesinde ayrıca bir başa dön düğmesi ve uygulama indirme düğmeleri ve işletme ayrıntıları dahil olmak üzere ek CTA'lar içeren bir alt bilgi bulunur.
Not: Başa dön düğmesi, herhangi bir web sitesinde ziyaretçilerin en başa gitmekten kaçınmasını sağlayan pratik bir eklentidir.
Ancak Enfold temasını kullanan diğer harika web sitesi örnekleri de ilginizi çekebilir.
7. LCBC Kilisesi
İle oluşturuldu: Craft CMS
LCBC Kilisesi, onu daha büyüleyici kılan bir kahraman videosu içeren bir kilise web sitesinin başka bir mükemmel örneğidir.
Bölümler geniş ve temizdir, bu nedenle içeriği mobil ve masaüstünde gözden geçirmek ve okumak kolaydır.
Ayrıca, yarı şeffaf temel kayan gezinme çubuğu her zaman kullanılabilir, ancak LCBC Church'ün tüm menü bağlantıları altbilgi bölümünde bulunur.
Not: Sitenizin okunabilirliğini artırmak için daha büyük metin ve boşluk kullanın.
8. Zarafet
İle oluşturuldu: Squarespace
Grace'in sizi rahatsız etmesi durumunda "x"e basarak kapatabileceğiniz bir üst çubuk bildirimi vardır. Başlık şeffaftır, bu nedenle metin ve bir CTA düğmesi içeren paralaks görüntüsü daha fazla parlar.
CTA düğmeleri, etkileşim için bir fareyle üzerine gelme efektiyle birlikte gelir (onları daha tıklanabilir hale getirmek için).
İlginç bir şekilde, arama çubuğu yeni bir sayfada açılıyor ancak gösterdiği canlı sonuçlar/öneriler nedeniyle çok iyi çalışıyor.
Not: Canlı sonuçlar ve öneriler içeren bir arama çubuğu, daha hızlı bulmalarla kullanıcı deneyimini iyileştirir.
9. Mozaik
İle oluşturuldu: Squarespace
Mosaic, öğrenebileceğiniz güzel bir kilise web sitesinde minimalizm ve yaratıcılığı birleştiriyor. Beyaz boşluk kullanımı ve sitenin hoş renk paleti, içeriği görüntülerken keyifli bir deneyim için çağrıda bulunuyor.
Mosaic, gezinti çubuğunda zıt renklerle birden fazla CTA düğmesi görüntüler, böylece dikkatleri üzerine çekerler. Bu arada altbilgi, sosyal medya simgeleri ve ek iletişim bilgilerinden oluşur.
Not: Harekete geçirici mesaj düğmelerinizi başlığa ekleyerek daha fazla görünürlük sağlayın.
10. Knox Toronto
İle oluşturuldu: Squarespace
Web siteniz aracılığıyla bağış toplamak istiyorsanız Knox Toronto'ya bakın.
Bu kilise web sitesi, başlıkta yeni bir sayfadaki bağış formuna bağlantı veren bir "Ver" düğmesi kullanıyor. Form, konum ve sıklık için iki ek açılır menü ile kullanıcıya ne kadar bağış yapmak istedikleri konusunda tam özgürlük verir.
Ayrıca harika olan şey, Bağış sayfasının bağışların nereye gittiği konusunda çok şeffaf olması ve çevrimiçi olmanın yanı sıra başka katkı yolları da sunmasıdır.
Not: Kilise web sitenize çevrimiçi bir bağış formu eklemek, daha fazla para kazanmanıza yardımcı olabilir.
11. Centralia Topluluk Kilisesi
İle oluşturuldu: Squarespace
Centralia Community Church oldukça büyük bir başlık kullanıyor olsa da, kaydırmaya başladığınızda kayboluyor ancak daha fazla dikkat dağıtmayan bir deneyim için en üste döndüğünüzde yeniden görünüyor.
Bu kilise web sitesi, dinamik titreşimler için daha açık ve daha koyu tonların bir karışımını kullanıyor ve ziyaretçileri sayfada daha uzun süre tutmak için gömülü bir videoya sahip.
Not: Standart bir başlık kullanmak yerine, kaydırma hareketine bağlı olarak kaybolan/yeniden görünen bir başlık kullanabilirsiniz.
12. Apostolik Kilisesi
İle oluşturuldu: Squarespace
Apostolik Kilisesi'nin kahraman görseli, site yüklenir yüklenmez merakınızı tetikleyen bir videoya dönüşüyor. Evet, ilk birkaç saniye çok önemlidir ve bir ziyaretçiyi elde tutmayı veya kaybetmeyi belirler.
Sayfanın geri kalanı, tüm CTA'larını, içeriklerini, resimlerini ve daha fazlasını ortaya çıkaran daha basit bir görünüme sahiptir.
İlginç bir özellik, yalnızca sayfanın en altına geldiğinizde yeniden görünen başlıktır.
Not: Minimalist bir tasarımı hedeflemek, (çok fazla) animasyon ve efektle doldurmaktansa her zaman daha iyidir.
13. HTB Kilisesi
İle oluşturuldu: Squarespace
HTB Church, ilgi uyandıran ve daha fazlasını öğrenmek istemenize neden olan canlı bir tasarıma sahip bir web sitesidir.
Bir arama çubuğu ile donatılmamış olsa da, bir tıklama ile istenen bilgiye ulaşmak için bir açılır menüye sahiptir.
Dahası, altbilginin arka planı siyah, biraz beklenmedik ama bütün mesele bu.
Not: Siyah gibi zıt bir arka plan rengiyle daha kalın bir altbilgi yapmaktan korkmayın. Bağlantıları, CTA'ları, formları ve diğer öğeleri daha ön planda ve merkezde yapacaktır.
14. Sonship Körfezi Sırtı
İle oluşturuldu: Maranatha Teması
Sonship Bay Ridge'in vaazlarını, İncil çalışmalarını, dua toplantılarını vb. tanıtmak için büyük bölümleri var. Hepsi bir resim arka planı kullanırken, ekranın üst kısmında ziyaretçinin odaklanmasını sağlamak için yeterli etkileşim sağlayan pürüzsüz bir video var.
Ayrıca konumu, iletişim bilgilerini ve yol tariflerini (Google Haritalar bağlantısıyla birlikte) içeren entegre harita da yararlıdır.
Not: Kilisenizin konumunu bir harita ile gösterin (Google Haritalar'ı entegre etmenizi öneririz).
15. Kuzey Sahili Kilisesi
İle oluşturuldu: WPBakery
North Coast Kilisesi, en son vaazını izlemeniz için kahraman bölümünü kullanıyor. Ancak, doğrudan erişim için YouTube'a veya uygulamalarına abone olmak için iki CTA'ları da var.
Zarif bir tasarıma sahip, bir üst çubuk ve bir başlık kullanan, ancak yalnızca ikincisi yapışan bir kilise web sitesidir. Ek olarak, kaydırmayı tamamen önlemek için bir başa dön düğmesi vardır.
Dahası, altbilgide birden fazla CTA düğmesi, iletişim bilgileri ve favori platformunuz aracılığıyla onlarla bağlantı kurmak için sosyal düğmeler bulunur.
Not: Herkesin aramaya (ve UX'i iyileştirmeye) gerek kalmadan hemen izleyebilmesi için tüm vaaz videosunu ekranın üst kısmına yerleştirin.
Daha fazla fikre mi ihtiyacınız var? O zaman bu harika WPBakery web sitesi örneklerini kontrol edin.
16. Yol Kilisesi
İle oluşturuldu: Squarespace
Pathway Church, içeriğinden daha fazla zevk almak için olağanüstü bir performans ve atmosfer sunan temiz bir web sitesidir.
Pek çok etkili bölümü ve öğesi olmasına rağmen, bu kilise web sitesinin temel özelliği sağ alt köşedeki hareketli sohbet widget'ıdır.
Ayrıca, medya bölümlerinde/portföylerinde birden çok etiket ve doğru videoyu, konuşmacıyı vb. daha hızlı bulmak için bir arama çubuğu bulunur.
Not: (Canlı) bir sohbet kutusuyla müşteri hizmetlerini iyileştirin ve daha hızlı yanıtlar sunun.
17. Miras Kilisesi
İle oluşturuldu: Squarespace
Heritage Church'ün güzel, modern düzeni, içeriği kaydırmayı ve göz atmayı çok daha sevimli hale getiriyor. Üstteki çubuk bildirim, ilginizi tetiklemek için zıt bir arka plan rengine sahiptir (ancak bildirimi kapatabilirsiniz).
Ayrıca basit, şeffaf bir kayan menü, yapışkan bir Facebook Messenger simgesi, yaklaşan etkinlikler için bir döngü ve Instagram gönderilerinin bir koleksiyonu olan bir lightbox galerisi bulacaksınız.
Not: Bir IG yayını entegre ederek web sitenize daha fazla içerik ekleyin. Ayrıca, daha büyük resimleri ve videoları kontrol etmek için ışık kutusu işlevinin kullanılması, geçerli sayfadan ayrılmadan görüntülemeye olanak tanır.
18. Bildirge Kilisesi
İle oluşturuldu: Squarespace
Declaration Church, mutlaka okunması gereken haber bültenleri aracılığıyla sadık takipçi topluluğunu büyütmek için e-postaları toplamak üzere sağ alt köşedeki basit bir açılır pencere kullanır.
Düzen, ekstra etkileşim için harika bir metin animasyonu ile görseller üzerinde yoğun. Daha zahmetsizce iletişim kurmak için alt bilgide tıklanabilir e-posta ve telefon numarasını görmek de harika.
Ve CTA düğmelerinin tümü özetlenmiştir, ancak dikkat çekmek için fareyle üzerine gelindiğinde sabit hale gelir, bu da kendinizi test etmeye değer.
Not: Bir bülten abonelik formu açılır penceresi ekleyerek e-posta listenizi oluşturun.
19. Her gün
İle oluşturuldu: Squarespace
Everyday, karşılaştığımız en keyifli düzenlerden birine sahip minimalist bir web sitesidir.
Karmaşık olmayan görünümü, siyah beyaz tasarımı sayesinde basit ve hızlı bir şekilde gözden geçirilebilir.
Web sitenize tanıtmaya değer olan aylık etkinlik takvimidir, bu nedenle potansiyel katılımcılar bir sonraki uyandırma servisinin ne zaman olduğunu veya Perşembe dersinin saat kaçta olduğunu tam olarak bilirler.
Not: Tüm vaazlarınız, dualarınız, etkinlikleriniz vb. ile aylık bir takvim/program oluşturun.
20. Yeni Hayat Oxnard
İle oluşturuldu: Squarespace
New Life Oxnard, bol beyaz alana sahip temiz bir tasarıma sahip bir kilise sitesi olsa da görselleri ve büyük tipografisi ziyaretçi üzerinde güçlü bir izlenim bırakıyor.
Üst bilgi ve alt bilgi, düzgün akışa ayak uydurmak için gerekli bağlantılar ve sosyal simgelerle minimalisttir.
Ayrıca New Life Oxnard, doğrudan ulaşmak için bir Facebook Messenger düğmesi de kullanıyor.
Not: Yazı tipi boyutunu artırmak, bol miktarda beyaz alana sahip bir web sitesinde işe yarayabilir.