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

Yayınlanan: 2019-03-01

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 Şubat 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: Şubat 2019'dan Yeni Başvurular

1. Yeni Şerpa

Bu site Gregory Little tarafından sunulmuştur. Bu tek sayfalık bir tasarımdır. Tam ekran başlığı, siz kaydırdıkça başka bir videoya geçiş yapan bir arka plan videosu görüntüler. Aslında geçiş sırasında ikisini de aynı anda görebilirsiniz. Başlık, bir etiket satırı oluşturmak için koyu mavi/yeşil markalı renkte büyük metin kullanır. Hakkında bölümü, şirketin odağını göstermek için aynı yazı tipi ailesini ve stilini kullanır. Tam genişlikte bir görüntünün üzerine bir iletişim CTA'sı yerleştirilir, ardından markalı renklerle şekillendirilmiş simgelere sahip tanıtım yazıları bulunur. Yönetim Ekibi bölümü, daha fazlasını okumak için bilgi ve bağlantılar içeren kurucu üyeleri gösterir; bu, tümü markalı renklerde daha fazla metin satırı ortaya çıkarır.

Siteyi ziyaret et

2. Deniz Jetleri

Bu site George Paratsokis tarafından sunulmuştur. Başlık, bir gölge efekti ve sitenin markalı renkleriyle eşleşen stil sahibi bir CTA düğmesi içerir. Siz bölüme kaydırdıkça, animasyonlu kutular alan boyunca süzülürken, stiller düğmeleri de ortaya çıkarken görüntüler ekran boyunca ortaya çıkıyor. Başlıklar, göze çarpan zarif bir yazı tipiyle yazılmıştır. Düzenin kendisi, bilgi ve görüntüleri alternatif bir tasarımda iki sütun halinde görüntüler. Tasarımı sergilemek için çok fazla beyaz alan kullanır. Bir CTA, bir kutu gölgesi ile görüntülenen, bindirmeli ve zarif yazı tiplerine sahip bir arka plan görüntüsü içerir. Altbilgi ilginç. Üzerinde tüm iletişim bilgilerinin bulunduğu açık gri bir siluetde bir arka plana sahiptir.

Siteyi ziyaret et

3. Esinti

Bu site Sakshi Behl tarafından sunulmuştur. Site, öne çıkması için birkaç stil öğesi içeren basit bir düzen kullanır. Başlık, siteyi tanımlamaya yardımcı olmak için bir grafiğin yanında bir e-posta katılım formuyla birlikte kısa açıklamayı görüntüler. İstemci logoları bir ofset düzeninde görüntülenir. Bulanıklıklar, ekranın yan tarafında bulunan stil sahibi bir arka plan desenine göre avantajları gösterir. Özellikler bölümü ilginç. Açıklamaların yanında bir ekran görüntüsü görüntüler. Her açıklamanın bir başlığı vardır. Başlığa tıklamak, o açıklamanın metnini ortaya çıkarır. Hangi başlığın seçildiğini göstermek için başlığın yanındaki stil çizgisi koyulaşır. Fiyat tabloları da mavi arka plana karşı ilginç görünüyor. Önerilen plan, öne çıkması için bir kutu gölgesi ile gösterilir.

Siteyi ziyaret et

4. Yusufçuk Bulvarı

Bu site Marci Angeles tarafından sunulmuştur. Bu site, hedef kitleyi çekmek için yumuşak renkler ve çiçek fotoğrafçılığı kullanır. Üst çubukta bir tarafta birkaç sayfa bağlantısı görüntülenirken, başlık ortalanmış menüyü gösterir. Açıklama ve etiket satırı, tam ekran arka plan görüntüsü üzerinde birkaç yazı tipinde gösterilir. Tam genişlikte bir e-posta tercihi, açık mavi bir arka plana sahiptir ve ziyaretçinin bilgilerin kilidini açabileceğini göstermek için bir anahtar grafiği kullanır. Blog gönderileri, bir kenar çubuğuyla tek bir sütunda gösterilir - tümü uyumlu stile sahiptir. Blog gönderileri aynı kenar çubuğunu içerir. Gömülü bir Instagram beslemesi en son fotoğrafları gösterir.

Siteyi ziyaret et

5. Parris Mfg Şirketi

Bu site Joseph Brown tarafından sunulmuştur. Bu site, eski batıyı tasvir etmek için fotoğrafçılığı eğlenceli bir şekilde kullanıyor. Menünün üzerinde bulutları andıran bir grafik ve menünün altında bir başlık ile tam ekran bir arka plan görüntüler. Animasyonlu bir toz tabakası ekranda 3D olarak hareket eder. Bulutlar kaydırma sırasında menünün arkasına iner ve bu daha çok boyalı bir bölüme benzer. Sonraki bölüm, sayfalar için aranan posterleri olan bir çit arka planını gösterir. Posterler, sanki onlara dokunmuşsunuz gibi fareyle üzerine gelindiğinde canlanır. Altbilgi, menü ile koyu yeşil bir gökyüzü ile bir dağ silsilesi ve siyah kovboylara sahiptir. Mağaza sayfaları, öğeleri batılı bir arka plan üzerine yerleştirir. Öğeler sepya olarak gösterilir ve üzerine gelindiğinde renklendirilir. Ürün sayfaları, resimleri çit arka planının üzerine yerleştirir. Site görsellerden çok faydalanıyor.

Siteyi ziyaret et

6. imparaqui

Bu site Pascal Claro tarafından sunulmuştur. Site, kahraman bölümü ve CTA için turuncudan beyaza geçişler ve site genelinde düğmeler, simgeler ve metin için turuncu vurgular kullanır. Kahraman bölümü, oturum açmak veya kursları görmek için düğmelerle birlikte logoyu gösterir. Bu birkaç kartın altında en çok takip edilen kurslar gösterilmektedir. Kartlar en üstte bilgileri, bir resmi, başlığı, alıntıyı ve düğmeyi gösterir - tümü siteyle eşleşecek şekilde tasarlanmıştır ve fareyle üzerine gelme animasyonunu içerir. Arka plan gradyanı üzerinde öne çıkıyorlar. Kurslar sayfası aynı tasarımı kullanır. Yorumlar, bir referans kaydırıcısında gösterilir. Kaynaklar, bir kaplamada turuncu bir dokunuşla koyu bir görüntünün üzerinde turuncu simgelerle görüntülenir.

Siteyi ziyaret et

7. Phoenix Binası

Bu site Andre Villanueva tarafından sunulmuştur. Tarzlı bir desene sahip tam ekran bir arka plana ve ilginç bir yazı tipinde ve kıvrımlı grafiklerde bir slogana sahiptir. Kaydırma, menü öğeleri için aynı yazı tipini içeren başlığı ortaya çıkarır. Yazı tipi ve kıvrımlar, bir tarafta logoyu kullanan bir Hakkında bölümü ve diğer tarafta çok renkli metin de dahil olmak üzere, sitenin çeşitli yerlerinde görünen logoda da kullanılır. Mavi veya kırmızı kaplamalarla paralaks içinde birkaç arka planı vardır. En ilginç bölümlerden biri, arkalarında ters yönde eğimli kutular bulunan eğimli görüntüleri gösterir. Diğer sayfalar bu bölümü ve resimli ve kalın kenarlıklı dolgulu benzer bir bölümü kullanır. Site, cesur rengi mükemmel bir şekilde kullanıyor.

Siteyi ziyaret et

8. Marx Yaratıcı

Bu site PK SON tarafından sunulmuştur. Büyük logo siyah bir arka planın ortasına yerleştirilmiştir. Logo bir kesimdir. Arkasında paralaks bir görüntü gösterir. Beyaz metin, ana noktayı kalın olarak gösteren kısa açıklamayı gösterir. Şirketle ilgili bir bölüm, üzerine gelindiğinde konumu değiştiren oklarla bağlantılar sağlar. Bir kaydırıcı iki bölümle örtüşür ve gezinme için dikey noktaları kullanır. Projeler, zarif fotoğraflarla çok sütunlu bir düzende sergileniyor. Bir tarafta logonun 3D versiyonunu açık gri bir arka plan üzerinde ve diğer tarafta metni siyah bir arka plan üzerinde gösteren, tasarımı başlığa geri bağlayan temiz bir harekete geçirici mesaja sahiptir. Menüyü beğendim. Hamburger simgesine tıklamak, menüyü tam ekran olarak açar ve bir tarafta navigasyonu, diğerinde bilgi içeren bir görüntüyü gösterir.

Siteyi ziyaret et

9. Destansı Ağaç

Bu site Lubomir Micuch tarafından sunulmuştur. Bu tek sayfalık web sitesinde, slogan ve CTA düğmesinin arkasında paralaks içinde görüntülenen altıgenlerden oluşan bir arka plan deseni bulunur. Birkaç bölüm, şirketin hizmetlerini ve bilgilerini, bir tarafta grafikler ve diğer tarafta bir CTA ile metin bulunan iki sütunda gösterir. Grafikler, web sitesindeki düğmeler ve vurgularla eşleşen markalı yeşil öğelerden oluşur. Sayaçlar bölümü ilginç. Paralaks ve dalgalı bölüm ayırıcılarda bir bindirme ile dağların arka plan görüntüsü üzerinde yeşil sayıları gösterir. Benzer bir bölüm bir CTA oluşturur. Alternatif bir düzende projelerin her birinin çalışma numaralarını gösteren bir bölüm. İstemci simgeleri, kutu gölgeleriyle yuvarlatılmış arka planlara sahiptir. Site, stil sahibi referanslar, geçişler, sosyal takip, iletişim formu ve daha fazlasını içerir.

Siteyi ziyaret et

10. Robert L. O'Neil

Bu site Masha Goltsova-Lanoue tarafından sunulmuştur. Bu yazarın web sitesi, hedef kitleyi çekmek için renk ve sanat eseri kullanır. Kahraman bölümü, kitap kapağı, açıklama ve satın alma düğmesi ile birlikte bir CTA'yı gösterir - tümü kitaptan sanat eserleri içeren bir arka plan üzerine yerleştirilir. Hakkında bölümü, kitabı okuyan hedef kitlenin bir görüntüsünün yanında daha fazlasını görmek için bir düğmeyle bilgi sağlar. Tüm düğmeler kitaptan farklı renkler kullanır. Bir referans kaydırıcısı, arka plan olarak markalı moru kullanır. Birkaç CTA, okuyucuyu kitap satın almaya, daha fazla bilgi edinmeye veya yazar hakkında okumaya davet ediyor. Arka planlar, alt bilgi de dahil olmak üzere kitaplardan sanat eserlerini içerir. Resim, ön yükleme grafiği olarak bile kullanılıyor. Mağaza sayfasının referansları gösterme şeklini seviyorum. Düzen basittir ve renkten büyük ölçüde yararlanır.

Siteyi ziyaret et

Kapanışta

Bu, Şubat 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.

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