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

Topluluk üyelerimiz tarafından yapılan 10 harika Divi web sitesine göz attığımız aylık Divi Vitrinimizin zamanı geldi. Her ay topluluğumuzdan gönderilen en iyi Divi web sitelerini sergiliyoruz ve bugün sizinle Nisan 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: Nisan 2019'dan Yeni Başvurular

1. Hareket Üniversitesi

Bu site Andrew Bartlett tarafından sunulmuştur. Site, sarı ve turuncu (teknik olarak kirli kahverengi) vurguları olan beyaz metinli koyu bir arka plan kullanıyor. Tüm arka plan görüntüleri karanlık. Kahraman bölümü, siteyi açıklayan bir arka plan resmi gösterir. Yer paylaşımındaki metin, solda bir slogan ve CTA ve sağda bir oynat düğmesi içerir. Oynat düğmesi üzerine gelindiğinde değişir ve tıklandığında açılır pencerede bir video açar. Diğer bölümler, bilgileri metin ve resimlerle iki sütun halinde gösterir. Siz kaydırdıkça düzen değişir. Bölümler arasında, referanslar için konuşma balonlu küçük küçük resimler var. Tam genişlikte bir CTA, bir abonelik formu içeren bir görüntü sağlar. Daha fazla referans konuşma balonu, açıklanmış bir alt bilgi oluşturur.

Siteyi ziyaret et

2. JD Tasarımları

Bu site James Dawson tarafından sunulmuştur. Arka plan görüntüleri ve koyu kaplamalar içeren tam ekran bir kaydırıcı görüntüler. Bindirmeler, siteyi açıklamak ve bir CTA sağlamak için büyük metin kullanır. Kaydırma, şirketi tanımlayan beyaz bir arka plan üzerinde büyük metin içeren başka bir bölümü ortaya çıkarır. Hizmetler, başlık ve açıklama arasında ilginç bir nokta ayırıcıyla metinde gösterilir. Portföy bölümü, bindirmeleri olan görüntüleri gösterir. Bu bölüm, dalgalı bölüm bölücüler ve yerleşimin geri kalanından yeterince öne çıkan gri bir arka plan kullanır. Diğer birkaç bölüm bu tasarımı kullanıyor ancak mavi arka plana sahip. Ekstra büyük müşteri logoları olan bölümü seviyorum. Dört sütunda koyu gri renkte gösterilirler.

Siteyi ziyaret et

3. Swwish

Bu site Daniel Neumann tarafından sunulmuştur. Site, koyu mavi bir kaplama ile tam ekran bir arka plan ve bir tarafında beyaz metinle bir CTA görüntüler. Hizmetler, bir kutu gölgesi ve animasyonlu simgeler içeren tanıtım yazılarında gösterilir. Arka plan deseni tanıtım yazısı aracılığıyla görülür. Fareyle üzerine gelme, kutu gölge efektini yoğunlaştırır, böylece öne çıkarlar ve tanıtım yazısının tamamen opak olmasını sağlar. Birkaç iki sütunlu bölüm, düzenlerini bir tarafta metin ve diğer tarafta resimlerle değiştirir. Bu bölümlerdeki metin, hareketli simgeleri ve vurgulanan metni gösterir. Fiyatlandırma sayfası, beyaz fiyatlandırma tablolarıyla basit bir mavi ve beyaz tasarımı mükemmel şekilde kullanır. Fiyatlandırma tablosunun düğmelerinden gelen kırmızı parıltıyı seviyorum. Kırmızı vurgular, yeterli rengi getirir ve mükemmel bir şekilde öne çıkar.

Siteyi ziyaret et

4. HH Aletleri

Bu site Mathias Rue tarafından sunulmuştur. Site, bir mühendislik tasarımı oluşturmak için simgelerle turuncudan kırmızıya gradyan bir arka plan kullanır. Bindirme, bir tarafta şirket bilgilerini, düğmeleri ve bir arama özelliğini ve diğer tarafta bir iletişim formunu görüntüler. Açılır menü, iletişim sayfasına tam genişlikte bir düğme içerir. İş ortağı logoları, tedarikçinin sayfasına bağlantı içeren bir kaydırıcıda gösterilir. Blurbs, hizmetlere ve bilgilere bağlantılar için kullanılır. Simge olarak 2 renkli görüntüler içerirler ve tanıtım yazılarını öne çıkarmak için ilginç bir kenarlıkları vardır. Referanslar için bir bölüm benzer bir tasarım kullanır ancak bunlar çok daha büyüktür ve resimler için müşteri logoları içerir. Tasarım aynı zamanda blog bölümü için de kullanılmaktadır. Düzen ayrıca, LinkedIn'den, kahraman bölümüyle aynı arka plan üzerinde gömülü makaleler içerir.

Siteyi ziyaret et

5. IQ Animasyon Stüdyosu

Bu site Saurabh Patil tarafından sunulmuştur. Kahraman bölümü, bir tarafta sloganı, bilgileri ve CTA'yı ve diğer tarafta koyu mavi arka plan gradyanı üzerinde hareketli bir grafiği gösterir. Animasyonlu grafiği izlemek eğlencelidir. Bu kahve makinelerinden bir tane istiyorum. Arka planların geri kalanı ve düğmeler için daha da koyu bir mavi kullanılır. Dört sütunlu tanıtım yazısı, bir başlıkla birlikte animasyonlu simgeler gösterir. Koyu mavi bir arka plan ve birbirinden ayrı duracak kadar hafif olan gri bir kenarlık kullanırlar. Herhangi bir tanıtım yazısının üzerine gelmek, arka planlarını turuncuya çevirir. Bilgi sağlayan diğer tanıtım yazıları için de benzer tasarımlar kullanılır. Hakkında ilginç bir bölüm, paralakstaki harika sanat eserleri üzerinde bir animasyon sergiliyor. Sayfalar ayrıca harika bir yükleme animasyonu gösteriyor.

Siteyi ziyaret et

6. Bayan Anaokulu

Bu site Chris Cadalzo tarafından sunulmuştur. Site, menünün altında, ortada ekstra büyük bir logo görüntüler. Sonraki bölüm, üst ve alt için dalgalı bölüm ayırıcılar kullanır - her biri farklı bir tasarıma ve arka plan renginin birden çok tonuna sahiptir. Bu bölüm ayrıca konuları, fareyle üzerine gelindiğinde uzaklaştıran ve kenarlıklarını değiştiren kare görüntüler olarak gösterir. Kaynaklar için bir bölüm ve blog bölümü (ancak daha uzun resimlerle) aynı tasarımı kullanır. Hakkında bölümü, site sahibini daire içine alınmış bir resimde ve logo ile aynı komut dosyası yazı tipi stilinde gösterir. Kayıt formu, başlık için komut dosyası yazı tipiyle ücretsiz olanı gösterir. Blog ve kenar çubuğu da sitenin markalı tasarımına uyacak şekilde tasarlanmıştır.

Siteyi ziyaret et

7. Delma

Bu site Jake Braaught tarafından sunulmuştur. Bir video arka planı, etiket satırı ile yer paylaşımının arkasında oynatılır. Kaydırma, belirli müşteri türlerine yönelik hizmetler için çok renkli simgeleri ortaya çıkarır. Sayfanın altında benzer bir hizmet bölümü görüntülenir. Açılı bölüm ayırıcılarla yeşil bir arka plan üzerinde tam genişlikte bir referans görüntülenir. Bu bölüm mükemmel bir şekilde öne çıkıyor. Referansların daha büyük bir bölümü, mizanpajın altında, değişen renkler ve stilli resimlerle birden çok sütunda görünür. Birkaç bölüm, müşterilerin hikayelerini gömülü bir video ve büyük metin olarak istatistikler ve daha fazla bilgi için bir bağlantı ile gösterir. Videoların görüntüleri, web sitelerini birden fazla cihazda gösterir. Altbilgiye yaklaşmak, bir dağ kesiminin arkasında paralaks içinde bir dağ, açılı bölüm bölücülere sahip bir iletişim formu ve bir stat sayacı ile inceleme sitelerinin logolarını gösteren bir bölüm ile başlar.

Siteyi ziyaret et

8. Supa Uluslararası

Bu site Ben Dale tarafından sunulmuştur. Bu 2 sayfalık bir tasarımdır. Ürünlere ait etiketler, arka planda bir etiket satırı ve bindirmede CTA ile paralaks içinde gösterilir. Sonraki bölüm, bir tarafta daha küçük bir yazı tipinde ayrıntılı bilgileri ve diğer tarafta daha büyük metinde kısaltılmış bir ifadeyi gösterir. Sonraki birkaç bölüm, başlıklar ve metinlerle birlikte ürünlerin resimlerini gösterir. Görüntüler, tasarıma ilginç bir görsel stil vererek, birbirinden dikey olarak dengelenmiştir. Hizmetler, başlıklar ve numaralandırılmış metin içeren bindirmeleri içeren resimlerle gösterilir. Büyük, 4 sütunlu galeride daha fazla ürün sergileniyor. Bu site, büyük başlık metni ve resimlerden büyük ölçüde yararlanmaktadır.

Siteyi ziyaret et

9. Sizin İçin Kahraman

Bu site Bram Chauvin tarafından sunulmuştur. Bu site, grafikleri ilginç bir şekilde kullanır. Kahraman bölümü, aslında başlığı şekillendiren bir üst bölüm ayırıcı kullanır. Başlık metni büyüktür ve bir etiket satırı ve birkaç düğme görüntüler. Arka plan gerçek paralaks olarak gösterilir ve bir sonraki bölümün bulut bölümü bölücüsü tarafından üst üste binen bulutları içerir. Bulanıklıklar, hizmetleri daire içine alınmış grafikler kullanarak gösterir. Tanıtım yazılarındaki düğmeler tanıtım yazısıyla örtüşüyor. Bir süper kahraman akıllı telefonunun büyük bir grafiğini gösteren CTA'yı beğendim. Altbilgi de ilginç. Açılı bir bölüm ayırıcı ve bindirmede bir kontak CTA'sı ile gerçek paralaksta bir grafik arka planı gösterir. Blog aynı tasarımı izler ve üstbilgi ve altbilgi öğelerini kullanır.

Siteyi ziyaret et

10. VS ve Birleştirin

Bu site MJ Swart tarafından sunulmuştur. Bu site, düzeni oluşturmak için grafik öğeleri ve büyük blokları ilginç bir şekilde kullanır. Kahraman bölümü, görsel desenler oluşturmak için farklı renkli bloklar, noktalar ve dikey metin içeren koyu bir arka plan kullanır. Bu desenler, düzenin geri kalanını takip eder. Sonraki bölümlerde, arka planlar, tarz başlıklar, ekstra büyük başlıklar ve hizmetlerini, şirket hakkında bilgileri, deneyimi, kültürü, ofisleri ve daha fazlasını göstermek için kaydırıcılar için renk blokları içeren çok sütunlu bir düzen kullanılır. Menüdeki iletişim bağlantısına tıklamak, menüde bir iletişim formu açar. Bu sitede renk, metin ve kaydırıcıların kullanımını seviyorum.

Siteyi ziyaret et

Kapanışta

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

MSSA / Shutterstock.com aracılığıyla öne çıkan görsel