Divi ile Oluşturulan 10 Çocuk Web Sitesi Örneği

Çocuklara odaklanan birçok web sitesi var. Bazıları çocuklar için eğlence sağlarken diğerleri çocuklara fayda sağlayan ürünler, yardımlar veya hizmetler sağlar. Görebileceğiniz gibi, Divi ile oluşturulmuş bu web sitelerinden birkaçı var. Bu yazıda, bir sonraki Divi tasarımınız için hayal gücünüzü harekete geçirmenize yardımcı olmak için Divi ile oluşturulmuş 10 çocuk web sitesi örneğini ele alacağız.

Konular oyun alanlarından yaz kamplarına, çocuklara yardım eden işletmelerden çocuklara ait işletmelere kadar uzanıyor. Diğerleri, kitap veya DVD gibi ürünler sağlar. Web siteleri belirli bir düzende değildir.

1. Kılıç Yaz Kampı

Kılıç Yaz Kampı, bir bindirme içinde sloganlı tam ekran bir görüntü görüntüler. Kaydırma, sayfalara bağlantılar içeren, stil sahibi çerçevelerde üç resim ortaya çıkarır. Bunu takiben, medya incelemeleri, iletişim formu, tam genişlikte bir görüntü, bir CTA ve etkinliklere bağlantılar ve resim ve menü içeren özel bir alt bilgi içeren bir bölüm bulunur. Kayıt, FormSite'dan gömülü bir formla gerçekleştirilir. Mega menü, simgeler, gömülü videolar ve CTA'lar içeren kategorileri içerir. Site, resimlerden ve yazı tiplerinden büyük ölçüde yararlanmaktadır.

2. Kurbağa Geğirme

Frog Burps, her biri hakkında daha fazla bilgi görmek için bağlantılarla birlikte en son kitaplarından kitap kapaklarını takip eden bir karşılama mesajı gösterir. Kaydırma, başlığın ve kapağın resminin bir kısmının paralaks içinde olduğu bir kitap kapağı gösterir. Bunu takiben, vurgulu efektler ve daha fazla gönderiye bağlantı, bir CTA ve sosyal bağlantılar içeren bir blog bölümü bulunur. Kısa Öyküler sayfası, bir sonraki gönderi için bir geri sayım içerir. Site markalı renkler ve yazı tiplerini kullanır.

3. çocuklar

kidzxplor, paralaks içinde bir bindirmede CTA ile tam ekran bir görüntü görüntüler. Kaydırma, bilgi ve bölüm stili içeren küçük bir tam genişlikte çubuk ortaya çıkarır. Sonraki, deneyim hakkında bilgi içeren gömülü bir video ve üç resim. Tüm aktiviteler, etiketli tıklanabilir simgeler olarak gösterilir. Bir tarafında büyük bir resim ve metin bulunan bir referans görüntülenir. Başka bir bölüm, makalelerine bağlantılar içeren medya logolarını görüntüler. Tam genişlikte küçük bir bölüm, konumlara ve uygulamalara bağlantılar içerir. Menü bir CTA içerir.

4. esodo

Iesodo, logo, slogan, karakterler ve paralaks içindeki her karaktere bağlantılar içeren tam ekran bir çizgi film arka plan görüntüsü içerir. Sonraki bölüm, gömülü videoları ve bir sayfaya bağlanan bir DVD kapağını görüntüler. Ardından, karakterlerin her biri, sayfalarına bağlantılar içeren bindirmelerde kartlarda gösterilir. Bir Hakkında bölümü, konuları ve bağlantılarıyla birlikte DVD kapaklarını içerir. Bir Etkinlik bölümü, etkinliklere konularıyla birlikte grafiksel bağlantılar sağlar. Tüm bölümler çizgi film arka planı üzerinde paralaks içerir ve her biri ahşap bir pencere pervazı grafiği ile ayrılır. Site, renk ve çizimden harika bir şekilde yararlanıyor ve ana menüde bir arka plan ve simgeler içeriyor.

5. Spartanburg Bilim Merkezi

Spartanburg Bilim Merkezi, resimlerin altında şirket misyonu ve iletişim bilgileri ile bir resim montajı gösterir. Bir sonraki bölüm, sunulan programlarla ilgili tanıtım yazıları içeren dört resim içermektedir. Yaklaşan etkinlikler blog gönderileri olarak gösterilir. Sonraki bölüm, etkinlikleri göstermek için tam ekran bir görüntü kaydırıcısı kullanır. Desenli bir arka plan üzerinde metin içeren bir resim, bilim merkezi hakkında daha fazla bilgi sağlar. Kampların açıklamaları, paralaks bir arka plan üzerinde kutulara yerleştirilir. Ödemeler PayPal aracılığıyla kabul edilir.

6. Şimdi Gençlik Merkezi

Youth Now Center, koyu yeşil bir arka plan üzerinde bir gönderi kaydırıcısı görüntüler. Menü bir CTA içerir ve üst menü ile ilk bölümle örtüşmesi bakımından benzersizdir, bu da onu yoldan uzak tutarken öne çıkarır. Bir sonraki bölüm, bir iletişim formu ile şirket bilgilerini içerir. Paralaks olarak bir görüntü üzerinde programlara bağlantı içeren bir bölüm görüntülenir. Metin içeren büyük bir resim, gönüllü olmak ve sponsorlar hakkında daha fazla bilgi edinmek için CTA'lar tarafından takip edilen bir CTA işlevi görür. Bir blog bölümü, yaklaşan etkinlikler ve haber bülteni formunu içeren bir kenar çubuğu kullanır. Bir sonraki bölüm sponsorların logolarını gösterir. Altbilgi, her konum için haritalar ve iletişim bilgileri içerir.

7. Pop Kabarcık

Pop Bubble, sizi çalışan mağazaya götüren kutunun bir görüntüsünü, ayrıntılı açıklamayı ve satın alma düğmesini içeren örtüşen CTA'ya sahip ürünlerin tam genişlikli bir görüntüsü üzerinde büyük bir ortalanmış logo görüntüleyen tek sayfalık bir tasarım kullanır. WooCommerce tarafından. Bir sonraki bölüm, stil sahibi bir arka plan içinde mağaza sahiplerinin fotoğraflarının yanında fikir veya istek gönderebileceğiniz bir iletişim formu içerir. Yazı tipi renkleri, sitenin renk markasıyla eşleşir. Site basit ve temizdir ve harekete geçirici mesaja net bir şekilde odaklanılmasını sağlar.

8. Kula Anne

Kula Mama, tam ekran bir gönderi kaydırıcısını, ardından daire içine alınmış görselleri ve mağaza bağlantılarını içeren öne çıkan ürünleri içeren bir bölüm kullanıyor. En son iki gönderi, zarif resimler, gönderi başlığı ve daha fazla oku düğmeleriyle gösterilir. Tam bir e-posta kayıt formu, sitenin stiline uyan renkli bir arka plan üzerinde zarif bir yazı tipi kullanır. Hakkında bölümü, daha fazlasını okumak için düğmeli daire içine alınmış bir resim içinde sitenin yazarını gösterirken, bir sonraki bölüm renkli bir arka plan üzerinde CTA ile bir çalışma kullanır. Blog sayfası, kategoriler için bir dizin görüntüler. Site, renk ve görselleri mükemmel şekilde kullanıyor.

9. BeyazIT

WhiteIT, logo, slogan ve CTA içeren tam ekran bir görüntü içerir. Bunu takiben, CTA'lı şirket hakkında bilgi ve iki sütunda bir resim içeren bir bölümdür. Sonraki, tam ekran görüntü üzerinde CTA içeren gömülü bir video içeren iki sütunlu bir bölümdür. Bir sonraki bölüm, kitaplarını paralaks içinde bir resim üzerinde görmek için bir bağlantı içerir. Başka bir CTA, çift sütunda, ardından paralaks içinde bir etkinlik takvimi, bir arka plan görüntüsü üzerinde tam ekran referans kaydırıcısı, paralaks içinde bir arka plan görüntüsü üzerinde bir bilgi bölümü, istatistikler, bir blog bölümü ve çok daha fazlası ile gösterilir. Altbilgi, sosyal beslemeleri içerir. Site çok sayıda resim ve paralaks kullanıyor.

10. WinShape Norman Gölü

WinShape Lake Norman, tam ekran görüntü kaydırıcısını, ardından bilgi, geri sayım sayacı, gömülü video ve CTA içeren iki sütunlu bir bölüm içerir. Bir resim galerisi, vurgulanan ve öğretilen becerileri gösterir. Görüntüler bir ışık kutusunda açılır. Programlar, paralaks arka plan görüntüsü üzerinde geçişler içinde görüntülenir. Görüşler, çok renkli kutular içinde çok-düzenli bir tasarıma ayrı ayrı yerleştirilir. Site basittir ve markalı renk kullanır.

Son düşünceler

Divi ile oluşturulmuş bu 10 çocuk web sitesi örneği, Divi'nin kamplar, kitaplar, DVD'ler, müzeler, mağazalar ve daha fazlası dahil olmak üzere her tür çocuk web sitesi için harika tasarımlar oluşturabileceğini gösteriyor.

Bu siteler, düzenler, yazı tipleri, gezinme, renkler, fotoğrafçılık, video, takvimler, ürünler ve daha fazlası için fikirler sağlamak için harikadır. Bu web siteleri, bir sonraki çocuklarınızın Divi ile web sitesi tasarımı için hayal gücünüzü ateşleyeceğinden emin.

Divi ile oluşturulmuş bu çocuk web sitelerinin en sevdiğiniz öğeleri nelerdir? Aşağıdaki yorumlarda bize bildirin!

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