Divi Tasarım Vitrini: Mart 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 Mart 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: Mart 2019'dan Yeni Başvurular

1. Kunanyi'de yürüyün

Bu site Sarah Crawford tarafından sunulmuştur. Konumun tam ekran arka planı üzerinde bir bindirmede stil sahibi metin ve grafikleri bir etiket satırıyla gösterir. Tarzlanmış metin ve grafikler, kaydırma sırasında sol alt köşede görünen bir bağlantı da dahil olmak üzere site genelinde görünür. Konumun fotoğrafları, daha fazla bilgi görmek için başlıklar, açıklamalar ve düğmelerle birlikte iki sütunda gösterilir. Düğmeler, menüdeki CTA ile eşleşecek şekilde tasarlanmıştır. Ayrıca yaklaşan etkinlikleri göstermek için gömülü bir takvim içerir. Konum hakkında daha fazla bilgi, resimler, metinler ve düğmeler ile iki sütunlu değişen bölümlerde gösterilir.

Siteyi ziyaret et

2. Limonata

Bu site Teck Seng Chan tarafından sunulmuştur. Bu site, kahraman bölümü ve CTA'lar için mavi, yeşil ve turuncu markalı renklerde malzeme tasarım grafikleri kullanır. Metin, düğmeler ve CTA'lar site genelinde markalı renklerle eşleşir. Özellikle grafikleri olan tanıtımları seviyorum. Gölge efektleri ve stil sahibi bir alt kenarlık içerirler. Başka bir bölüm, üzerinde mobil bir tasarıma sahip bir web sitesi tasarımını gerçek paralaks içinde gösterir. Site, düzeni basit ve temiz tutarken, renkli ve beyaz alanı büyük ölçüde kullanır.

Siteyi ziyaret et

3. GillespieShields Hukuk Büroları

Bu site Robby Doyle tarafından sunulmuştur. Site, çarpıcı bir tasarım oluşturmak için koyu kırmızılar, büyük gri simgeler ve çok sayıda beyaz alan kullanıyor. CTA'ları tespit etmek kolaydır. Başlıklı bir ayırıcı ile dört sütun gösteren kahraman görüntüsünün altındaki bölümü beğendim. Birinin üzerine gelmek, o konunun bağlantılarını ortaya çıkarır. Görüşler, bir kalkan kesme tasarımı içinde fotoğraflı bir kaydırıcıda gösterilir. Ana noktayı tam alıntının üzerinde büyük gri bir metinde görüntüler. Ayrıca iletişim formunda, sertifika simgelerinde ve altbilgide mavi-gri kullanımını seviyorum. Sertifikasyon simgeleri, üzerine gelindiğinde renkli olarak görüntülenir.

Siteyi ziyaret et

4. Ön taraf C2IT

Bu site Janus Lock tarafından gönderilmiştir. Site, bir tarafında koyu mavi kaplama ve ortasında büyük bir slogan bulunan tam ekran bir video görüntüler. Koyu mavi, marka için gri ile birlikte kullanılır. Sağ tarafta ince bir dikey menü kalır. Ayrıca sloganı da içerir, ancak dikey metindedir. Fareyle üzerine gelindiğinde canlandırılır ve koyu mavi bir arka plan üzerinde bağlantıları ve belirgin bir arama özelliğini ortaya çıkarmak için tıklandığında tam ekrana genişler. Hizmetler animasyonlu grafiklerle gösterilir. Bireysel bloklar bir kutu oluşturur. Her biri fareyle üzerine gelindiğinde yakınlaşacak ve örnek projelere bağlanacaktır. Etkinlikler bölümü, bağlantılar içeren benzersiz bir takvim tasarımı oluşturur.

Siteyi ziyaret et

5. iShop Cloverdale

Bu site Kristy Hill tarafından sunulmuştur. Bir kaydırıcı, ürünü, CTA'ları ve sosyal takip simgelerini kahraman bölümünün ortasında kalın bir kenarlık ve bir kutu gölgesiyle görüntüler. Tasarım boyunca markalı renkler için yeşil, turuncu ve sarı kullanılmıştır. Öne çıkan fırsatlar, koyu turuncu bir arka plan üzerinde kutu gölgeleri olan bir mağaza bölümünde ürünler olarak gösterilir. Nasıl çalıştığıyla ilgili bölümü seviyorum. Süreç boyunca size yol gösteren büyük bir elle çizilmiş harita gösterir. Fırsatları Satın Al sayfası, anlaşmaları filtrelenebilir projeler olarak gösterir. Uygulamayı İndir sayfası ilginç. Ürünü cep telefonunda gösterir. Siz kaydırdıkça, ön plan menüyü göstermek için ekranın üzerinde paralaks olarak kayar.

Siteyi ziyaret et

6. FLL Havacılık

Bu site Juan Pablo Parody tarafından sunulmuştur. Bu, bir CTA oluşturmak için ön planda bazı ilginç renk desen blokları ile tam genişlikte bir arka plan görüntüsü görüntüler. Renkler, web sitesinde kullanılan markalı mavi tonlardır. Kaydırma, görüntülerin ve metnin değişen bölümlerini gösterir. Metin, çeşitli renklerde arka planlar üzerine yerleştirilmiştir ve sitenin tasarımıyla mükemmel bir uyum içindedir. Ayrıca altbilgideki iletişim bölümünü de seviyorum. Solda konu ve sağda tüm iletişim bilgilerini ve sosyal takip bağlantılarını içeren bir renk bloğu ile tam genişlikte bir resim gösterir. Site büyük metinlerden büyük ölçüde yararlanıyor.

Siteyi ziyaret et

7. Vahşi Sonbahar

Bu site Kelsey Spectre tarafından sunulmuştur. Bu site açılış ekranında çok şey oluyor, ancak bunu temiz bir şekilde yapıyor. Tam ekran arka plan görüntüsü, özneyi merkeze yerleştirir. Ekranın her iki tarafında metin olarak sağlanan farklı bilgi türleri bulunur. Sol tarafta navigasyon menüsü var. Sağda bir CTA var. En altta navigasyon menüsü var. Bu menü, siz kaydırdıkça en üste yapışır. Düzen, resimlerle çok fazla beyaz alan ve metin içeren üst üste binen kutular (düz renkli veya renkli kenarlıklar) kullanır. Birçoğunun örtüşen grafikleri var. Büyük bir alıntı, fazladan bir beyaz boşluk öğesi ekler. Bu sitede kullanılan elle yazılmış yazı tiplerini seviyorum ve site fotoğrafçılıktan çok yararlanıyor.

Siteyi ziyaret et

8. İçgörü Tasarımı

Bu site Steve Doig tarafından sunulmuştur. Temiz bir tasarım oluşturmak için mizanpajda koyu renkler ve çok sayıda beyaz alan içeren ince bir metin stili kullanır. Kahraman bölümü, bir tarafta slogan ve diğer tarafta CTA bulunan bir resmi gösterir. Bunun hemen altında, sunulan hizmet türlerine yönelik bir tarz menü oluşturmak için bir bağlantı listesi bulunur. Her bağlantı, sitenin markasına uyması için bir köşe çizgisiyle ayrılır. Hizmetler için CTA'lar, daha fazla bilgi edinmek için bir düğme ile çeşitli hizmet türleri için görüntüleri gösterir. Bu bölümler sayfada dönüşümlü olarak ilerler. Bu site, büyük bir metinde bağlantılar içeren açık gri bir arka plana sahip ilginç bir altbilgiye sahiptir. Metnin ilk kelimesi, her biri farklı bir renge sahip logonun stilize edilmiş bir versiyonudur. Menüdeki sosyal simgeyi beğendim.

Siteyi ziyaret et

9. Vekseller

Bu site Agustina Ouvina tarafından sunulmuştur. Bu site tam genişlikte bir kaydırıcı görüntüler. Her slayt, ürünlerin arka plan resimlerini paralaks, ortada büyük bir arama kutusu, sol altta bir CTA bağlantısı ve sağ altta sosyal simgeleri gösterir. Öne çıkan ürünlerin bir bölümü, ürünleri dört sütunda gösterir. Her ürün resmi, fareyle üzerine gelindiğinde başlığı ve sosyal paylaşım bağlantılarını gösterir. Planları gösteren bir bölüm, ürünler üzerinde paralaks içinde mavi bir arka planda tanıtım yazıları görüntüler. Öne çıkan kategoriler bölümünü beğendim. Vurgulu efektlerle mor bir arka plan üzerinde bir ızgarada vektör simgeleri olarak görüntülenirler. Kaydırırken menüde büyük bir arama kutusu belirir.

Siteyi ziyaret et

10. Aslanlar Caddesi

Bu site Ricky Lionetti tarafından sunulmuştur. Bu, site genelinde düz renkli arka planlar kullanan tek sayfalık bir tasarımdır. Yeşil, site genelinde metin için de kullanılır. Kahraman bölümü, portföye bir bağlantı içeren, stil sahibi bir metinde bir slogan gösterir. Büyük bir grafik bir sonraki bölümle örtüşüyor. Hakkında bölümü daire içine alınmış bir resim ve bir CTA gösterir. Bunun altında, hashtag kullanan site sahibi hakkında daha fazla bilgi veren ilginç bir bölüm var. Mevcut projeler, resimler ve bağlantılar içeren son projeler tarafından takip edilen bir kaydırıcıda görüntülenir. Örnek logolar bir ızgarada resim olarak gösterilir. İletişim formu bir fincan kahve (mmm, kahve…) üzerinde görüntülenir ve ilgilendiğiniz hizmet türlerini belirtmek için seçimler içerir. Bu sitedeki renkleri seviyorum.

Siteyi ziyaret et

Kapanışta

Mart 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