Divi Tasarım Vitrini: Aralık 2019'dan Yeni Başvurular

Topluluk üyelerimiz tarafından yapılan on 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 Aralık ayı için en iyi on web sitesini paylaşmak istiyoruz. Gönderi boyunca, beni web sitelerinin her birine çeken en sevdiğim tasarım özelliklerinden bazılarına işaret edeceğim.

Umarım onları beğenirsin!

Divi Tasarım Vitrini: Aralık 2019'dan Yeni Başvurular

1. Artisan Cam Yapılar

Bu site Stuart Hingston tarafından sunulmuştur. Tam ekran bir video, metni vurgulayan koyu bir kaplama ile arka planda oynatılır. Yer paylaşımı, CTA, başlık, kısa açıklama, açıklama ve düğme içeren logo ve menüyü içerir. Kaydırma, sabit bir başlık ve gerçek paralaksta bir arka plan görüntüsüne sahip benzer bir tasarım ortaya çıkarır. Hizmetler ve bilgiler, grafiklerle birlikte ince bir şerit içinde gösterilir. Bir CTA, bir tarafta gerçek paralaks içinde dairesel bir görüntü görüntüler. Bir referans kaydırıcısı, çalışma örnekleri olarak hizmet eden arka plan resimlerinin üzerine metin yerleştirir. Hizmetler, metin ve düğmelerle uzun resimler gösterir. Projeler bölümünü seviyorum. Projeleri, stilli yan bölücüler ve görüntüler için yakınlaştırma efektleriyle çok sütunlu bir düzende gösterir. Aynı boyutta alanları kullanan iletişim formunu da seviyorum.

Siteyi ziyaret et

2. Claire Yaratıcı

Bu site Claire Gallagher tarafından sunulmuştur. Kahraman bölümü, sıcak bir arka plana sahip bir el kitabı CTA'sını görüntüler ve sitenin ne hakkında olduğunu açıklamaya yardımcı olur. Sonraki bölüm, site sahibinin bir fotoğrafının ve ardından grafikli bir referansın olduğu başka bir CTA'yı gösterir. Blog gönderileri, resimler ve altlarında italik olarak başlıklar içeren bir bölümde gösterilir. Bu, çok fazla beyaz alana sahip temiz bir tasarım yaratır. Öne çıkmalarını seviyorum. Referansların bir bölümü benzer bir tasarıma sahiptir ancak daha fazla metin içerir. Sayfa, tam genişlikte bir CTA ile sona erer. Blog sayfası, ana sayfadaki blog bölümüyle aynı temiz tasarımı takip eder. Benimle Çalış sayfası, olası satış yaratma için oluşturulmuştur ve rezervasyon formu ve fiyat tabloları için benzersiz bir tasarım içerir. Projeler, blog gönderileriyle aynı tasarımı takip eder.

Siteyi ziyaret et

3. Freshlit Medya

Bu site Nicole Marie Zinnanti tarafından sunulmuştur. Bu, menüde çeşitli bölümlere bağlantı sağlayan tek sayfalık bir tasarımdır. Bu site, tam ekran başlığından başlayarak çok sayıda büyük siyah beyaz resim, büyük metin ve resimlerin üzerindeki başlıkların arkasında sarı kullanır. Birkaç bölüm, bu tasarımı takip eden görüntüleri içerir. Sonraki bölüm bilgileri tam genişlikte gösterir. Hizmetler, büyük başlıklar, açıklamalar ve ayırıcılar ile numaralı metin blokları içinde gösterilir. Görüşler ayrıca büyük başlıklar içerir ve minimal bir tasarım izler. Bir Hakkında bölümü, minimal tasarımı büyük bir başlık, metin ve ayırıcı ile devam ettirir ve ardından minimal bir iletişim formu ile biten benzer bir bölüm izler.

Siteyi ziyaret et

4. Hilltop Kredi Ortakları

Bu site Rolando S. Bouza tarafından sunulmuştur. Kahraman bölümü, başlığın ve sloganın arkasında bir video oynatır ve stil sahibi bir bölüm ayırıcıyla bir sonraki bölüme geçer. Sonraki bölüm, değişen bir düzende birkaç CTA'yı gösterir. İlk CTA, büyük bir başlık, kısa açıklama ve düğme içeren bir resim görüntülerken, ikinci CTA iki düğme içerir. Tam genişlikte bir blog kaydırıcısı, öne çıkan resimleri neredeyse tam ekran olarak gösterir. Bunu takiben, bir resim ve alıntı ile sahip hakkında bir bölüm var. Bilgileri koyu bir arka plan resmi üzerinde biçimlendirilmiş bir kenarlıkla görüntüleyen Hakkında bölümünü seviyorum. İletişim formu aynada benzer bir şekil kullanır ve sağlam bir arka plan içerir. Diğer sayfalar benzer bir tasarıma sahiptir ancak grafikler içinde birçok destekleyici bilgi ekler. Blog sayfası, duyuruları sergilemek için stil sahibi bir kenar çubuğu ekler. Ayrıca temiz düzeni ve büyük metni ile blog yazısı tasarımını seviyorum.

Siteyi ziyaret et

5. İçgörü Barındırma

Bu site Steve Doig tarafından sunulmuştur. Metin ve kaplamalar için birincil vurgu rengi olarak çok sayıda koyu pembe kullanır ve güzel bir şekilde öne çıkar. Kahraman bölümü, ekranın diğer tarafında bir CTA ile ekrandan uçan bir uçağı görüntüler. Uçağın kendisi ve CTA, sıcak pembe renktedir. Planları olan bir bölüm, bloklar içindeki planları ve fiyatları gösterir. Sıcak pembe vurgulu animasyonları içerirler. Tam genişlikte bir CTA, ortada metinle birlikte pembe bir çita gösterirken, diğerinde bir satranç takımı ve pembe öğeler içeren metin gösterilir. Birkaç bölüm, tanıtım yazıları içindeki faydaları gösterir. Favorilerimden biri, hizmet ettikleri iş türlerini tartışan bölüm. Görüntüler, değişen bindirmelerle 5 sütunlu bir ızgarada gösterilir. Görüntüler üzerine gelindiğinde uzaklaşır ve bindirmeyi kaldırır. Altbilgideki menü de ilginç. Başlıkları, her biri için stillendirilmiş bir ilk harfle görüntüler.

Siteyi ziyaret et

6. Keren Herrera

Bu site Edgar Herrera tarafından sunulmuştur. Site, izleyicileri çekmek için çok sayıda yumuşak renk kullanıyor. Kahraman bölümü, bir tarafında CTA ve diğer tarafında sahibi bulunan tam ekran bir görüntü gösterir. Bunu takiben, bir tarafta bir resim ve formun üzerinde açıklama gösteren zarif bir e-posta kayıt formu bulunmaktadır. Biçimlendirilmiş kenarlıklara sahip resimler, çeşitli bilgi sayfalarına bağlantılar sağlar. Bir Hakkında bölümü, ortalanmış bir referans sağlayan bir sonraki bölümle örtüşen bir resim gösterir. Sonraki birkaç bölüm, değişen bir düzen içinde birden çok bölümle örtüşen görüntüleri içerir. Bu bölümler bilgi ve CTA'lar sağlar. İletişim formu, mermer bir masanın arka plan görüntüsünün üzerine yerleştirilir ve düz arka planlardan sıyrılır. Bir kitap CTA'sı, üst üste binen bir fotoğrafla 2 sütunda görüntülenir. Altbilgi, arka planda birden fazla fotoğraf içeren bir Instagram takip CTA'sını gösterir.

Siteyi ziyaret et

7. Finbingo

Bu site Prashant Karandikar tarafından sunulmuştur. Vurgular için birçok renk içeren temiz bir düzene sahiptir. Kahraman bölümü, bir tarafta bir tanıtım yazısı ile diğer tarafta bir dizi tanıtım yazısıyla karışan bir grafik ile bir giriş gösterir. Bilgiler, madde işaretleri oluşturmak için tanıtım yazılarıyla birlikte 2 sütunlu bir düzen içinde gösterilir. Birkaç bilgi CTA'sı, alternatif bir düzende bir tarafta bir grafik görüntüler. Hizmetler, grafik ve metin içeren kartlar içinde gösterilir. Bir dizi blok oluşturan renkli tanıtım yazılarında daha fazla bilgi sağlanır. Sayı sayaçları, her sayıyı öne çıkarmak için farklı bir renkle gösterir. 2 sütunlu bir referans, sitenin renk tasarımıyla eşleşir. Sayfaların çoğu benzer bir tasarıma sahiptir ve ardından öne çıkmak için kutu gölgeli içerik ekler.

Siteyi ziyaret et

8. Uhuni

Bu site Vernon Joyce tarafından sunulmuştur. Ürünlere odaklanan temiz bir düzene sahiptir. Mega menü, bilgi ve görüntüleri ortaya çıkaran bir tarafa birden fazla bağlantı içeren 3 sütun gösterir. Kahraman bölümü, ofis mobilyaları için bir dizi grafik gösterir. Herhangi birinin üzerine gelindiğinde diğerlerini bir kaplama ile kaplar ve mobilyayı tanımlamak için başlığı olan küçük bir açılır pencere gösterir. Pop-up'lar renk olarak değişir. Öne çıkan ürün, bir tarafında büyük bir grafik ve diğer tarafında bir açıklama gösterir. Bunu takiben, tam genişlikte bir danışma CTA'sı ve ardından öne çıkan ürün tasarımıyla eşleşen bir bilgi bölümü bulunur. Ürün sayfaları, açılır pencerelere benzer başlıklara sahip ürünleri gösterir ve özellikler için bir madde işareti listesi içerir. Hizmetler sayfası ilginç. Ürünlerin çok sayıda grafiğini gösterir ve tanıtım yazılarında faydaları görüntüler.

Siteyi ziyaret et

9. Mimar Laboratuvarı

Bu site Mischa Groenen tarafından sunulmuştur. Gezinme olarak oklar ile metin olarak bağlantılar içeren tek bir tam ekran sayfası görüntüler. Ekran, bir tarafta beyaz bir arka plan ile başlık ve bağlantılar ile diğer tarafta sarı bir arka plan ile çapraz olarak bölünmüştür. Fare imlecinizi hareket ettirdiğinizde başlık ekrana çizilir. Bağlantıların üzerine gelindiğinde yakınlaştırma etkisi görülür. Bağlantılardan birine tıklamak, ana ekranın tasarımını takip eden bir başlık içeren bir sayfa açar. Portföy sayfası, sitenin tasarımına uyan bir filtre ekler ve görüntüleri, üzerine gelme animasyonları ve başlıkları içeren bir ızgara içinde gösterir. Ekip sayfası, bir tarafta ekibin resimleri, ortada bir kişi kaydırıcısı ve diğer tarafta bir form bulunan 3 sütunlu bir tasarım gösterir. Bilgi sayfası, yaptıkları iş hakkında stilize edilmiş bir grafik gösterir. Basit, ilginç ve benzersiz bir tasarım.

Siteyi ziyaret et

10. Sonraki Yaşlanma

Bu site Nicolle Principe tarafından sunulmuştur. Bu site, turuncu ve yeşili mükemmel bir şekilde kullanıyor ve ek vurgulamaya eklenmiş birkaç tane daha var. İkincil menüsünde bir CTA'sı vardır. Kahraman bölümü, bindirmede basit bir CTA ile gerçek paralaks içinde tam ekran bir arka plan görüntüsü gösterir. Sayfalara bağlantılar, tam genişlikte ince bir bölümde renk ve metin bloklarıyla oluşturulur. Çeşitli tam genişlikli CTA'lar, bir tarafta bir resim, diğer tarafta ise metni değişen düzenlerde gösterir. Blurbs ayrıca daire içine alınmış simgeler ve stil düğmeleri ile CTA'lar oluşturur. Bağış bölümü, hedefi ve geçerli miktarı olan bir bar sayacını gösterir. Bölümlerin çoğu örtüşen bir simge içerir. Bir tarafında metin, diğer tarafında iki resim bulunan hikayelerle ilgili bölümü seviyorum. Görüntülerin her biri, bilgileri görüntüleyen vurgulu efektleri ve daha fazlasını okumak için bir bağlantı içerir. Ayrıca bir etkinlik takvimi, tarz blog ve çok daha fazlasını içerir. Site, kolay yazı tipi boyutu kontrolü ve dil seçimi de dahil olmak üzere birçok kişiselleştirme ayarına sahiptir.

Siteyi ziyaret et

Çözüm

Bu, Aralık ayı için en iyi 10 topluluk Divi 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.

SUNATTAKIT / Shutterstock.com üzerinden Öne Çıkan Görsel