Divi Tasarım Vitrini: Ağustos 2019'dan Yeni Başvurular

Topluluk üyelerimiz tarafından yapılan 10 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 Ağustos 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: Ağustos 2019'dan Yeni Başvurular

1. Matris Çatı

Bu site Christian McMinn tarafından sunulmuştur. Kullanılabilir çalışma türünü göstermek için tam ekran arka plan görüntüsü kullanır ve kaplamaya bir CTA yerleştirir. Şirketle ilgili bilgiler, bir tarafında resim, diğer tarafında madde işaretleri bulunan iki sütunlu bir düzende yerleştirilmiştir. Daha Fazla Oku düğmesi okuyucuyu Hakkımızda sayfasına götürür. Benzer bir iki sütunlu bölüm, daha fazlasını okumak için bir bağlantı içeren referansları gösterir. Hizmetler, büyük tek renkli simgeler içeren tanıtım yazılarında gösterilir. Bilgiye yönelik daha fazla bağlantı, koyu renkli kaplamalarla CTA'lara yerleştirilir. Altbilgi, varsayılan olarak kaydırma yapmayan siyah beyaz tam genişlikte bir harita içerir. Aynı evi farklı renkli çatılarla gösteren Renk Kılavuzu sayfasını beğendim.

Siteyi ziyaret et

2. Brightworks Grubu

Bu site Britt Baue tarafından sunulmuştur. Dönen başlık metninin arkasında koyu renkli bir arka plan deseni bulunur. Açılı bir ayırıcı, kahraman bölümünü, dikey metni, kısa açıklamayı ve üzerine gelindiğinde yakınlaştıran koyu yeşil metinle hizmetleri görüntüleyen bir sonraki bölümden ayırır. Sonraki bölüm, üst ve alt kısım için açılı bölücülere sahip gri bir arka plan görüntüler. Büyük metin, okuyucuyu CTA indirme işlemine yönlendirir. Hizmetler bölümü ayrıca başlık için dikey olarak hizalanmış metin içerir ve hizmetleri tanıtım yazılarında gösterir. Büyük bir başlıkla basit bir referans kaydırıcısı tanıtıldı. Başka bir açılı bölüm, müşteri logolarını gösterir. Bir kişi bölümü bir CTA oluşturur ve iletişim bilgilerini sağlar. Menüdeki logonun merkezden nasıl kaydırıldığını seviyorum.

Siteyi ziyaret et

3. Ada

Bu site Saskia Lund tarafından sunulmuştur. Bu site, mevcut tatil yeri türlerini göstermek için kahraman bölümünde gerçek paralaksta bir arka plan resmi içerir. Yer paylaşımı, komut dosyasıyla yazılmış bir yazı tipinde bir kısa açıklama ve belirli konaklama yerleri için gelişmiş aramalar yapabileceğiniz sekmeli bir arama kutusu içerir. Vurgulu efektli uzun ve ince tanıtım yazıları, görüntüleri ve beklenecek tatil türlerinin açıklamasını gösterir. Özel bir bölüm, bir kaydırıcıda tatilleri gösterir. Her biri bir resim ve açıklama içeren uzun bir karttır ve üzerine gelme efektleri içerir. Kiralıkların bir bölümü, resim, açıklama ve bilgileri içeren bir karttaki yerleri gösterir. Olaylar tam ekran kaydırıcıda görüntülenir. Blog bölümü, uzun kart tasarımıyla eşleşir ve ayrıca vurgulu efektleri içerir. Dergi sayfası, kategoriler içindeki makaleleri çok sütunlu bir düzende görüntüler.

Siteyi ziyaret et

4. Başlık

Bu site Gustav Espenes tarafından sunulmuştur. Gerçek paralaks içinde bir arka plan deseni üzerine bir CTA ve grafik yerleştirilir. Grafik, açılır pencere yerleşiminde video oynatmak için bir düğme içerir. Site genelinde benzer grafikler, CTA'lar, tanıtım yazıları ve arka planlar içeren öğeler olarak kullanılır. Site, arka planların oluşturulmasına yardımcı olacak birçok stil bölücü içerir. İlginç bir dikey tasarım oluşturmak için bulanıklıklar birbirinden dengelenir ve arka plana karışan renklere sahiptir. Soruların bir bölümü, geçişler içinde yanıtları görüntüler. Tanıtım yazılarının başka bir bölümü, simgelerle sağlanan faydaları gösterir. Ayrıca tam genişlikte bir referans kaydırıcısı, müşteri logoları ve stil sahibi bir iletişim formu içerir. Ekip üyeleri için tek sütunlu kişi modüllerini ve temiz tasarımı ile blog sayfasını beğendim.

Siteyi ziyaret et

5. Ortaya Çıkan Richmond

Bu site Christian Schick tarafından sunulmuştur. Bu site, düzene ilginç ama minimal bir tasarım kazandırmak için dalgalı bölüm ayırıcılarla birlikte çok sayıda yeşil vurgu kullanır. Kahraman bölümü, bir tarafa bir CTA ve diğer tarafa bölüm bölücüyle örtüşen bir ürün örneği yerleştirir. Bir sonraki bölüm, bir tarafta benzer bir ürünü, diğer tarafta faydaları gösterir. Başka bir bölüm, hizmetleri göstermek için bir çiçek oluşturmak için stillendirilmiş bir arka plana sahip simgeleri gösterir. Projeler, bir tarafında resim, diğer tarafında açıklama ile çok sütunlu bir bölüm içinde gösterilir. Ekranda ortalanan ve bir sonraki CTA'ya giden bölüm ayırıcılarla örtüşen bir kutunun içine bir referans yerleştirilir. Özel alt bilgi ayrıca bir haber bülteni formuyla örtüşen dalgalı ayırıcılar içerir. Sitedeki yeşil vurguları seviyorum.

Siteyi ziyaret et

6. Güney Servis Şirketi

Bu site Mercedes Bugarin tarafından sunulmuştur. Kahraman bölümü, hizmetin faydalarını göstermek için kayan metin içerir. Bir servis seçimi ile kahraman bölümüne bir form yerleştirir. Form, bir tarafta yuvarlatılmış köşeler kullanır ve kahraman bölümündeki görüntüyle örtüşür. Sonraki bölüm, stil köşeleri ve gölgeler içeren tanıtım yazıları içindeki hizmetleri gösterir. İstemci logoları bir kaydırıcı içinde görüntülenir. Bunu takiben sosyal butonların ve çalışanların giriş yapabileceği bir buton bulunan küçük bir bölüm var. Menüde iki farklı CTA var. Bölümler dalgalı bölücülerle ayrılmıştır. Hizmetler sayfası aynı tasarımı izler ve hizmetlerin her biri hakkında bilgi sağlamak için stil sahibi geçişler ekler. Geçişler, forma uyması için bir tarafta yuvarlatılmış köşeler içerir. Temas Başvuru formları benzer bir tasarıma sahiptir ve gölgeleri ile öne çıkmaktadır.

Siteyi ziyaret et

7. Sosyal Bungalov

Bu site Kelsey Spectre tarafından sunulmuştur. Kahraman bölümü, logoyu birkaç köşede benzer grafiklerle bir köşede gösterir. Başlıktaki grafikler sitenin her yerine yerleştirilir. Bir tarafta bilgi ve CTA, diğer tarafta bir grafik yer almaktadır. Ana menü bu bölümün altında yer alır ve o noktaya kaydırılırken ekranın üst kısmında kalır. Giriş bölümü, bir tarafta bir resim ve diğer tarafta bununla örtüşen bir metin bloğu gösterir. Bunu bir CTA takip eder ve üzerine gelindiğinde açıları değişen bir düğme içerir. Bir blog bölümü, siteyle eşleşen yumuşak renklere sahip gönderileri gösterir ve başlık için komut dosyası metni içerir. Tam genişlikte bir CTA, başlık gibi aynı renkleri ve grafikleri kullanır ve komut dosyasıyla yazılmış başlık metnini arka plana yerleştirir. Aynı renkleri ve yazı tiplerini birden çok düzende kullanan Blog sayfasının zarif tasarımını seviyorum.

Siteyi ziyaret et

8. İndirme Ekvakaraoke

Bu site Jero Shannon tarafından sunulmuştur. Bunun boyunca birçok çizgi film animasyonu var. Kahraman bölümü, arka planda bir CTA ile bindirmede bir animasyonlu çizgi film gösterir. Bir grafik, bölüm ayırıcıyla örtüşür; bu, birbirinden dikey olarak kaydırılmış ve bölücülerle izlenen animasyonlu tanıtım yazılarıyla bir sonraki bölüme götürür. Açılı bir resim, bir satın alma CTA'sı ve blog bağlantısı içeren bir sonraki bölüme götürür. Yıldız incelemeleri arka planla örtüşür ve başka bir CTA sağlar. Gömülü bir YouTube videosu eğilmiş. Bu site, resimler veya renkli açılar içeren birkaç CTA'nın yanı sıra çok sayıda açılı öğe ve bölücü içerir.

Siteyi ziyaret et

9. Gelişen Figürler

Bu site Kate Britton tarafından sunulmuştur. Arka planda bir renk lekesi ve bir tarafa bindirmede bir kaydırıcı içerir. Kaydırıcı metni, kaydırıcı görüntüsüyle örtüşür ve bilgi ve bağlantılar sağlar. Kaydırıcının kontrolleri sol üst ve sağ alt köşelere yerleştirilmiştir. Sonraki bölüm, bilgi sağlamak için çok renkli metin ve başka bir arka plan lekesi kullanır. Düz renklere sahip kare şeklinde tanıtıcı yazılar, numaralı başlıkları gösterir ve üzerine gelindiğinde renk değiştirir. Başka bir CTA, bir tarafta renk lekeleri ve diğer tarafta bir CTA ile bir görüntü gösterir. Rezervasyon bölümü, başlığı sağlam bir arka plan üzerinde gösterir ve konumu seçmek için bir harita kullanır. İndirme CTA'sı, açıklamayı görüntüyle örtüşen bir bloğa yerleştirir. Bu, güzel bir şekilde öne çıkan birçok cesur renk kullanıyor.

Siteyi ziyaret et

10. Blok Kafası Meydan Okuması

Bu site Keith Green tarafından sunulmuştur. Kahraman bölümü, arka planda kaplama için dokulu bir filtre içeren bir blok görüntüler. Slogan, ekstra büyük metin kullanır. Menüde iki harekete geçirici mesaj düğmesi bulunur. Blok görüntüsü, bir tarafta bir başlık ve diğer tarafta bir renk bloğu göstermek için tam genişlikte bir metin öğesi görüntüleyen sonraki bölümle örtüşür. Değişen iki bölüm, dokulu arka plan üzerinde bir tarafta bir görüntü ve diğer tarafta bilgi gösterir. Sonraki birkaç CTA bölümü, içinde net olan blok metin içeren daha da büyük başlıklar içerir. Bazıları bölümlerle örtüşüyor. Görüntüler daha da koyu dokulu arka planlarla örtüşüyor. Bunda yeşilin, resimlerin ve yazı tiplerinin kullanımını seviyorum.

Siteyi ziyaret et

Kapanışta

Bu, Ağustos 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