Divi ile Oluşturulan Ürün Web Sitelerine 12 Örnek

Birçok şirket, ürünleri etrafında web siteleri oluşturur. Özellikler, referanslar, nereden satın alınacağı ve daha fazlasını içeren ürün veya ürün yelpazesi hakkında bilgi sağlarlar. Ürün web siteleri popülerdir çünkü şirketler her zaman onlara ihtiyaç duyar. Birkaç ürün web sitesi Divi ile oluşturulmuştur ve web tasarımı ilhamı için mükemmeldir. Bu yazıda Divi ile oluşturulmuş 12 ürün web sitesi örneğine göz atacağız.

Peki “ürün web sitesi” ile ne demek istiyorum? Sonuçta, çevrimiçi mağazalar ürün satıyor, yani üzerinde ürün bulunan herhangi bir web sitesi bir ürün web sitesi değil mi? Bundan daha spesifik oluyorum. Bunlar ürünleri içeren siteler yerine ürünlerle ilgili sitelerdir. Bazılarının mağazaları var, ancak mağazayı alıp götürebilirsiniz ve site, ürünle ilgili bir web sitesi olarak hala kendi başına duruyor. Başka bir deyişle, web sitesinin amacı, ürünü kim satarsa ​​satsın ürünün tanıtımını yapmaktır.

Ürün açıklamaları, görseller, videolar, düzenler, konum bulucular ve daha fazlası için ilhama ihtiyacınız olsun, bu 12 ürün web sitesinde bir sonraki Divi tasarımınız için size ilham verecek bir şey olduğundan emin olabilirsiniz. Web siteleri belirli bir düzende değildir.

1. Paleo Grubs Kitabı

Paleo Grubs Book, bir kaplamada bir açıklama ve ClickBank rozeti ile ürünün bir resmini görüntüler. Sonraki bölümde bir video ve Facebook Beğen düğmesinin olduğu bir bölüm gösteriliyor. Bir bölüm, kitabın içinden örnek bir sayfa ve ardından bir bonus CTA, referanslar, ürün garantisi, satın alma CTA'sı, SSS ve iletişim bilgilerini gösterir. Bu, navigasyonu olmayan tek bir sayfadır. Düzen, net bir ürün açıklaması ve CTA ile temiz.

2. Önemli Olan Siz

Önemli olan, logonun, sloganın, CTA'ların ve nokta navigasyonunun arkasına tam ekran bir video eklemenizdir. Kaydırma, ana menüyü, ürün resmini ve açıklamasını, tam ekran bir paralaks resmi üzerinde, Instagram beslemelerini içeren bir bölümü, çeşitli bilgi bölümlerini ve bir iletişim formunu gösterir. Ayrıca bir ödül bölümü ve büyük bir blog bölümü içerir. Bölümler arasında paralaks içinde birkaç ifade var. Stokçular sayfaları, kenar çubuğunda CTA'ları olan haritaları görüntüler.

3. Enkei

Enkei, CTA ile tam ekran bir görüntü kaydırıcısı görüntüler. Bunu takip eden dört sütunlu bir ürün kategorisi bölümü, gömülü videolar içeren son blog gönderileri ve CTA. Mağaza ve ürün sayfaları beyaz arka planda temiz görseller kullanır. Şu anda bayi bulma isteği, iletişim bilgileri için Facebook'u kullanıyor. Sitede gezinmek kolaydır ve resimlerden ve renklerden harika bir şekilde yararlanır.

4. EFL Kepenkler

EFL Shutters, çok sütunlu bir düzen görüntüleyen tek sayfalık kutulu bir tasarım kullanır. Düzen, bir başlık, bilgi içeren metin, resim, tam genişlikte metin ve resimli dört sütun içerir. Kaydırma, bilgi, iletişim, ürün grupları ve stiller hakkında birden çok bölüm, bir fotoğraf galerisi ve hizmet verilen alanların listesi için birden çok sütun tasarımını görüntüler. Markalı renklere sahip bölümler, ana sayfanın çeşitli bölümleri için başlık olarak kullanılır. Site, renk ve görsellerden büyük ölçüde yararlanmaktadır.

5. Slayt keyfi

Slidenjoy, slogan ve paralaks içinde birden fazla CTA ile tam ekran bir görüntü görüntüler. Kaydırırken bir sohbet, CTA ve ödeme bilgileri ekranda kalır. Sonraki bölüm, incelemelere bağlantılar içeren medya logolarını içerir. Bunu takiben tam ekran bir video, Facebook Beğeni, fiyat tablosu ve bilgi ve resimler, iletişim bilgileri ve abonelik içeren birkaç bölüm var. Ürün açıklama bölümleri, kısa metin ve büyük resimlerle Amazon'daki zarif ve bilgilendirici açıklamaları anımsatan paralaks bölümleriyle ayrılmış çeşitli düzenler kullanır. Site, yerleşim tasarımından mükemmel bir şekilde yararlanmaktadır.

6. Nuh ve Son Günler

Noah and the Last Days, videonun üzerindeki sosyal düğmeyle görüntüye karışan gömülü video içeren tam ekran bir görüntü görüntüler. Kaydırma, üç sütunlu bir CTA, tam genişlikli alıntı, başka bir üç sütunlu CTA ve dört sütunlu bir referans bölümü görüntüler. Başlıklar ve CTA'lar için yazı tipleri, arka plan görüntüsündeki renklerle eşleşir. Site, görüntüleri ve CTA'ları mükemmel şekilde kullanıyor.

7. Vanderhall ABD

Vanderhall USA, tam ekran bir görüntü kaydırıcısı görüntüler. Slaytlardan bazıları seçeneklerle ilgili bilgileri görüntüler ve bir tanesi bir CTA görüntüler. Sonraki, kendi özel tasarımınızı oluşturmak için ürün kategorileri ve bağlantılar içeren dört sütunlu bir bölümdür. Bunun altında, menü ve bağlantılar içeren tam genişlikte bir görüntü ve altbilgi bulunur. Ürün sayfaları, özellikleri yalnızca fark edilebilir bir arka plan üzerinde dört sütun halinde görüntüler. WooCommerce, seçenekleri seçmek için kullanılır. Site, resimlerden, yazı tiplerinden ve renklerden büyük ölçüde yararlanmaktadır.

8. Bisiklet

Gocycle, tam ekran görüntü kaydırıcısı, referansları, incelemeleri ve ödülleri görüntüleyen tam genişlikte referans kaydırıcısını ve menü ve bağlantıların bulunduğu altbilgiyi içeren basit bir ana sayfa kullanır. Bağlantılar kaydırma sırasında ekranın sağında kalır. Tasarım ve ürün sayfaları, ürüne genel bakış için ilginç bir düzen oluşturmak üzere metin ve resimleri karıştırır. Bayi bulucu bir konum bulucu kullanır. Site, görsellerden, düzenlerden ve markalı renklerden mükemmel bir şekilde yararlanıyor.

9. Vidi Kameralar

Vidi Cameras, bir bindirmede, ürünün bir görüntüsünde ve etiket satırında kısa açıklama ve CTA ile tam genişlikte bir video kullanır. Kaydırma, çeşitli kategorilere yönelik CTA'lı üç resim görüntüler. Bunu takiben, bir tarafta bilgi içeren metin yerleşimi, Instagram beslemeleri ile tam genişlikte dört sütunlu bir ızgara ve sosyal düğmeler ve basit haber bülteni formu ile özel alt bilgi içeren tam genişlikte bir görüntü var. Mağaza, WooCommerce tarafından desteklenmektedir ve açıklamalar içinde çok sayıda resim ve video içermektedir. Site, düzenler ve resimlerden büyük ölçüde yararlanır.

10. Yumurta Arabası

Egg Stroller, slogan ve CTA içeren tam ekran bir kaydırıcı kullanır. Kaydırıcı, slayt değişene kadar yavaşça uzaklaşan arka plan resimlerini görüntüler. Sonraki bölüm tam ekrandır ve CTA'lar ve bir resim içeren metin içeren iki sütun görüntüler. Ürünler, tam genişlikte bir görüntü kaydırıcısında, ardından bir altbilgi ve şirket logolu bir şeritte görüntülenir. Ürünler WooCommerce ile görüntülenir. Mağaza bulucu bir konum özelliği içerir. Site, resimlerden ve düzen tasarımından büyük ölçüde yararlanır.

11. M-Korse

M-Brace, CTA'larla birlikte tam ekran bir görüntü kaydırıcısı, en son etkinliğe bir bağlantı ve menülü özel bir altbilgi kullanır. Menü, görüntü kaydırıcısıyla örtüşen stili görüntüler. Ürün sayfaları, bir tarafında resim, diğer tarafında metin bulunan iki sütun görüntüler. Mağaza sayfası WooCommerce tarafından desteklenmektedir. Olaylar geçişlerle gösterilir. Site çok dillidir ve markalı renklerden büyük ölçüde yararlanır.

12. Madrid'e giden güzellik

Beauty to go Madrid, navigasyon olmadan tek sayfalık bir tasarım kullanır. Logo ve slogan ile tam ekran bir görüntü görüntüler. Kaydırma, şirket bilgilerini, gömülü videoları, vurgulu animasyonlu tanıtım yazılarını, harici bir makaleye bağlantı ve tam genişlikte bir görüntü kaydırıcısını gösterir. Bunu takiben, ürün bilgileri, gömülü bir video galerisi, çok sayıda ürün resmi ve iletişim formu içeren iki sütunlu bir bölüm bulunur. Site temiz bir düzen kullanır ve ürün görsellerinden iyi bir şekilde yararlanır.

Son düşünceler

Divi ile oluşturulmuş bu 12 ürün web sitesi örneği, Divi'nin tek bir ürün için basit bir broşür veya birden fazla ürün, mağaza, mağaza bulucu vb. içeren bir site olsun, her türlü ürün web sitesini oluşturmak için kullanılabileceğini göstermektedir. burada fikirlerin kıvılcımlanmasına yardımcı olabilecek bir şey var.

Bu siteler, ürün düzenleri, resimler, renkler, video, simgeler, efektler, gezinme ve daha fazlası için fikirler sağlamak için harikadır. Bu web siteleri, bir sonraki ürün web sitesi tasarımınız için size ilham vereceğinden emin.

Bu Divi ürün sitelerinin en sevdiğiniz öğeleri nelerdir? Aşağıdaki yorumlarda bize bildirin!

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