19 Divi e-Ticaret Web Sitesi Örnekleri

Divi'nin çok yönlülüğü onu e-ticaret web siteleri için ideal kılar. WooCommerce ve diğer e-ticaret platformlarıyla iyi bir şekilde bütünleşir. Divi ile oluşturulmuş çok sayıda e-ticaret web sitesi var. Bu yazıda, hayal gücünüzü harekete geçirmenize yardımcı olmak için Divi ile oluşturulmuş 20 e-ticaret web sitesi örneğine bakacağız.

Bu sitelerde ilginç düzenler, mağaza sayfaları ve ürün sayfaları bulunur. Çoğu, mağaza ve ürün sayfaları için ilginç bir stil içerir ve bazıları WooCommerce eklentilerini içerir. En çok dikkatimi çekeni belirteceğim. Web siteleri belirli bir düzende değildir.

1. Afrika'nın Doğusu

Doğu Afrika, şirkete odaklanan keskin bir ana sayfa tasarımına sahiptir. Sayfada, çeşitli ürünleri görmek için birkaç harekete geçirici mesaj var. Kategori sayfaları, büyük bir logoya sahip bir başlık ve başlıkla birlikte kayan bir gezinme menüsü içerir. Sayfalarda bir arama kutusu ve önerilen kategoriler bulunur. Ürün sayfaları, ürünü iki sütun halinde gösterir. Düzen basittir ve önerilen ürünleri içerir.

Web Sitesine Bakın

2. Tatlı Cecilys

Sweet Cecilys, resimleri bir dergiye benzeyen çok sütunlu bir düzen içinde mağaza kategorilerine bağlantılar olarak görüntüler. Arka plan, şirketin logosunun bir bölümünü gösterir. Kategori sayfaları, ana sayfayla aynı arka plan desenini içerir ve ürünleri dört sütun halinde görüntüler. Kategori sayfalarının kenar çubuğunda ürünlerle eşleşecek şekilde tasarlanmış WooCommerce widget'ları vardır. Ürün sayfaları, kenar çubuğunu kullanır ve sosyal paylaşım düğmeleri ve ilgili ürünleri ekler. Bu sitede harika ürün fotoğrafları var.

Web Sitesine Bakın

3. Modern Pembe Kağıt

Modern Pink Paper'ın ana sayfası bir mağazaya benziyor ve hedef kitleyi çekmek için yumuşak renkler kullanıyor. Farklı kategorilere yönelik CTA'ları içerir. Birincil kategori sayfaları, her kategori için aynı resmi kullanır ancak resmin üzerinde başlığı gösterir. İkincil kategori sayfaları, filtreli ürünleri gösterir. Ürün sayfalarında çok fazla renk ve kişiselleştirme seçeneği bulunmaktadır. Alıcı, rengi seçebilir, kişiselleştirme için bir ad ekleyebilir, ürünü gönderilmeden önce görmeyi seçebilir ve mesaj ve not ekleyebilir. Ürün açıklaması, SSS için bir akordeon kullanır.

Web Sitesine Bakın

4. Tek Yaprak Tasarımları

One Leaf Designs, ürün resimlerini bir mağaza CTA'sı ve ardından en çok satanlar içeren bir bölümle birlikte tam genişlikte bir kaydırıcıda görüntüler. Mağaza sayfası, ürünleri başlıkla örtüşen kutulu bir bölümde gösterir. Ürün sayfaları, tüm resimler için ürünü bir kutu gölgesi ile gösterir. Metin, siteyle eşleşecek şekilde tasarlanmıştır. Ziyaretçinin beğenebileceği diğer ürünlere bağlantılar içerir.

Web Sitesine Bakın

5. Kardeş Sepeti

Bro Basket, mağaza CTA'sı ile tam ekran bir başlık gösterir. Bir bölüm, bindirmeli görselleri kullanan mağaza kategorilerini gösterir. Başka bir bölüm elle seçilmiş ürünleri gösterir. Kategori sayfaları, şirket ve ne yaptıkları hakkında birkaç bölüm gösterir. Bu bölümler, 3B kartlardaki hizmetleri içerir. Daha uzakta olanlar bulanık. Ürün sayfalarının açıklama alanı, tam genişlikte bir video veya özelleştirmeler içerir. Ayrıca ilgili ürünleri de içerirler. Bu web sitesindeki fotoğrafçılığı seviyorum.

Web Sitesine Bakın

6. Doğal Bakım Mağazası

Natural Care Shop, kategorilere bağlanan görsellerle güzel bir mağaza tasarımına sahiptir. Hedef kitleye hitap etmek için soft renkler kullanır. Kategori sayfaları, alt bilgide WooCommerce kenar çubuğu widget'larını ve CTA'ları içerir. Ürünler büyük resimlerle gösterilir. Ürün sayfalarında hem widget'ta hem de CTA görüntüleri olarak stil ikonları ve benzer ürünler bulunur.

Web Sitesine Bakın

7. Apis Avustralya

Apis Australia, bir resimde birkaç ürünü gösteren bir kategori bölümüyle birlikte başlıkta tam genişlikte bir mağaza CTA'sı içerir. Mağaza sayfası, mağaza modülünün arkasında görüntülemek için aynı arka planı kullanır. Başka bir mağaza bölümü, aynı arka plan üzerinde tamamlayıcı ürünleri gösterir. Ürünler kutu gölgeleri ile gösterilmiştir. Ürün sayfaları basittir ancak siteye ve ilgili ürünlere uygun metin stili içerir.

Web Sitesine Bakın

8. Lahlay

Lahlay, çeşitli ürünler için CTA'ları olan tam ekran bir kaydırıcıyı gösteriyor. Kaydırmada gizlenen bir mega menü içerir. Ana sayfadaki birkaç bölüm, ürünleri büyük resimler ve kutu gölgeleri ile sergiliyor. Diğer birkaç bölüm, ürün bilgilerini resimlerle birlikte sağlar. Kategori sayfaları, stil sahibi bir mağaza modülüyle birlikte stil akordeonlarında birçok fotoğraf ve bilgi gösterir. Ürünler açılır pencerelerde görüntülenir. Bu site, gördüğüm en ilginç kategori/ürün sayfalarından birine sahip.

Web Sitesine Bakın

9. Aslan burcu

Leoca, mağaza CTA'sı ile tam ekran bir başlık görüntüler. Sonraki bölüm, kategorilere bağlanan büyük resimleri gösterir. Kategori başlıklarını içerirler. Kategori sayfaları, kategori başlığıyla birlikte tam ekran bir resim gösterir. Bir sonraki bölüm, bir ürünü, ardından boyutları göstermek için bindirmeler ve ürünü istek listenize eklemek için bir kalp için büyük resimler ve fareyle üzerine gelme animasyonu içeren bir mağaza modülünü sergiliyor. Ürün sayfaları, seçeneklerle birlikte çok sayıda büyük resim gösterir.

Web Sitesine Bakın

10. Pis Beyefendi

Scruffy Gentleman, başlığın altında bir ürün arama kutusu ve ardından paralaks içinde tam genişlikte bir arka plan resmi sağlar. Öne çıkan ürünler, üzerinde gezinir ve öne çıkan ürünlerin bir sonraki bölümüyle örtüşür. Başka bir bölüm, paralaksta bir CTA'yı ve ardından mağazadaki yeni öğeleri gösterir. Mağaza sayfası benzer bir tasarıma sahiptir ve bir WooCommerce kenar çubuğu ekler. Ürün sayfaları tam genişlikte gösterilir ve büyük resimler içerir.

Web Sitesine Bakın

11. Veez

Veez, siz kaydırdıkça ekranda kalan bir mağaza düğmesi içerir. Ana sayfa, üst üste binen metin ve kutularla biçimlendirilmiş bağlantılar olarak resimli kategorileri gösterir. Kategori sayfaları, bölümü tanıtmak için bir resim ve başlık, ardından bir mağaza modülü ve daha fazlasını ortaya çıkarmak için bir düğme gösterir. Ürün sayfalarında çok sayıda ilginç stil var. Ürünü birden çok sütunda çok sayıda büyük resimle gösterirler. Başka bir bölüm, kategoriden daha fazla ürün gösterir.

Web Sitesine Bakın

12. Coco Cuscino

Coco Cuscino, farklı kategoriler için mağaza CTA'sına sahip tam ekran bir kaydırıcı içerir. Kaydırma, soldaki bölüm başlığıyla en son ürünlerin kaydırıcısını gösterir. Başka bir bölüm, farklı kategorilere yönelik CTA'ları içerir. Kategori ve ürün sayfaları basittir ve kenarlık, düğme ve metin stiline ve özel bir altbilgiye sahiptir. Ürün sayfası bir kutu gölgesi içerir.

Web Sitesine Bakın

13. Tart ve Berry

Tarte ve Berry, ürünleri Ken Burns efektini ve bir mağaza CTA'sını kullanarak tam ekran kaydırıcıda görüntüler. İnce bir bölüm, satın alma sürecini simgelerle gösterir. Bunu takiben geniş bir ürün listesi ve bir referans bölümü bulunmaktadır. Mağaza sayfası aynı tasarımı izler, ancak kaydırıcı yoktur. Ürün sayfaları siteyle eşleşecek şekilde tasarlanmıştır ve özel bir mesaj eklemek için bir kutu içerir. Açıklama, malzemeleri gösterir. Sayfa ayrıca ilgili ürünleri de gösterir.

Web Sitesine Bakın

14. Nikki Hill Eczacısı

Nikki Hill Apothecary, ürünleri sergilemek için yumuşak ve zarif bir tasarım kullanıyor. Başlık, bir CTA'yı ve ardından şirket hakkında bilgileri gösterir. Çok sütunlu bir bölüm, resimleri kategorilere bağlantı olarak gösterir. Kategori sayfaları temizdir ve siteye uygun stil içerir. Ürün sayfaları, açıklama alanının sekmelerini içeren özel bir stile sahiptir. Ürünün altında şık bir kutu içinde önerilen bir ürün var. Bu sitedeki fotoğrafçılık onu farklı kılıyor.

Web Sitesine Bakın

15. Sivri Uçlar ve Serçe

Spikes and Sparrow, ürünleri sergilemek için tam genişlikte bir kaydırıcı gösterir. Kaydırıcı, sol tarafta gezinme stiline sahiptir. Sonraki bölüm, stillendirilmiş metin kaplamalarına sahip görüntüleri kullanarak çok sütunlu bir düzende kategorileri gösterir. Mağaza sayfaları, ürünleri stilize edilmiş bir WooCommerce kenar çubuğuyla gösterir. Ürün sayfaları markalı renkleri ile şık bir görünüme sahiptir. Çok fazla bilgi göstermiyorlar, ancak ürünü diğer renklerde içeriyorlar.

Web Sitesine Bakın

16. Tekme Bisiklet

Kickbike, bir mağaza CTA'sı ile tam genişlikte bir kaydırıcıyı gösterir. Ana sayfa, şirket, mağaza bölümleri ve ürünler hakkında birçok bilgi hakkında çeşitli makaleler ve bağlantılar sağlar. Kategori sayfaları tam ekran bir resim ve ardından bir bilgi bölümü, tam genişlikte mağaza bölümü ve ardından bir SSS içerir. Ürün sayfaları basittir ancak çok sayıda büyük fotoğraf ve ilgili ürün kullanır.

Web Sitesine Bakın

17. Tuzsuz Butik

Tuzsuz Butik, hedef kitleyi çekmek için menü, bölümler, metin blokları vb. arkasında yumuşak renkler kullanır. Bir CTA, bir kaydırıcı içinde görüntülenir ve metin için renkli bir kutuya sahip bir görüntü kullanır. Kategorileri tanımlamak için site genelinde renkli kutular kullanılmaktadır. Ana sayfa, bu mağaza bölümlerinden birkaçını içerir. Kategori bağlantıları, bir açılır kutudan belirli ürünü seçebileceğiniz ürün sayfasını açar. Ürün sayfası ayrıca ilgili ürünleri de gösterir.

Web Sitesine Bakın

18. Maison Çiçekleri

Maison Flowers, tam ekran kahraman bölümünde bir ürün resmini paralaks arka planı olarak gösterir. Kaydırma, bindirmede çiçek simgesi bulunan stil sahibi bir mağaza modülünü ve fareyle üzerine gelme animasyonlu kategoriler için resimlerin bulunduğu bir bölümü gösterir. Kategori sayfaları ana sayfayla eşleşiyor ancak stil sahibi bir kaplamaya sahip küçük bir resme sahip. Ürün sayfaları aynı başlığı ve büyük bir ürün başlığını kullanır ve hediyeyi kişiselleştirmek için kişisel bir mesaj kutusu içerir. Sayfada ayrıca nakliye ve satın alma bilgilerini gösteren bir bölüm ve benzer ürünleri içeren iki bölüm daha vardır.

Web Sitesine Bakın

19. Basami Dükkanı

Basami Shop, tam ekran kaydırıcıda bir mağaza CTA'sını gösterir. Diğer ürünlerin bir bölümü ve sık kullanılanların bir bölümü kutu gölgelerini içerir. Kategori sayfaları, kenar çubuğundaki kategorileri, kategorinin açıklamasını ve ardından ürünleri gösterir. Ürün sayfaları, ürünün büyük bir resmini, ürün galerisini ve ardından açıklama alanını gösterir. Bu alan siteyle eşleşecek şekilde tasarlanmıştır ve ilgili ürünleri içerir.

Web Sitesine Bakın

Biten Düşünceler

Bu, hayal gücünüzü harekete geçirmenize yardımcı olmak için Divi ile oluşturulmuş 20 e-ticaret web sitesi örneğine bakışımız. Bu siteler Divi ile neler yapılabileceğinin harika örnekleridir. Birçoğunun, ürünlere odaklanmak için tasarlanmış mağaza modülleri içeren zarif açılış sayfaları vardır. Mağaza sayfalarının, kategori sayfalarının ve ürün sayfalarının birkaç mükemmel örneği vardır. Ürün fotoğrafçılığının basit bir tasarımı nasıl öne çıkardığını görmek kolaydır. Bir sonraki Divi projeniz için her türlü e-ticaret web sitesini tasarlamanıza yardımcı olacak bir şeyler mutlaka vardır.

Senden duymak istiyoruz. Bu Divi e-Ticaret web sitelerinden hangileri favorileriniz? Yorumlarda onlar hakkında ne düşündüğünüzü bize bildirin.

TeraVector / Shutterstock.com aracılığıyla Öne Çıkan Görsel