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

Yine o zaman! Topluluk üyelerimiz tarafından yapılan on 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 Ekim 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: Ekim 2019'dan Yeni Başvurular

1. Botlar ve Eksileri

Bu web sitesi Wade McMaster tarafından sunulmuştur. Site, beyaz ve açık mavi metin içeren koyu bir renk paleti kullanır ve baştan sona vurgulanır. Menü incedir ve kahraman bölümünden mavi bir çizgi ile ayrılmıştır. Kahraman bölümü, sitenin logosunu ve açıklamasını büyük metin olarak içeren bir arka plan resmi görüntüler. Bir Hakkında bölümü, bilgileri iki sütun halinde gösterir. Bir arka plan görüntüsü üzerinde, stillendirilmiş bir kaplama ile paralaks içinde görüntülenen blog bölümünü beğendim. En son blog gönderisini, blogu görmek için bir CTA olarak bir tarafta metin ve diğer tarafta bir kart tasarımında bir blog gönderisi olarak görüntüler. Duvar Kağıtları ve Blog sayfaları, bir başlık, arka plan resmi ve kenar çubuğu ile blog gönderilerini görüntüler. Abone ol sayfası da ilginç. Abone olmanın faydalarını göstermek için kayıt formunu bir tarafında madde işaretleri bulunan bir CTA olarak görüntüler. Sayfalar, ana sayfadan farklı bir menü tasarımı gösteriyor.

Siteyi ziyaret et

2. Maç Tasarım Medyası

Bu web sitesi Sam Nicholson tarafından sunulmuştur. Site, degrade kaplamalı tam ekran bir arka plan videosu görüntüler. Ön plan logo ve çizgi tasarımlarını gösterir. Logo vurgulu üzerinde yakınlaştırır ve ilginç bir vurgulu efekti oluşturmak için çizgi öğelerinden ikisi kaybolur. En ilginç unsur, sitenin bölüm ayırıcıları kullanma şeklidir. Bölücünün arkasına bir arka plan görüntüsü yerleştirir ve ardından bunun üzerine bir degrade yerleştirir. Üzerlerine sayı sayaçları veya daire sayaçları yerleştirilir. Site, eşleştirmek için çok sayıda degrade ve stil sahibi metin kullanır. Düğmeler, arka planlarla aynı gradyanları içerir. Hizmetler, değişen bir düzen ile gösterilir ve üzerine gelindiğinde eğilen görüntüler içerir. Kariyer bölümü ve İletişim bölümü aynı eğim efektini içerir. Yükte eğilen çizgiler gibi birçok küçük animasyona sahiptir. Site ayrıca, web tasarımı için standart bir uygulama haline geldiğini görmek istediğim, stil sahibi bir başa dön düğmesi ve stilli bir kaydırma çubuğu içerir.

Siteyi ziyaret et

3. Mülk Popu

Bu web sitesi Kaelynn Midgley tarafından sunulmuştur. Bir tarafında CTA ve diğer tarafında bir mobil cihaz içindeki bir görüntü ile tam genişlikte bir arka plan gradyanı görüntüler. Kaydırma, bir tarafta bir CTA ile bilgileri ve diğer tarafta bir dizüstü bilgisayar anahattı içine yerleştirilmiş bir resim ile özelliklerin resimlerini gösterir. Site genelinde benzer tasarımlar devam ediyor. Benim favorim toplulukla ilgili bölüm. Bir resim, metin ve bir düğme ve diğer tarafta bilgi içeren bir tanıtım yazısı ile bir arka plan resmine sahip iki sütunlu bir düzen içerir. Nasıl Çalışır sayfası, her adımı farklı bir arka plan rengiyle tam ekran olarak gösterir. Ayrıca bir kahraman bölümü, bilgi metni, ayırıcı ve ardından blog gönderilerini içeren blog sayfasını da seviyorum. Gönderiler, öne çıkan resme bir kutu gölgesi ekler. Menü bir CTA içerir.

Siteyi ziyaret et

4. Vatan

Bu web sitesi Jerome Bestel tarafından sunulmuştur. Bir tarafta büyük bir grafik ve diğer tarafta bir CTA görüntüleyen kahraman bölümünden başlayarak site genelinde birçok grafik içerir. Kaydırma, bir tarafında tıklanabilir bir çağrı düğmesi ve diğer tarafta bilgi bulunan daha küçük bir grafik içeren iki sütunlu bir bölümü gösterir. Bu tasarım, siz kaydırdıkça sayfada aşağı doğru değişir. Diğer bilgiler tanıtım yazıları içinde sağlanır. Kaydırıcı, imleci hareket ettirmenize ve bir fiyat seçmenize olanak tanır. Takımla ilgili bilgiler tanıtım yazıları ile sağlanır ve görseller için grafikler içerir. Site, hedef kitleye hitap etmek için metin ve arka planlar için minimal bir tasarım ve çok sayıda mavi kullanır. Sayfaların her biri benzer bir tasarıma sahiptir ancak yine de benzersiz bir şeye sahiptir. Menü, bir iletişim CTA'sı ve tıklanabilir bir çağrı bağlantısı içerir. Özellikle her sayfanın kahraman bölümlerindeki büyük grafikleri seviyorum.

Siteyi ziyaret et

5. Hayırseverlik için Değişim

Bu web sitesi Dickon Kent tarafından sunulmuştur. Bir tarafında CTA'nın arkasında bir grafik ve diğer tarafında uygulamayı cep telefonlarında gösteren bir dizi resim bulunan tam genişlikte bir arka plan gradyanı vardır. Sonraki birkaç bölüm, solda bir ayırıcı ve mavi bir başlık bulunan bir metni ve sağda uygulamanın ve çevresindeki grafiklerin bir görüntüsünü içeren bir akıllı telefonu gösterir. Siz kaydırdıkça metin ve grafikler yerine kayar. Bir kaydırıcı, logoları degradeli desenli bir arka plan üzerinde görüntüler. Tam genişlikte bir referans kaydırıcısı, siteyle eşleşen mavi arka plan üzerinde görüntü, referans ve nokta ve ok gezinmesini içerir. Bilgiler, sitenin stiliyle eşleşen daire içine alınmış simgeleri içeren tanıtım yazılarında sağlanır. Site, mavi ve yeşil markalı renkleri ve gradyanları mükemmel bir şekilde kullanır.

Siteyi ziyaret et

6. Rebbl

Bu web sitesi Dickon Kent tarafından sunulmuştur. Bu site, ana metnin altında daha küçük metin bulunan ilginç bir mega menü kullanır. Bağlantılardan birinin üzerine gelindiğinde, daha fazla bağlantı ve resim ortaya çıkarmak için menüyü açar. Ana sayfanın ilk bölümü, bir tarafta bir CTA ve diğer tarafta ürünler için boşluk bulunan tam genişlikte bir resim gösterir. Kaydırma, ürünü gösteren ve mağazaya bir bağlantı sağlayan tam genişlikte bir CTA'yı ortaya çıkarır. Bir blog bölümü, kategorileri blog kartları olarak gösterir. Birine tıklamak, o blog kategorisinin arşiv sayfasını açar. Blog gönderileri, kategori resim ve alıntı arasında ortalanmış olarak büyük kartlarda sunulur. İnce bir abone formu, metni ve formu bir arka plan deseni üzerinde görüntüler. Şirket ve ürünlerle ilgili bilgiler, büyük CTA'lar içeren iki sütunlu bir bölümde gösterilir. Bindirmede bir başlık ve düğme ile bir arka plan videosu görüntüleyen video CTA'sını beğendim. Yerleşik bir Instagram kaydırıcısı, fareyle üzerine gelme hakkında bilgi sağlar ve bilgileri tıklamayla bir modal olarak açar.

Siteyi ziyaret et

7. Gençlik, Sesinizi Çıkarın!

Bu web sitesi Michal Teska tarafından sunulmuştur. Son derece opak bir kaplama ile paralaks içinde tam ekran arka plan görüntüsü görüntüleyen tek sayfalık bir düzendir. Bindirme bir slogan ve bir grafik içerir. Tüm bölümler, arka planda paralaks içinde metin, ön planda bir grafik ve diğer tarafta metin bulunan iki sütunlu bir düzene sahiptir. Siz kaydırdıkça bu tasarım değişir. Bu bölümlerden biri, siteyle eşleşecek şekilde tasarlanmış geçişlere sahiptir. İlgili kişilerle ilgili bilgiler, solda küçük resim, sağda adları ve konumları olan tanıtım yazılarıyla oluşturulur. İş ortağı logoları gri tonlamalı olarak gösterilir ve üzerine gelindiğinde renge dönüşür.

Siteyi ziyaret et

8. MUHTEŞEM

Bu web sitesi Christos Papadopoulos tarafından sunulmuştur. Animasyonlu bir arka plan, çizgi grafiklerle bir denizaltı ortamının etkisini yaratır. Arka planda bir slogan ve hareketli bir resim içeren bir CTA bulunur. Bir mega menü, üç sütun bağlantı ve resim ortaya çıkarır. Sonraki bölüm bilgi sağlar ve tıklanabilir bir çağrı bağlantısı ve bir danışma bağlantısı içerir. Ekip üyelerine bir resim, ad, unvan, açıklama ve o kişiden sesli mesaj duymaları için bir düğme gösterilir. Hizmetler, metnin altındaki simgeleri içeren tanıtım yazılarında görüntülenir. Proje sayfası, fareyle üzerine gelindiğinde kayan bir kart içindeki örnekleri gösterir. Hizmetler sayfalarının her biri, bir açıklama ve bağlantı içeren bir başlık ve ardından ayrıntılı bilgiler içeren benzer bir tasarıma sahiptir. Blog sayfası ve gönderiler benzer bir başlık tasarımına sahiptir.

Siteyi ziyaret et

9. Marci Angeles

Bu web sitesi Marci Angeles tarafından sunulmuştur. Siz kaydırdıkça üst bilgi ve alt bilgi ekranda kalır. Şeffaftırlar, bu nedenle düzen görünür. Ana sayfada mavi bir arka plan ve çalışma örneklerinin birkaç resmi gösterilir. Bir resme tıklamak, o projenin, projeyle ilgili ayrıntıları görebileceğiniz sayfasını açar. Her biri bir blog yazısı olarak gösterilir ve öne çıkan bir resim, açıklama, resimler, önceki ve sonraki gönderilere gezinme ve bir iletişim formu içerir. Altbilgi, proje sayfalarında ekranda kalmaz. Üstbilgi ve altbilgi, basit ve temiz bir tasarıma sahiptir. Başlık, bunun gibi benzer yumuşak renkler kullanan, sahibi tarafından diğer sitelere bağlantılar içerir. Altbilgi, sosyal medyaya bağlantılar içerir. Her ikisi de onları sitenin gövdesinden ayıran çizgilere sahiptir.

Siteyi ziyaret et

10. ATG Avrupa

Bu web sitesi Camiel Bos tarafından sunulmuştur. Tam ekran başlığı, ekranın sol alt köşesinde bir başlık ve kısa açıklama içeren bir arka plan videosu gösterir. Bir mega menüsü vardır ve fareyle üzerine gelindiğinde bağlantıları ve gönderileri görüntüler. Kaydırıldığında menünün beyaza döndüğünü ve kavisli bir kenara sahip olduğunu ve video bölümünün altını yansıttığını görüyorsunuz. Bilgiler bir sonraki bölümde verilmektedir ve sitenin temasına uygun bir grafik içermektedir. Hizmet verilen sektörler, çözümler ve hizmetler paralaks olarak resimlerde gösterilmektedir. Bir kişi CTA'sı, başlığı ve düğmeyi bir arka plan görüntüsü üzerinde görüntüler ve ilginç bir tasarım oluşturmak için üst ve alt kısım için kavisli bölüm ayırıcılar içerir. Site, temiz bir tasarımı korurken güzel bir şekilde öne çıkan çok sayıda stil bölücü, arka plan deseni ve örtüşen öğeler kullanır. Site, görsellerden ve renklerden mükemmel bir şekilde yararlanmaktadır.

Siteyi ziyaret et

Çözüm

Bu, Ekim 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 özellik resmi