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

Topluluk üyelerimiz tarafından yapılmış 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 Ocak ayı için en iyi on web sitesini sizinle 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: Ocak 2020'den Yeni Başvurular

1. Altmonde

Bu site Daniel Behrens tarafından sunulmuştur. Ön planda bir slogan ve CTA ile tam ekran bir arka plan videosu görüntüler. Bunu takiben, başlığı kaydırırken paralaks içinde görüntülenen bir sonraki bölümü tanıtmak için üzerine gelme efektlerine sahip bir başlık içeren tam ekran bir bölüm bulunmaktadır. Bu bölüm, başlıkları bir tarafta vurgulu efektler ve diğer tarafta bir CTA ile büyük metin olarak görüntüler. Sonraki bölüm, istemcilerle nasıl çalıştıkları hakkında bilgi sağlar. Buna diyagonal tasarıma sahip beyaz bir arka plan ve üzerine gelindiğinde genişleyen numaralı metin dahildir. Siz kaydırdıkça başka bir CTA yakınlaştırır ve uzaklaştırır. Hizmetler sayfası, her bir hizmeti, bir tarafta CTA'lar ve diğer tarafta paralaks içinde arka plan görüntüleri ile bölünmüş bir ekran içinde gösterir. Bu sitede metin, renk ve görsel kullanımını seviyorum.

Siteyi ziyaret et

2. Vemel

Bu site Murray Price tarafından sunulmuştur. Bu, ürünleri tam genişlikte gösteren bir resim kaydırıcısına sahip bir çevrimiçi mağazadır. Karşılama bölümü, daha fazlasını okumak için bir bağlantı içeren bir ürün resminin yanında bilgileri gösterir. Bir mağaza bölümü, ürün sayfalarına bağlantı içeren ürünleri gösterir. Favori bölümüm, ortada açıklamaları, simgeleri ve ürüne dönük kavisli okları olan tanıtım yazılarıyla çevrelenmiş büyük bir ürün resmini gösterir. Ana sayfa ayrıca ürün resimlerini alternatif bir düzende, bir referans kaydırıcısında incelemeleri, iki gönderi içeren bir blog bölümünü ve bir Instagram kaydırıcısını gösterir. Düzen, bir beyaz boşluk ve minimal bir tasarım oluşturan basit çizgiler içerir.

Siteyi ziyaret et

3. Prugner'ın

Bu site RAPHAEL PRUGNER tarafından sunulmuştur. Bu tek sayfalık bir tasarımdır. Çok katmanlı bir menü, sayfadan ayrılır ve bir CTA'nın yanındaki sosyal düğmelerin üzerinde tıklanabilir bir telefon numarası gösterir. Kahraman bölümü tam ekran bir arka plan deseni gösterirken, ön plan bir çalışma örneği içeren bir bilgisayar ekranını gösterir ve bir başlık ve sloganın yanında fareyle üzerine gelindiğinde daha da fazlasını gösterir. Kaydırma, paralaks içinde bir arka plan görüntüsü üzerinde kayan metin ve grafikler içeren bir kesme bölümü ortaya çıkarır. Avantajlar, birden çok bölüme karşı değişen bir düzende tanıtım yazılarında görüntülenir ve vurgulu yakınlaştırma efektlerini içerir. Örnek projeler bir kaydırıcı içinde görüntülenir. Diğer projeler, gömülü bir Instagram beslemesinde görüntülenir. Ayrıca, siz kaydırdıkça yakınlaşan bir CTA ve stil sahibi bir iletişim formu gösterir.

Siteyi ziyaret et

4. Mor Lemur

Bu site Liam Pedley tarafından sunulmuştur. Başlık, etiket satırı, CTA ve markalı bir lemur grafiğine sahip örnek bir ürün resmi, yuvarlak bir bölüm ayırıcı içeren siyah bir arka plan üzerinde bulunur. Metin ve düğmeler, site genelindeki grafiklerle eşleşen mor bir degradeye sahiptir. Üç lemur grafiğine sahip bir satır, metin ve tanıtım yazılarını gösteren bir bölümün üzerine yerleştirilir. Lemurlara tıklamak, bölümü gösteren bir ok ile farklı bilgi bölümlerini ortaya çıkarır. Şirket bilgileri, bir tarafında bir arka plan görüntüsünü gerçek paralaks olarak gösteren bir bilgisayar ekranı ile iki sütunlu bir bölümde gösterilir. Özellikle portfolyo bölümünü seviyorum. Görüntüleri bir açıyla gösterir. Herhangi birinin üzerine gelmek, görüntüyü yukarı ve ekrana doğru kaldırır ve arkalarında renkli slaytlar bırakır. Bir referans kaydırıcısı, biri düz ve diğer ikisi açılı olarak aynı anda üç tarafı gösterir. Ayrıca, hizmetlerin her biri için vurgulu animasyonlu, tarz blog kartları ve tanıtım yazıları içerir.

Siteyi ziyaret et

5. DShjemmeside

Bu site David Sylvest tarafından sunulmuştur. Koyu mavi kaplamalı bir arka plan ve yuvarlak bir bölüm ayırıcı ve ortada büyük bir başlık görüntüler. Başlık, menüyü ortaya yerleştirir ve degrade ve yuvarlatılmış köşelere sahip stil sahibi bir arka plan içerir. Bir sonraki bölümü seviyorum. Eğilmiş üç kart içindeki çalışma örneklerini gösterir. Yanlardaki ikisi içe doğru açılıdır. Hover efektlerini içerirler. Sonraki bölüm, bilgisayar monitörlerinin açılı ve desenli bir arka plana sahip olduğu bir CTA'yı gösterir. Avantajlar bölümü, dişli grafiğinin yanında büyük tanıtım yazıları olan madde işaretlerini gösterir. Site ayrıca, stil ikonları ve daire içine alınmış resimler, geliştiricinin daire içine alınmış bir resmi, geçişleri olan bir SSS bölümü ve stil sahibi bir iletişim formu içeren çok sayıda CTA içerir. Düzen, renk, grafik ve görüntülerin mükemmel kullanımını sağlar.

Siteyi ziyaret et

6. Zipline Kariyerleri

Bu site Nicole Marie Zinnanti tarafından sunulmuştur. Site, doğru miktarda mor grafik ve vurgu ile çok sayıda beyaz alan kullanıyor. Kahraman bölümü, bir tarafta bir CTA ve diğer tarafta bir özgeçmiş oluşturan insanların grafiğini gösterir. Sonraki bölüm, mor ve beyaz grafikler ve mor kenarlıklar ve gölgeler kullanan blublar içindeki hizmetleri gösterir. Gömülü bir video, sol üst yarıda ve sağ alt yarıda noktalar gösteren bir arka plan deseni üzerine yerleştirilir. Tarz simgeleri olan bulanıklıklar, 3 sütunlu temiz bir düzende faydaları gösterir. Tasarım ayrıca grafikler içeren bir CTA, stil sahibi blog bölümü ve özel bir alt bilgi oluşturmak için düğmelere sahip bir CTA içerir. Ben de blogu seviyorum. Köşegen bir ayırıcı ile başlıkta tam bir grafik ve ardından temiz bir ızgarada blog kartları görüntüler.

Siteyi ziyaret et

7. Saskatchewan Evlat Edinme Destek Merkezi

Bu site Molly Seaton-Fast tarafından sunulmuştur. Oynayan çocukların tam genişlikte bir görüntüsünü ve gezinme için büyük düğmeler oluşturmak için üç metin modülünü gösterir. Düğmelerin her biri, daha uzun olan ve üzerine gelindiğinde kare köşeleri olan yuvarlak kapaklara sahiptir. Kısmi kenarlıklı ifadeler, belirli konulara bağlantılar oluşturur. Bilgiler, bir tarafta tanıtım yazısı ve bir CTA ve diğer tarafta bir akordeon bulunan bir çekme sütunu bölümünde sağlanır. Bir bağış CTA'sı, posta listesi bölümüne karışır. Bölümlerin her biri, eşleşen stil renkleri ve arka plan desenlerini kullanır. Etkinlikler sayfası, katıştırılmış bir etkinlik takvimi içerir. Bağışlar sayfası, gömülü bir bağış kutusu içerir. Sitede paylaşılacak çok fazla bilgi var ve menü bilgileri olabildiğince temiz bir şekilde gezinmeye devam ediyor.

Siteyi ziyaret et

8. Nanaimo Tepeleri

Bu site Danielle Mah tarafından sunulmuştur. Tek sayfalık bir tasarıma sahiptir ve çok dillidir. Kahraman bölümü, başlığı, kısa açıklamayı ve aşağı oku içeren turuncu bir kaplama ile tam ekran bir arka plan görüntüler. Kahraman bölümü ayrıca açılı bir bölüm ayırıcı ve ardından kaydırma sırasında üstte kilitlenen gezinme menüsü içerir. Birkaç kayıt CTA'sı binanın resimlerini gösterir. Düzen ayrıca, faydaları gösteren tanıtım yazıları ile iç mekanın tam genişlikte bir görüntüsünü içerir. Birkaç bölüm, değişen düzenlerde madde işaretleri ve resimler kullanan özellikleri gösterir. Katıştırılmış bir harita, sitenin geri kalanıyla aynı renkleri kullanır. Kat planları bir kaydırıcı içinde gösterilir ve indirilebilir PDF'leri içerir. Kayıt formu, aradığınız daire tipini tam olarak belirlemenize yardımcı olacak sorular içerir. Bu sitede renk ve fotoğraf kullanımını seviyorum.

Siteyi ziyaret et

9. Birkaç Kelimeden Fazlası

Bu site Britt Baue tarafından sunulmuştur. Menü, örtüşen bir logo ve ardından küçük bir karşılama mesajı görüntüler. Sayfanın ana bölümü, stilize edilmiş müzik çalarlara sahip çok sayıda gömülü podcast bölümü içerir. İlk bölüm, podcast'leri bir köşe başlığı ve daha fazlasını duymak için bir bağlantı ile iki sütun halinde gösterir. Gösteri hakkında bilgi içeren bir metin bölümü, karşı tarafta bir köşe başlığı içerir. Başka bir bölüm başlığı içerir ve bir iletişim formunun yanında bir ses çalarlı podcast'lerin bir listesini görüntüler. Bunu takiben, tüm büyük ana bilgisayarlardan podcast'e abone olmak için bağlantıların olduğu bir bölüm var. Hakkında sayfası, bir konu listesi ve stil sahibi bir referans kaydırıcısı ekler. Tasarım, çok fazla beyaz alan ve temiz ve zarif görünen minimal bir düzen kullanır.

Siteyi ziyaret et

10. Negrosanon Genç Liderler Enstitüsü

Bu site JR Galia tarafından sunulmuştur. Kahraman bölümü, bindirmede bir başlık ve CTA ile tam genişlikte bir arka plan resmi görüntüler. Gezinme menüsü ayrıca CTA'yı görüntüler ve menüyü ayrı bir segment içinde içerir. Programların bir bölümü, bağış düğmeleri olan kartları görüntüler. Özellikle Katılın bölümünü seviyorum. Bir tarafında büyük bir resim, diğer tarafında ise grafikli tanıtım yazıları görüntüler. Düzen ayrıca sayı sayaçları ve stil sahibi bir iletişim formu içerir. Hakkında, blog ve galeri sayfaları benzer bir tasarımı takip eder ve metin, blog ve galeri modüllerine sağlam bir gölge ekler.

Siteyi ziyaret et

Çözüm

Ocak 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.

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