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

Yayınlanan: 2018-07-29

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 Temmuz 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: Temmuz 2018'den Yeni Başvurular

1. Teix Web Stüdyosu

Bu site Axel Shannon tarafından sunulmuştur. Güzel bir arka plan desenine sahip bir kahraman bölümü içerir. Desenin üzerinde hareketli bir grafik ve bir harekete geçirici mesaj bulunur. Bölüm, ana sayfada görünen stilize edilmiş bölüm ayırıcıları kullanır. Bir sonraki bölüm bilgi ve tanıtım yazıları sağlar. Tanıtım yazıları bir mozaik oluşturur ve kutu gölgesini kullanır. Başka bir bölüm, desenli bir arka plan üzerinde bir galeri için benzer bir stil kullanır. Yuvarlatılmış sayı sayaçları bölümlerle örtüşür. Bir iletişim formu bir haritayla örtüşüyor. Bu sitenin örtüşen ve grafikleri kullanma şeklini seviyorum.

Web Sitesini Görüntüle

2. Hayat

Bu site John Cooper tarafından sunulmuştur. Kahraman bölümü üzerindeki bindirmeler için, stil sahibi bir bölücü oluşturan ve desen tarafından oluşturulan birden çok renk sağlayan ilginç bir tasarım kullanır. Ürün resimleri iki bölümle örtüşür ve açıklamalar için stilize edilmiş tanıtım yazıları içerir. Bir ürün kaydırıcısı, görüntüleri ekranın ortasında gösterirken, tanıtımlar her iki tarafta da bilgi sağlar. Ürün sayfaları benzer bir tasarım kullanır ve kutu gölge stili içerir.

Web Sitesini Görüntüle

3. Newport Kozmetik Ürünleri

Bu site Jeremy Gruver tarafından sunulmuştur. Ürünlerin bilgilerini ve resimlerini göstermek için tam genişlikte bir kaydırıcı ve mağazayı ziyaret etmek için bir düğme içerir. Bir mağaza modülü, ürünleri şirket markasına uygun stille dört sütunda gösterir. Bir CTA, ürünü bir özellikler listesi ve bir alışveriş düğmesi ile gösterir. Mağaza sayfaları, arama seçeneklerinizi daraltmanıza olanak tanıyan bir arama filtresi sağlar. Ayrıca, ekstra geniş düğmelerin yanında paylaşım sayısını gösteren ilginç bir sosyal takip bölümü sağlar.

Web Sitesini Görüntüle

4. Çift Spor Giyim

Bu site Simon Frost tarafından sunulmuştur. İlginç bir mağaza tasarımı var. Ana sayfada tam ekran bir görüntü, her bir menü öğesinin ana hatlarıyla belirtildiği bir stil menüsü, şeffaf bir CTA ve bir stil bölüm ayırıcı bulunur. Bir sonraki bölüm benim favorim. Adımları göstermek için numaralı bir sistemin yanında ürünün bir fotoğrafını içerir. Her numara tıklanabilir ve üzerlerine tıklandığında bir geçiş animasyonu ile bilgi gösterilir. Temas bölümü, stil bölücüler ile gerçek paralaks içinde bir arka plan görüntüsü gösterir.

Web Sitesini Görüntüle

5. OMT Veyhl

Bu site Jonathan Mast tarafından sunulmuştur. Menünün altındaki bir çizgi, üzerine geldiğiniz menü öğesine hareket eden küçük bir ok gösterir. Kahraman alanı, karanlık bir kaplamanın arkasındaki üretim sürecini gösteren bir video gösterir. Kalın sarı metin bir slogan sağlar. Aynı sarı, başlıklar ve altbilgi için arka plan olarak kullanılır. Sonraki bölümler, stillendirilmiş bir arka plan deseni üzerinde tek bir metin sütunu ve bir çift CTA sağlar.

Web Sitesini Görüntüle

6. Cilt 18

Bu site Chelsey Lake tarafından sunulmuştur. Büyük tipografi ve siyah beyaz fotoğrafa odaklanan minimal bir tasarım kullanır. Büyük slogandan uzaklaşmak, iki bölümle örtüşen ve şirket bilgilerini sağlayan bir resim gösterir. Hizmetler, bölüm için kayan bir başlık kullanan tanıtım yazılarında açıklanmıştır. Büyük boyutlu kişi modülleri, kutu gölgeleri ve bir tarafında metin bulunan büyük resimleri, her bir resmin üzerine gelecek şekilde, alternatif bir düzende gösterir. Numaralandırılmış bir bölüm, bir önceki bölümle örtüşen bir başlıkla şirketle çalışmanın faydalarını gösterir.

Web Sitesini Görüntüle

7. Amelie Frohlich

Bu site Philipp Stakenborg tarafından sunulmuştur. Ana sayfa, birden çok renkte arka plan desenleri oluşturmak için degradeleri ilginç bir şekilde kullanır. Renkler, bir fotoğrafın arkasında bir tarafta, diğer tarafta bir CTA ile görünür. Bunun hemen altında, medya logoları olan tam genişlikte bir bölüm var ve ardından arka plan, bir tarafta bir resim ve diğer tarafta bilgi içeren bir sonraki bölüme devam ediyor. Bulanıklıklar, sitenin renkleriyle eşleşen daireler içinde büyük grafikler ve kutu gölgeli düğmeler görüntüler. Altbilgi, sitedeki renkleri içeren bir degrade kullanır.

Web Sitesini Görüntüle

8. Yüksek Kıvılcım

Bu site Eugene Cheng tarafından sunulmuştur. Kahraman bölümü için ne olduğunu söylemeye yetecek kadar odakta koyu bir arka plan görüntüler. Bunun üzerinde, bulanık bir gölge efekti kullanan bir CTA ile etiket satırı ve bilgiler bulunur. Sonraki bölümde bir başlık, ayırıcı ve şirket logoları görüntülenir. Sonraki bölüm, stil sahibi bir bölüm ayırıcı kullanır ve üç sütunda referanslar ve kahraman alanıyla aynı CTA'yı sağlar. Renkler, tanıtım yazılarını, bir e-posta kaydını görüntülemek için sarıdan turuncuya değişir ve ardından son bir CTA, iki rengi bir arka plan görüntüsü üzerinde degrade olarak karıştırır. Blog, görüntü bindirmeleri ile aynı renkleri kullanır.

Web Sitesini Görüntüle

9. Kabarcık Planlayıcı

Bu site Gennady Batrakov tarafından sunulmuştur. Kahraman alanı başlığı, sloganı, uygulama mağazasına bağlantıları ve bir sonraki bölümle örtüşen ürün resimlerini gösterdiğinden, baloncuklar ekran boyunca hareket eder. Bulanıklıklar, baloncuklarla eşleşecek grafikler gösterir. Gömülü bir video gösteren ve üstündeki bölümle ve bölümü için iki sütunla örtüşen sonraki bölümü seviyorum. Kutu gölgesi onu öne çıkarır. Birkaç bölüm, ürünü bir tarafta, diğer tarafta tanıtım yazıları, bir bölümden diğerine geçerken dönüşümlü olarak gösterir. Blog kaydırıcısı da ilginç. Solda metin ve resimle örtüşen kategori ile büyük bir özellikli resim gösterir.

Web Sitesini Görüntüle

10. Charlie Clark

Bu site Molly Seaton-Fast tarafından sunulmuştur. Bir kaydırıcı birden fazla CTA'yı gösterir ve sosyal takip düğmelerini görüntülemek için tam genişlikte küçük bir bölüm içerir. Bir sonraki bölüm, bir tarafta blog beslemesi ve ardından gömülü bir sosyal besleme kaydırıcısı ile bir tarz haber bülteni kayıt formu sağlar. Bir metin sütunu içeren birden fazla tanıtım yazısı, bir CTA oluştururken, animasyonlu tanıtım yazısı bilgiler üzerinde genişler. Site genelinde başlıklar, düğmeler, tanıtım yazısı simgeleri ve arka planlar için ilginç bir yeşil renk kullanılır. Ayrıca gömülü bir Instagram beslemesi içerir. Bu sitede renk ve tipografi kullanımını seviyorum.

Web Sitesini Görüntüle

Sonuç olarak

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

Vector / Shutterstock.com dünyası aracılığıyla öne çıkan görsel