Divi Tasarım Vitrini: Ocak 2018'den Yeni Başvurular

Topluluk üyelerimiz tarafından yapılan 10 harika Divi web sitesine göz attığımız aylık Divi Vitrinimiz için yine o zaman. Her ay topluluğumuzdan gönderilen en iyi Divi web sitelerini sergiliyoruz ve bugün sizinle Ocak ayı için en iyi on web sitesini paylaşmak istiyoruz. Bu sefer Extra ile yapılmış birkaç web sitesi ekledik. Gönderi boyunca, web sitelerinin her birinden en sevdiğim tasarım özelliklerinden bazılarına işaret edeceğim.

Umarım onları beğenirsin!

Ocak 2018'den En İyi Topluluk Divi Sitesi Gönderimleri

1. Dolar Fonu

Bu web sitesi Kevin Gilbert tarafından sunulmuştur. Web sitesi bağış yapmak için tasarlanmıştır ve site genelinde çeşitli bağış CTA'ları içerir. Nasıl çalıştığını gösteren bir bölüm, her biri ve gömülü bir video hakkında bilgi içeren dolar tutarlarının bir listesini ve diğer tarafta bir görüntü ve bilgi (sıranın 2/3'ünü alarak) sağlar. Bir form, ayın hedefini ve alınan tutarı göstermek için bir çubuk sayacı sağlar. Tutar girmek için bir kutu ve bilgilerinizi girmek için alanlar içerir. Başlıktaki CTA'lar ve bu bölüme menü bağlantısı. Bu site gördüğüm en zarif blog tasarımlarından birine sahip. Blog sayfası, daha fazlasını okumak için bir bağlantı içeren tek bir gönderiyi gösteren bir kaydırıcıdır. Gönderinin kendisi, öne çıkan görseli paralaks olarak görüntüler ve zarif paylaşım düğmeleri ve gönderi navigasyonu içerir.

Web Sitesini Görüntüle

2. Bir Ateş

Bu web sitesi Robby Doyle tarafından sunulmuştur. Site, hem üst bilgi, hem de kaydırmalı menü ve menü, CTA'lar ve e-posta seçeneğiyle birlikte tüm alt bilgi için güzel bir degrade kullanır. Büyük kırmızı başlık metni, her bölümü zarafetle tanıtır ve doğru miktarda beyaz boşlukla diğerlerinden ayrılır. İlk bölüm, yoga çizgi sanatı ile bir arka plan deseni kullanır ve son bölüm, tasarımı topraklamak için koyu bir arka plana gider. Kırmızı düğmeler, üzerine gelindiğinde sabit hale gelir ve tasarımın bir araya getirilmesine yardımcı olur. Site, fotoğrafçılıktan mükemmel bir şekilde yararlanıyor ve fotoğrafları kenarlık gölgeleriyle sergiliyor. Sınıflar gömülü bir takvim aracılığıyla planlanır.

Web Sitesini Görüntüle

3. 320 Maverick

Bu web sitesi Claude Kallanian tarafından sunulmuştur. Başlık resmi siyah beyaz olarak yüklenir ve başlık ve kısa açıklama yüklendikten sonra renklenir. Site, bağlantıları sol taraftaki arka plan resminin üzerine dikey olarak yerleştiren benzersiz bir gezinme menüsü kullanır. Tasarım boyunca hem arka plan kaplamalarında hem de metinde mavi ve sarı renk şeması kullanılmıştır. Jeffries Point sayfası, konumlara bağlantılar içeren alternatif bölümlerde görüntüleri gösterir. Çok sayıda bağlantıya sahip olmasına rağmen, anlaşılmasını ve kullanılmasını kolaylaştıracak şekilde listelenmiştir. Kat planları sayfası, aynı sarı ve mavi renk şemasına sahip ayrı bir bölüm içinde her kat için etkileşimli kat planlarını gösterir.

Web Sitesini Görüntüle

4. Yatırım Yuvası

Bu web sitesi Karen Sielski tarafından sunulmuştur. Site, türe mükemmel şekilde uyan renkleri kullanır ve büyük metin ve beyaz alanı mükemmel şekilde kullanır. Örnek pazar yeri yatırımları, bir kaydırıcı içinde kartlar olarak gösterilir. Yatırımlar ve Öğrenme sayfaları, vurgulu animasyonlu blog gönderilerini kullanır. İşler sayfası, Indeed'e bağlantılar içeren işleri listeler. Menüde kırmızı bir CTA kullanır. Özellikle, bir arka plan deseni üzerinde büyük simgeler içeren tanıtım yazıları ve büyük metinde bir şirket beyanı etrafında bir daire oluşturmak için büyük simgeler kullanan Raise Capital sayfasının tasarımını seviyorum.

Web Sitesini Görüntüle

5. Çıtırtı

Bu web sitesi Adam Kischinovsky tarafından sunulmuştur. Bu, tam ekran video arka planına sahip çok dilli bir sitedir. Hizmetler, markalı renkler kullanılarak büyük simgeler içeren tanıtım yazıları kullanılarak gösterilir. Bu aynı renk markası site genelinde kullanılır ve hem açık hem de koyu arka planlara karşı harika görünür. Özellikle koyu turuncu arka planı ve beyaz metni ile tam genişlikte referans kaydırıcısını seviyorum (ama ben TN'liyim, yani…). Portföy sayfası, turuncu renkleri kullanan resimler ve bağlantılar ile açık ve koyu bölümler arasında geçiş yapar. Site, renkleri çok iyi kullanıyor.

Web Sitesini Görüntüle

6. Düşünülmesi Gereken 30 Şey

Bu web sitesi Julius Honnor tarafından sunulmuştur. Bu web sitesinin ilginç bir temeli var. Sitenin amacı, Yardım Kuruluşu Liderleri Ağı içindeki düşünce liderlerinden 30 makale sağlamaktır. 30 makale, kişinin fotoğrafını, makalenin başlığını ve yazarın adını görüntüleyen filtrelenebilir bir blog modülü ile sunulur. Makaleler, başlık ve aşağı ok içinde tam ekran başlık arka planları kullanır. Bazı makaleler gömülü videodur, diğerleri ise makaleleri taranabilir hale getirmek için başlıklara sahip tam metindir. Bazı videolar transkript içerir. Yazar kutusu, büyük metin ve sosyal düğmeler içeren büyük bir daire içine alınmış resim gösterir. Makale tasarımı temiz. Makalelerin metin içinde alıntı kullanma şeklini seviyorum.

Web Sitesini Görüntüle

7. Andrew Uncharted

Bu web sitesi Andrew Uncharted tarafından sunulmuştur. Bu site, Extra'yı benzersiz bir şekilde kullanır. Tipik Ekstra dergi stili düzeni yerine, tam ekran bir başlık, hakkında bölümü, bültene kaydolma bölümü, en son üç makaleyi göstermek için son gönderiler, daha fazla bağlantı içeren üç makaleye popüler seyahat ipuçları vb. kullanır. başlıklar, düğmeler ve hatta logo içinde web sitesi genelinde yeşil vurgu. Ayın kitabını öne çıkaran ve önerilen kitapları satın almak için bağlantılar olarak resimler sağlayan ilginç bir kitap kulübü özelliğine sahiptir. Tüm kategoriler kendi blog düzenleriyle sunulur.

Web Sitesini Görüntüle

8. Atina Koşu Şirketi

Bu web sitesi Andrew Nolan tarafından sunulmuştur. Bu, yerel koşu topluluğunu geliştirmek amacıyla yerel bir koşu mağazasının web sitesidir. Topluluk sayfası, paylaşım düğmeleriyle yerel etkinlikleri ve Facebook, Twitter ve Instagram akışları için sosyal medya kartlarının bulunduğu bir bölümü görüntüler. Sığdırma Süreci adlı bir sayfa, koşu parkuru grafiğinde size yol gösterir ve süreçteki adımların videosunu gösterir. Ürünler sayfası (bir Nick Roach doppelganger resmiyle birlikte) markaların logolarını gösterir. Sayfalar, size şahsen yardımcı olmak amacıyla çok sayıda CTA içerir. Bu site, resimlerden ve kırmızı vurgulardan büyük ölçüde yararlanır.

Web Sitesini Görüntüle

9. Genesis Kozmetik

Bu web sitesi Alexis Frazier tarafından sunulmuştur. Site, başlık, alıntı çubukları, başlık metni ve simgeler içindeki renk markalaması için canlı macenta pembe kullanır. Renkli markalama, paralakstaki bir şeridin arka plan görüntüsü gibi fotoğraflardaki öğelerde, bir çizelgede ve hatta bir dergi kapağında da kullanılır. İletişim sayfası, markayla eşleşecek şekilde büyük metin ve bir telefonun stilize edilmiş görüntüsünü kullanarak iletişim bilgilerini görüntüler. Etkinlikler sayfası EventOn tarafından desteklenmektedir ve etkinlikleri aya göre gösterir. Herhangi bir olaya tıklamak, ayrıntılarını görüntü ve bilgilerle birlikte açar. Etkinliklerin başlıkları bile sitenin geri kalanıyla aynı renk markasını kullanıyor. Fotoğraf çekmeyi de seviyorum.

Web Sitesini Görüntüle

10. Lüks Vadisi

Bu web sitesi Maryeme Tricoire tarafından sunulmuştur. İşte Extra tarafından desteklenen başka bir web sitesi. Extra'nın sekmeli gönderiler, kaydırıcı ve daha fazlasını içeren özel blog modüllerini kullanarak benzersiz bir dergi düzeni oluşturur. Ana sayfa düzeninde entegre bir MediaElement ses oynatıcısına sahiptir. Bu, son ve öne çıkan gönderileri göstermek için mega menüyü kullanır. Blog gönderileri, çok sütunlu metin, alıntılar, paralaks, numaralı öğeler, entegre tarif kartları, sayı sayaçları ve daha fazlasıyla ilginç düzenler kullanır. Blog gönderilerinde ve altın vurgularda çok sütunlu düzenlerin kullanımını seviyorum.

Web Sitesini Görüntüle

Kapanışta

Ocak ayı için en iyi 10 topluluk Divi (ve Ekstra) web sitesi gönderimimiz. Bu siteler harika görünüyor ve her zaman olduğu gibi, gönderileriniz için herkese teşekkür etmek istiyoruz!

Kendi tasarımınızın dikkate alınmasını istiyorsanız, lütfen zarif temalar dot com adresinden nathan'daki editörümüze e-posta göndermekten çekinmeyin. “DIVI SİTE GÖNDERİ” e-postasının konusunu yaptığınızdan emin olun.

Ayrıca yorumlarda sizden haber almak isteriz! Bize bu web siteleri hakkında nelerden hoşlandığınızı söyleyin ve yaptıkları bir şey varsa, blogda öğretmemizi istiyorsunuz.

Ysami / Shutterstock.com üzerinden öne çıkan görsel