Divi Kullanan Ev ve Bahçe Sitelerine 17 Örnek

Ev ve Bahçe her zaman popüler bir konu olmuştur ve çevrimdışı olduğu kadar çevrimiçi olarak da popülerdir. Çok çeşitli alt konular ve hizmetler içerir, bu nedenle sektörde çok sayıda farklı web sitesi ihtiyacı vardır. Neyse ki Divi, alt konu ne olursa olsun her türlü Ev ve Bahçe web sitesini oluşturmak için gerekenlere sahiptir.

Ev ve Bahçe konusu çok geniştir, ev tasarımı, havuz montajı, ev onarımı, mobilya, ev ürünleri ve çok daha fazlasını içerebilir. Bu web sitesi listesi, bu konuların çoğunu içerir ve burada olmayanlar bu web sitelerinden kolayca görselleştirilebilir, bu nedenle, tasarladığınız alt konu ne olursa olsun burada size fikir vermeye yardımcı olacak bir şeyler var.

Divi kullanan 17 Ev ve Bahçe sitesi örneğine bir göz atalım. Belirli bir düzende değiller.

1. Tasarım Odağı

Design Focus, gerçek paralakslı tam genişlikte bir kahraman görüntüsü, bölüm ayrımı olarak çalışan bir CTA, görüntü kaydırıcılı bilgi, vurgulu efektli duvar portföyü ve iletişim bilgileri içerir. Üst menüde sayfa bağlantıları içerir. Çeşitli sayfalar, çalışmalarını bir ızgara portföyünde gösterir ve kenar çubuğunda seçimler ve bir dosya yükleme ile bir bilgi talep formu içerir. Bu site, renk ve düzen tasarımından büyük ölçüde yararlanır. Birden fazla portföy ve iletişim formu olmasına rağmen, gezinme yapısı onları iyi organize eder.

2. Sharon Fox Tasarımları

Sharon Fox Designs, şeffaf menü, hakkında bölümü, her oda ve hizmet için metin içeren büyük alternatif görüntüler, bir görüntü ızgarası portföyü, medya, hakkında, referanslar ve iletişim formu ile tam ekran görüntü içeren tek sayfalık bir tasarım kullanır. Site, büyük resimlerden ve renkli markalardan faydalanıyor.

3. Gellner Ofenbau

Gellner Ofenbau, CTA ve paralaks ile tam genişlikte bir görüntü kaydırıcısı, görüntüler ve vurgulu efektler içeren sayfa bağlantıları, bölüm hakkında ve ardından orijinal görüntü kaydırıcısına geri döner. Çeşitli sayfalar, geniş bir açıklama bölümü ve ardından portföy ızgarası veya iki sütun halinde resimler ve metin içeren portföylerdir. Resimler harika görünüyor ve sayfalardaki büyük bilgi bölümleri basit ama ilginç bir dokunuş katıyor.

4. Önemsiz Aşk Butiği

Junk Love Boutique, kaydırılana kadar şeffaf bir menü, ince bir e-posta katılım formu, mükemmel paralaks kullanımı ve takip düğmeli ilginç bir Instagram bölümü ile tam genişlikte bir görüntü sunar. Gezinme basittir ve bir hakkında sayfası, her biri için galerileri olan mevcut ve geçmiş projeler için sayfalar ve tam ekran özellikli bir gönderi içeren stil sahibi bir blog içerir. Konum sayfaları, adresi, saatleri ve tam genişlikte bir Google haritasını içerir. İletişim sayfası, telefon numarası ve basit bir iletişim formu içeren kısa bir mesaj içerir. Evi ve proje sayfası tasarımını seviyorum.

5. Pocklington Halıları

Pocklington Carpets, CTA'lar içeren bir video arka planı, markaları, görselleri ve çeşitli sayfalara bağlantı içeren ürünleri, bir gönderi kaydırıcısını, mağazaların görüntülerini ve vurgulu efektleri içeren bir mağaza konumu bölümünü, harita aramasını, iletişim formunu, bağlantılarını gösteren bir bölüm kullanır. blog ve müşterilerin ihtiyaç duyacağı tüm bağlantıları içeren bir altbilgi. Ürün sayfaları, döşemelerdeki tüm renkleri, tablolardaki ve listelerdeki bilgileri ve bir mağaza bulucuyu gösterir. Sayfalarda, yazı tiplerinde ve bölüm ayırıcılarda ve menülerde markalı renkler kullanılmıştır.

6. Penderyn Mobilya

Penderyn Mobilya, büyük bir görsele sahip kutulu bir tasarım ve üst üste bindirmede CTA ve en son ürünlere bağlantılar kullanır. Üst menüde sayfa bağlantıları içerir. WooCommerce, mağazada bulunan ürünleri görüntülemek için kullanılır. Site, birkaç sayfa ve harita ve iletişim formu içeren bir iletişim sayfası içerir. Renk markalarını iyi kullanan basit bir site.

7. GKI Tasarımı

GKI Design, şeffaf menü ve paralaks içeren tam ekran bir görüntü kaydırıcısı, vurgulu animasyonlu yazı görüntülerinin birkaç bölümü ve bağlantılara sahip büyük bir altbilgi kullanır. Koleksiyonlar sayfası çeşitli ürünleri gösterir ve ürün sayfaları bir ürün kartı kullanarak ürünü gösterir. Kılavuz sayfası, ilginç renk kullanımı, resim galerileri ve küçük makaleler içeren tek sayfalık bir tasarımda bir yazı ızgarası kullanır. Bu site, renk ve resimleri zarif bir şekilde kullanıyor ve menüdeki metnin ayrılmasını ilgi çekici buluyorum.

8. İç Tasarım Oluşturun

Create Interior Design, tam ekran paralaks arka planı, bölüm stiline sahip bir hakkında bölümü, paralaks kaplamalı bir referans, portföy bağlantısı ve iletişim formu kullanır. Sıcak kahverengi tonları ruh halini ve stili belirler. Hakkında, Hizmetler ve Portföy sayfaları, kenar çubuğunda fareyle üzerine gelme efektleri ve bilgiler veya bağlantılar içeren bir gönderi ızgarası kullanır. İletişim sayfası, Google Haritalar bağlantısı, iletişim bilgileri ve iletişim formu içeren elle çizilmiş bir harita kullanır. Site, profesyonel bir ortam oluşturmak için sürekli olarak renk ve üzerine gelme efektlerini kullanır.

9. Eko Serin Evler

Eco Cool Homes, CTA ve kayıt formu içeren tam ekran bir resim, dört sütunlu metin içeren bir bilgi bölümü, resim, madde işaretleri ve CTA içeren başka bir bilgi bölümü, tanıtım yazısı ve paralaks içeren ürün bilgisi, alternatif metin ve resim içeren bir bölüm kullanır kaydırıcılar, hakkında bölümü, portföy, ödüller ve CTA. Portföy sayfaları, tam genişlikte bir başlık, resimler, madde işaretleri, video ve ayrıntılı bir resim galerisi içerir. Ürün bilgi sayfaları, PDF indirme ile birlikte görüntüleri ve madde işaretli bilgileri görüntülemek için WooCommerce kullanır.

10. Boğazlar

Straits, CTA'ları olan tam ekran bir görüntü, görüntünün altında logo, menü bağlantıları ve tıklanabilir telefon numarası içeren bir başlık, fareyle üzerine gelme efektlerini kullanarak ürün koleksiyonlarına bağlanan görüntülerin bulunduğu bir bölüm, bir hakkında bölümü ve bir iletişim bölümü içerir. Ürün sayfaları, özelleştirme ve içerik geçişleri hakkında bilgi içeren bir resim içerir. Açılır kayıt formu, eşleşen bir arka plan resmi içerir.

11. Victoria'nın Kepenkleri

Victoria's Shutters, paralaks ve CTA'lı tam genişlikte bir görüntü, menüde bir CTA, kayan bir indirme bağlantısı, CTA'lı bir görüntü kaydırıcı, bindirmeli bölüm hakkında, bindirmeli bilgi bölümü, CTA bölümü, bilgi, iletişim, başka bilgiler içerir paralakslı bölüm ve bir Facebook beslemesi. Ürün bilgi sayfaları, bindirmeler, tanıtım yazıları ve CTA'lar içeren çok sayıda resim ve metin içerir. Üst menü tıklanabilir bir telefon numarası içerir. Site markalı renk ve görselleri iyi kullanıyor.

12. Kimberly Timmons İç Mekanları

Kimberly Timmons Interiors, kategorileri dikey olarak yerleştirilmiş ve resimlerle birlikte kayan benzersiz bir kaydırıcıya sahiptir. Ana sayfada ayrıca bir hakkında bölümü ve fareyle üzerine gelme efektleri içeren resimler içeren bir ekip bölümü bulunur. Portföy filtrelenebilir ve vurgulu efektli bir ızgara görüntüler. Ödüller sayfası, ödüllerini bir duvar ızgarasında görüntüler. Yayınlar sayfası, PDF'lere bağlantılar içeren dergi kapaklarını görüntüler. Site görsellerden mükemmel bir şekilde yararlanmaktadır. Bu kaydırıcıyı seviyorum!

13. Lüks Havuzlar

Lüks Havuzlar, paralaks kullanarak birden çok bölümle görüntülenen tam ekran bir görüntü kullanır. Ana sayfa, animasyonlu metin, iletişim bağlantılarıyla şirket bilgileri, resimlerle ürün bilgileri, CTA, fareyle üzerine gelme efektli gönderilere bağlantılar ve bir iletişim formu içerir. Ürün bilgi sayfaları, derecelendirmeleri, fiyatlandırma talep formlarını, resimleri vb. görüntülemek için WooCommerce kullanır. Menüde animasyonlar bulunur.

14. İsviçre Kronu

Swiss Krono, tam genişlikte kaydırıcıya sahip kutulu bir düzen, bir arama widget'ı kullanan örtüşen bir ürün arama bölümü, birden çok bağlantı içeren tanıtım yazıları ve kategoriler altına yerleştirilmiş çeşitli sayfalara bağlantılar içeren bir altbilgi kullanır. Çeşitli sayfalar arasında akordeonlar, stilize edilmiş küçük resimler, bir bayi bulucu vb. yer alır. Site baştan sona tutarlı bir tasarım tutar, stilize edilmiş kenar çubukları kullanır ve markasında renkten büyük ölçüde yararlanır.

15. Greenington

Greenington, CTA'lara sahip tam genişlikte bir kaydırıcı, önemli sayfalara görüntü bağlantıları ve tüm sayfalara metin bağlantıları içeren bir altbilgi kullanır. Hakkında, Sözleşme ve Neden Bambu sayfaları, paralaks ve şirket ve ürün bilgileri içeren birden çok resim kullanılarak son derece ayrıntılıdır. Ürünler WooCommerce ile görüntülenir ve filtrelenebilir bir kategori menüsü içerir. Bu site, resimlerden ve paralakstan harika bir şekilde yararlanıyor.

16. Breezway Panjur Pencereleri

Breezway Louvre Windows, üst menüden seçtiğiniz konuma göre görüntülenen birden çok sayfa tasarımı içerir. Bağlantıları olan tam genişlikte bir resim, sayfa açıklamaları, bağlantılar ve resimler içeren Avustralya'yı seçtim. Tasarım sayfaları, şirket profilinden bir SSS'ye kadar her şeyi gösterir. Fikirler Galerisi, birden çok galeri kategorisi içerir. Nereden Alınır, bir konum arama özelliği içerir. Bu, Divi gibi görünmesini ve aynı anda Divi'ye benzememesini sağlayan birçok tasarım özelliği içermesi bakımından ilginçtir.

17. Konut İç Mekanları

Konut İç Mekanları, bir resim kaydırıcısı ve odalar, projeler ve mağaza için çeşitli sayfalara bağlantılar içeren bir menü içeren ana sayfaya tek bir bağlantı içeren bir açılış sayfası kullanır. İlginç bulduğum şey, aslında web sitesinin tasarımına mükemmel şekilde entegre edilmiş Facebook gönderilerinden oluşan bir ızgara olan Haber sayfası.

Son düşünceler

Divi ile oluşturulan bu 17 Ev ve Bahçe web sitesi örneği, düzenler, kaydırıcılar, gezinme, renkler, resimler, video, animasyonlar, mağazalar, kenar çubukları ve daha fazlasını kullanmak için harika örneklerdir. Bir Ev ve Bahçe web sitesi için ilhama ihtiyacınız varsa, bunlar kesinlikle kendi kreasyonlarınızda kullanmanız için bazı fikirler sağlayacaktır.

Bu Divi Ev ve Bahçe sitelerinin en sevdiğiniz unsurları nelerdir? Aşağıdaki yorumlarda bize bildirin!

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