Divi Tasarım Vitrini: Nisan 2020'den 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 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 2020'den Yeni Başvurular

1. Abel Villaverde

Bu site Abel Villaverde Selles tarafından sunulmuştur. Site genelinde arka planlar, metinler, grafikler ve diğer önemli noktalar için mavimsi bir mor kullanılmıştır. Kahraman bölümü, büyük bir grafiğin ardından harekete geçirici mesaj içeren bir slogan görüntüler. Bir sonraki bölüm, bir tarafta markalı renklerde grafikler ve diğer tarafta bir CTA ile çevrelenmiş bir web sitesinin görüntüsünün bulunduğu beyaz bir arka plan kullanır. Projeler, üzerine gelindiğinde mor bir alt kenarlık ortaya çıkaran tarz kartlar olarak görüntülenir. Site sahibiyle ilgili bilgileri içeren bir bölüm, mor arka plan üzerinde beyaz ve mavi metin görüntüler ve iki düğme içerir; her renkte bir tane. Hizmetler, kaydırılmış ve üzerine gelindiğinde stillendirilmiş kenarlığı içeren tanıtım yazıları içinde gösterilir. Bir süre arka planı olan bir CTA, öne çıkan bir yıldız simgesi görüntüler. Bu sitede bölümlerin çok sayıda dalgalı ayırıcı kullanma şeklini ve renk kullanımını seviyorum.

Siteyi ziyaret et

2. İYAŞİ

Bu site Alex Hawro tarafından sunulmuştur. Üst üste binen bir logo ve simgeler ve bir CTA içeren iki satır bağlantı içeren bir stil menüsü vardır. Kahraman bölümü, birbirine bağlanan bir dizi resim tarafından takip edilen bir slogan görüntüler. Hizmetler, örtüşen başlıklar ve hizmetler sayfalarına bağlantılar içeren grafiklerle gösterilir. Büyük bir yazı kaydırıcısı, daha ilginç unsurlardan biridir. Görüntüler, önceki ve sonraki görüntülerin bir kısmı gösterilecek şekilde arka plana yerleştirilir. Resmin sol tarafında metin ve gezinme içeren bir kutu ve sağ tarafında üst üste binen bir grafik bulunur. Slaytlar altta numaralandırılmıştır. Sonraki bölüm, büyük resimleri ve bilgileri alt kısımda sekmelerle birlikte görüntüler. Bilgiler, markalı renkler kullanılarak özel simgelerle görüntülenir. Fiyat listesi bir başka ilginç unsurdur. Her fiyat ayrı öğeler içinde görüntülenir. Fareyle üzerine gelindiğinde kenarlarda stil kenarlıkları yakınlaştırır ve görüntüler. Site genelinde vurgular ve metinlerde kullanılan kırmızı ve yeşil markalı renkleri seviyorum.

Siteyi ziyaret et

3. Piccadilly Kırbaç

Bu site Ron Studios tarafından sunulmuştur. Başlığı, alttaki büyük kutularda bir dizi istatistikle birlikte tam ekran arka plan videosunun üzerine yerleştirir. Bir sonraki bölüm, daha fazla bilgi edinmek için CTA'lı büyük bir bilgi kutusuyla tasarıma devam ediyor. Sonraki bölüm, koyu mavi bir arka plan üzerinde bir tarafta bir resim ve diğer tarafta büyük renkli bir metin görüntüler. Hizmetler, paralaks içinde renkli bir arka plan üzerinde daire içine alınmış resimler içinde gösterilir. Bir etkinlik rezervasyonuyla ilgili bilgiler, koyu sarı bir arka plan üzerinde açılı görüntüler görüntüler. Görüşler, beyaz metin ve büyük bir resim ile koyu mavi bir arka plan üzerinde görüntülenir. CTA'ların bir bölümü, renkli kutularda metin içeren farklı genişlikteki görüntüleri görüntüler. Bu web sitesinde koyu renklerin kullanımını seviyorum. Renkler ve yazı tipleri şirketin markasına mükemmel bir şekilde uyuyor. Şimdi dondurma istiyorum.

Siteyi ziyaret et

4. Sentido Comunicacao

Bu site Fernanda Prevedello tarafından sunulmuştur. Bu site, site genelinde markalı renkler olarak çok sayıda altın ve kırmızımsı erik (veya belki şarap?) kullanıyor. Kahraman bölümü, solda büyük metin ve sağda markalı renklerle grafikler içeren bir harekete geçirici mesaj görüntüler. Bir tarafta stilize edilmiş gri arka plan deseni ve diğer tarafta stile sahip metin kullanan grafiklerle bir sonraki bölümde bilgi verilmektedir. Hizmetler bölümü, bir tarafta akordeonlar içinde hizmetlerin açıklamaları ile birlikte bir CTA'yı gösterir. Vakalar için bir bölüm, gri arka plan deseni üzerinde üç vakayı metin olarak gösterir. Blog bölümü, markalı bir arka plan rengiyle örtüşen blog kartlarını görüntüler. Ben özellikle bu iletişim formu ilginç. Form, tıklanabilir bir çağrı düğmesi içeren bir renk bloğu üzerinde görüntülenir. Bu sitede markalı renk kullanımını seviyorum.

Siteyi ziyaret et

5. Görülen Marka Ajansı

Bu site George Paratsokis tarafından sunulmuştur. Metin ile gerçek paralaks içinde metnin ilginç bir şekilde kullanılmasını sağlar. Başlık, solda bir hamburger menüsü ve sağda bir logo görüntüler. Menü, üzerine gelindiğinde açık gri bir kutu görüntüler. Simgeyi tıkladığınızda, menü o konumdan açılır ve büyük metin ve sosyal düğmeler görüntüleyerek ekranı kaplar. Kahraman bölümü, arka planda ekstra büyük metin olarak bir kısa açıklama görüntüler. Hem metin hem de arka plan koyu gridir. Ön plan, şirketi tanıtan beyaz renkte büyük bir başlık görüntüler. Siz kaydırdıkça, metin paralaks içinde kayar ve başlıktan ayrı olarak kayan büyük metinde portföye bir dizi bağlantı ortaya çıkarır. Diğer bölümler, bir tarafta koyu metin ve diğer tarafta açık metin göstermek için arka plan metnini CTA'lar oluşturan düğmelerle karıştırır. Bir perde altbilgisi, sitenin başlığını ve büyük sosyal takip düğmelerini gösterir. Kaydırma çubuğu bile siteye uyacak şekilde tasarlanmıştır.

Siteyi ziyaret et

6. Carola Staudinger

Bu site Sibi Ha tarafından sunulmuştur. Bu site, kahverengi ve pembe markalı renkleri mükemmel bir şekilde kullanır. Kahraman bölümü, bindirmede logo, başlık ve bir CTA ile paralaks içinde tam ekran bir arka plan görüntüsü görüntüler. Bunu şirketle ilgili bir bölüm takip ediyor ve bir tarafta sosyal takip butonları, diğer tarafta görsel ile bilgi içeriyor. Bu bölüm, zarif bir komut dosyası yazı tipiyle yazılmış bir ileti içerir. Tam genişlikte bir rezervasyon CTA'sı, arka plan için markalı renklerden bir degrade kullanarak bir arka plan görüntüsü ve pembe vurgulu bir görüntü görüntüler. Daha sonra, daha fazla bilgi içeren tam ekran bir görüntü kullanan benzer bir CTA görünür. Hizmetlerle ilgili bilgiler, mozaik düzen içinde resim ve metin içeren bir bölümde gösterilir. Bir ekip bölümü, stilistlerin fotoğraflarını gösterir ve bazı biyografik bilgileri içerir. İletişim bölümü, bir tarafta çalışma saatlerini listeler ve diğer tarafta stil sahibi bir iletişim formu ve ardından tam genişlikte bir harita yerleştirir.

Siteyi ziyaret et

7. Stoklu MTB

Bu site John Hawley tarafından sunulmuştur. Bu, markalı renk için çok sayıda koyu sarı kullanır. Kahraman bölümü, menünün ve büyük CTA'nın arkasında bir arka plan videosu oynatır. Ekranın solunda kaydırma yapmanızı gösteren bir ok sekiyor. Kaydırma, bir tarafta akıllı bir başlık ve diğer tarafta markalı renklerle şekillendirilmiş bir düğme içeren bilgi içeren bir bölüm ortaya çıkarır. Bulanıklıklar, grafikleri markalı renklerde görüntüler ve daha fazla bilgi okumak için bağlantılar içerir. İletişim bilgileri için bir bölüm, birinde grafikler ve diğerinde sosyal takip düğmeleri bulunan bir katkıda bulunma CTA'sı olan bir dizi büyük blok görüntüler. Her ikisi de markalı renkler kullanır. Bu, büyük bir arka plan resmi içeren ve sarı arka plandan ayrı duran, tarz bir abone formuna yol açar. Bu bölümün üst kısmında stillendirilmiş bir bölüm ayırıcı görüntülenir. Özel alt bilgi, koyu gri bir arka plana karşı vurgular için sarı içerir.

Siteyi ziyaret et

8. Yooker

Bu site Sander Goorman tarafından sunulmuştur. Bu site markalı renk için mavi kullanır ve stilize edilmiş bir kaydırma çubuğu içerir. Kahraman bölümü, bir açıklama ve ön planda hizmetlere bağlantılar içeren bir arka plan videosu görüntüler. Menü, bağlantıları solda ve bir CTA'yı sağda yerleştirir. Hizmetler için simgeler ve açıklamalar içeren bulanıklıklar, videoyu sonraki bölümle örtüşür ve fareyle üzerine gelindiğinde canlanır. Şirketle ilgili bir bölüm, bir tarafta, diğer tarafta açıklama ile markalı renkte vurgulanan anahtar kelimelerle bir özet gösterir. Çeşitli cihazların ekranlarında birkaç örnek gösterilir ve web sitesinin tamamını görmek için bağlantılar içerir. Tam genişlikte bir görüntünün üzerine bir istek formu yerleştirilir ve birinin ne zaman araması gerektiğini belirtmek için bir açılır kutu içerir. İletişim bölümü, tam genişlikte bir CTA ve çok sayıda iletişim bağlantısı içerir. Temiz tasarımı beğendim.

Siteyi ziyaret et

9. İp Ustaları

Bu site Michal Teska tarafından sunulmuştur. Markalı renkler için çok sayıda mavi ve turuncu kullanır. Kahraman bölümü üç farklı katman görüntüler. Arka plan düz mavidir ve geçerli sayfayı ve çağrı CTA'sını belirtmek için turuncu oklar içeren menüye karışır. Mavi arka planın üzerine bir arka plan resmi yerleştirilir ve sol tarafı tamamen kaplamaz. Bu arka plan, sağda turuncu bir tasarıma sahip koyu mavi bir kaplama kullanır ve bir sonraki bölümle örtüşür. Üst üste binen bu, hizmetleri resimler ve başlıklarla gösteren bir kaydırıcıdır. Bilgiler, turuncu simgeler içeren tanıtım yazıları içinde sağlanır ve başlıklar ile açıklamaları içerir. İlginç bir iletişim CTA'sı, kahraman bölümüyle benzer bir tasarıma sahiptir. Üstte örtüşen bir görüntü ile mavi bir arka plan sağlar. Resim sağ tarafı kapatmıyor ve koyu turuncu bir kaplamaya sahip. Harekete geçirici mesaj, mükemmel bir şekilde öne çıkan büyük beyaz metin kullanır. Mavi ve turuncu kullanımını seviyorum.

Siteyi ziyaret et

10. Henrik Stenson Gözlük

Bu site Maximilian Leiding tarafından sunulmuştur. Ürünlere odaklanmak için temiz bir tasarıma sahiptir. Kahraman bölümü, bir tarafta bir CTA ve diğer tarafta kullanımda olan ürünün bir görüntüsünü gösterir. Kavisli bir ayırıcı, kahraman bölümü için yuvarlak bir alt tasarım oluşturur. Kaydırma, en çok satan dört ürünü gösterir. Arka planları web sitesinin arka planına karışır. Sonraki bölüm, sayfalarına bağlantılar içeren ürünlerin iki resmini ve ardından belirli bir kategori için başka bir ürün listesini iki sütun halinde gösterir: solda bir başlık ve sağda ürünler. Benzer bir liste altbilgiye daha yakın görünür ve daha da fazla ürün içerir. Bilgi, bir tarafında resim, diğer tarafında metin bulunan iki sütunlu bir bölümde, tüm hikayeyi okumak için bir bağlantı ile sağlanır. Bir haber bülteni kayıt formu altbilgiye yönlendirilir ve kahraman bölümünde kullanılan renkleri ekler. Basit temiz tasarımı seviyorum.

Siteyi ziyaret et

Çözüm

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.

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