E-ticaret Kişiselleştirme Blogu

Yayınlanan: 2022-04-19

Harika ürün sayfası tasarımı harika müşteri deneyimleri yaratır. Ancak, ürün sayfalarının karşılaştığı iki önemli zorluk vardır.


İlk olarak, ürün sayfalarıyla etkileşim kuran birçok alıcı türü vardır - araştıranlardan şimdi satın almaya hazır olanlara kadar. İkincisi, ürünler çeşitlidir. Her birinin kendi özellikleri vardır, bu da herhangi bir ürün sayfası tasarımının her bir ürüne tam olarak uymasını pek olası kılmaz.


Bu gönderi, harika müşteri deneyimleri oluşturmak için ürün tasarımı en iyi uygulamalarını araştırıyor. Tasarımın müşterilere üç önemli alanda seçenek sunmak için nasıl kullanılacağına bakıyoruz: ürün sayfası resimleri, "satın alma alanı" ve çapraz satış.

hızlı navigasyon
Ürün Sayfası Tasarımında En İyi Uygulamalar: Ekranın Üstündeki Hedef
e-Ticaret Ürün Sayfası Görsel Tasarımı En İyi Uygulamaları
Ürün Resmi Tasarımı 1: İşaretçi ile yakınlaştırma
Ürün Resmi Tasarımı 4: Seçilen renge göre resimleri dinamik olarak değiştirin
Ürün Görseli Tasarımı 3: Sosyal Medya Görsellerini Birleştirme
Ürün Görüntü Tasarımı 4: Ölçekli görüntüler sağlama
Ürün Resmi Tasarımı 5: Resim galerisinde ek resimlerin belirgin hale getirilmesi
Ürün Sayfası En İyi Uygulamaları Satın Alma Alanı: Birden çok müşteri grubu nasıl doğru şekilde ele alınır?
Alan Tasarımını Satın Alın En İyi Uygulama 1: Ücretsiz kargo sağlayın
Alan Tasarımı En İyi Uygulaması 2'yi Satın Alın: Daha fazla bilgi edinmek için hızlı bağlantılar
Alan Tasarımı Satın Al En İyi Uygulama 3: Öğeyi kaydetmek için harekete geçirici mesaj düğmeleri
Alan Tasarımı En İyi Uygulama 4'ü Satın Alın: Bir görünümün parçası
Alan Tasarımı En İyi Uygulama 5'i Satın Alın: Kolay özellik seçimi
Ürün Sayfası Çapraz Satış En İyi Uygulamaları: Kâr nasıl artırılır
Çapraz Satış Tasarımı En İyi Uygulama 1: Görünüm oluşturma
Çapraz Satış Tasarımı En İyi Uygulaması 2: Görünümlerde dinamik olarak değişen ürün resimleri
Çapraz Satış Tasarımı En İyi Uygulama 3: Kişiselleştirilmiş ürün önerileri
Çapraz Satış Tasarımı En İyi Uygulaması 4: Son görüntülenen öğelere kolay gezinme
Sonraki adımlar

Ürün Sayfası Tasarımında En İyi Uygulamalar: Ekranın Üstündeki Hedef

Ürün sayfası tasarımı birkaç nedenden dolayı zordur. İlk olarak, sayfa yüksek bahisli. Her müşteri ürün sayfanızdan geçer. İkincisi, ürün sayfanızı gören herkes alıcı yolculuğunun aynı aşamasında değildir.

Bazıları doğru uyumu arayan ürün sayfalarını ziyaret eder. Diğerleri araştırıyor. Ve yine de diğerleri, tam olarak baktıkları ürünü satın alma niyetiyle geliyorlar.


Üçüncüsü, e-ticaret mağazaları tipik olarak birçok türde ürün taşır. Ancak, çeşitli özelliklere sahip ürünler taşımasına rağmen, birçok e-ticaret mağazası tek bir ürün sayfası şablonu kullanır.


Başka bir deyişle, e-ticaret mağazaları kendilerini tek bir tasarımla birçok ürün ve müşteri türü için optimize etmeye çalışırken buluyor.


Bu farklı ihtiyaçlar, bir ürün sayfasına çılgın talepler getirir ve çoğu, bunu iyi yapmakta başarısız olur. Yardımcı olmak için Target'in ürün sayfasına nasıl davrandığını açıkladık.

e-Ticaret Ürün Sayfası Görsel Tasarımı En İyi Uygulamaları

Görseller, bir ürün sayfası tasarımındaki en önemli unsurlardan biri olmaya devam ediyor. Ürün sayfası resimleri için bazı en iyi uygulamalar şunlardır:

  • Yakınlaştırmayı etkinleştirin - Müşterilerin ürünlerinizin yakın ayrıntılarını kolayca görmelerini sağlayın
  • Göreceli boyutlu resimler - Öğeyi ortak bir nesneyle veya bir modelle giyerek göreli bir boyut hissi verin.
  • Görüntü çeşitliliği - Ürünün tam bir görünümünü sağlamak için farklı açılardan resimler ekleyin.
  • Sosyal kanıtı dahil edin - Resimler genellikle sayfada görülecek ilk öğe olduğundan, bazı resimlerinize sosyal kanıtı dahil etmeyi hedeflemelisiniz.
  • Karuselleri temizle - Karuselleri gözden kaçırmak kolaydır. Harika ürün sayfası tasarımları, keşfedilecek daha fazla görsel olduğunu açıkça ortaya koyuyor.
  • Ayrıntılı ürün varyasyonları - müşterinin renkler, boyutlar veya eklentiler gibi farklı ürün versiyonlarını anlamasını destekler.

Aşağıda, Target'in ürün sayfası resimlerini nasıl optimize ettiğini ele alıyoruz.

Ürün Resmi Tasarımı En İyi Uygulama 1: İşaretçiyle yakınlaştırma

Ayrıntılar önemlidir. Müşterilerin ürünlerini görmelerine ve anlamalarına yardımcı olmak için Target, tüm ürün görsellerinde sezgisel, kullanımı kolay bir yakınlaştırma özelliği sağlar.

Fareyle resmin üzerine gelin ve yeniden boyutlandırılacak ve resmin istediğiniz herhangi bir bölümünü incelemenize olanak tanıyacak.

Ürün Görseli Tasarımı 2: Seçilen renge göre görselleri dinamik olarak değiştirin

Birçok ürünün varyasyonları vardır.

Öne çıkan görselleri, seçilen ürün özelliklerine uyacak şekilde değiştirmelisiniz.


Bu durumda ürün kısa kollu bir t-shirt elbisedir. Elbisenin 9 farklı rengi mevcuttur.

Hedef, seçilen rengi eşleştirmek için öne çıkan görüntüleri dinamik olarak değiştirerek mükemmel bir iş çıkarır.


Müşteriler artık tam olarak ilgilendikleri rengi inceleyebilirler.

Ürün Görseli Tasarımı 3: Sosyal Medya Görsellerini Birleştirme

Target'in kullanıcı tarafından oluşturulan içeriği ürün sayfası tasarımlarına nasıl dahil ettiğini seviyorum.

Bu durumda, üç model resim çekiminden sonra, normal müşterilerin elbiseli resimlerini sergilemeye başlarlar.


Target bu gönderileri nasıl düzenler? Bunun bir yolu Instagram kanalları aracılığıyla. Müşterilere markayla etkileşim kurmanın kolay bir yolunu sunmak için bir #targetstyle hashtag'i oluşturdular.

Ardından, bir ürün sayfası görseli için kriterlerine uyan yüklenen görselleri hızlıca arayabilirler. Ardından, resmi sitelerinde kullanmak için izin isteyen profile basit bir yorum gönderirler.

Yine, ekipleri için basit hale getirmek için bir hashtag kullanırlar. Aşağıda örnek bir değiş tokuş var.

Ve ekip, yalnızca kullanıcı tarafından oluşturulan bir gönderide durmuyor.


Kullanıcı tarafından oluşturulan birden çok görsel, müşterilerin ürünü satın alma konusunda kendilerini güvende hissetmelerini sağlar.

Ürün Görüntü Tasarımı 4: Ölçekli görüntüler sağlama

Target'ın özellik görüntüleri, ziyaretçilerin elbisenin nasıl oturduğunu görmelerini sağlamak için bir model içeriyor. Elbisenin ne kadar dar olduğu, elbisenin boyunun ve kolunun ne kadar kısa olduğu, yakanın ne kadar kısa olduğu gibi şeyleri kelimelerle anlatmak zor.


Daha da iyisi, ziyaretçiler, kullanıcı tarafından oluşturulan görüntüler aracılığıyla elbisenin model olmayanlara nasıl uyduğunu görebilir.

Ürün Resmi Tasarımı 5: Resim galerisinde ek resimlerin belirgin hale getirilmesi

Hedef, görüntü karuselini aşırı yüklemez. Bunun yerine, karanlık bir yer paylaşımı yerleştirerek ve site ziyaretçilerinin kaç tane resim olduğunu bilmelerini sağlayan mesajlaşma yoluyla daha fazla resmin mevcut olduğunu açıkça ortaya koyuyorlar.


Bu, tüm ürün sayfasındaki tek karanlık kaplamadır.

Ürün Sayfası En İyi Uygulamaları Satın Alma Alanı: Birden çok müşteri grubu nasıl doğru şekilde ele alınır?

"Satın alma alanı", müşterilerin ürünü gerçekten satın alabilecekleri pencere öğelerini tanımlar.

Geleneksel olarak, masaüstü bilgisayarlarda bu, sağ taraftaki ekranın üst kısmındadır. Ürün sayfası satın alma alanları için en iyi uygulamalar şunları içerir:

  • Müşteri incelemeleri sağlayın - İncelemeler, güçlü bir sosyal kanıt biçimidir. Yorumlar kolay anlaşılır bir şekilde özetlenmelidir. Müşteriler incelemeleri ayrıntılı olarak inceleyebilmelidir.
  • Daha fazla bilgi edinmek için kısa bağlantılar oluşturun - Müşterilere, incelemeler veya sık sorulan belirli sorular aracılığıyla daha fazlasını öğrenmenin kolay bir yolunu sunun.
  • Ürün özelliklerini kolayca seçin - Satın almak istedikleri ürün türünü seçmeyi kolaylaştırın.
  • Gönderim bilgilerini sağlayın - Alışveriş sepetinin terk edilmesinin başlıca nedeni gönderim maliyetleridir. Gönderim maliyetlerini en başta göstermek ve daha iyisi ücretsiz gönderim elde etmenin açık yollarını sunmak, alışveriş sepetini terk etme nedenini ortadan kaldırır.
  • Birden fazla gönderim yöntemi sunun - Ertesi gün teslimatın yanı sıra konum gibi hız seçenekleri ( tıkla ve topla stratejileri gibi).

Target, aynı anda birden fazla alıcı türüne hitap eden mükemmel bir iş çıkarıyor.

Alan Tasarımını Satın Alın En İyi Uygulama 1: Ücretsiz kargo sağlayın

Beklenmeyen nakliye maliyetleri, alışveriş sepetinin terk edilmesinin başlıca nedenidir .


Target, ücretsiz gönderim avantajını değer fiyatlandırma stratejilerine dahil eder. Müşterilerin ücretsiz kargoya değer verdiğini biliyorlar ve bu nedenle, müşterilerin e-ticaret ortalama sipariş değerini artırmalarını sağlamak için bunu bir teşvik olarak kullanıyorlar.

Alan Tasarımı En İyi Uygulaması 2'yi Satın Alın: Daha fazla bilgi edinmek için hızlı bağlantılar

Tüm ürün sayfası ziyaretçileri satın almaya hazır değildir.


Hedef, sayfanın diğer bölümlerine atlamak için hızlı bağlantılar sağlayarak harika bir iş çıkarır. En üstte iki seçenek sunuyorlar.


Birincisi, incelemeleri ayrıntılı olarak görmek.


İkincisi bir Soru-Cevap bölümüne atlar. Kullandıkları ilginç bir taktik, SSS sorularını popülerliğe göre düzenlemektir. En sık sorulanlar en üste çıkar.

Hedefin, müşterilerin öğelere yanıt vermesine ve geri bildirim sağlamasına izin vermesini özellikle seviyorum. SSS'ye kendileri açıklama sağladıklarında dinamik olarak "Hedef Ekip Üyesi" etiketi eklerler.

Alan Tasarımı Satın Al En İyi Uygulama 3: Öğeyi kaydetmek için harekete geçirici mesaj düğmeleri

Yine de diğer müşteriler daha sonra satın almak istiyor. Çevrimiçi satın alma davranışının giderek daha fazla araştırma içerdiğini gördük - özellikle de ortaya çıkan çevrimiçi araştırmalarda, çevrimdışı satın alma davranışı .


Burada Target, müşterilere ürünü kişisel bir listeye kaydetmenin veya hediye olarak kaydetmenin kolay bir yolunu sunar.

Alan Tasarımı En İyi Uygulama 4'ü Satın Alın: Bir görünümün parçası

Hedef küratörler ürünlerini arar.


Görünüm kısmen eğitim ve kısmen satıştır. Müşterileri, tüm bir kıyafeti oluşturmak için çeşitli öğeleri nasıl bir araya getirecekleri konusunda eğitiyorlar. Bu süreçte, örtük çapraz satışlar yaratırlar.


Görünümleri burada daha ayrıntılı olarak keşfediyoruz .

Alan Tasarımı En İyi Uygulama 5'i Satın Alın: Kolay özellik seçimi

Son olarak, Target, çeşitli seçenekleri sezgisel ve kolay bir şekilde ortaya çıkaran harika bir iş çıkarıyor.

Anahtar, ürün özelliklerini açılır menülerde gizlemek yerine görsel olarak ortaya çıkarmaktır. Ziyaretçiler, çeşitli renk seçeneklerini kolayca görebilir ve tercih ettikleri renk ve boyutu hızlı bir şekilde seçebilirler.

Ürün Sayfası Çapraz Satış En İyi Uygulamaları: Kâr nasıl artırılır

Son olarak, ürün sayfası çapraz satış en iyi uygulamalarını keşfetmek istiyorum.


Kişiselleştirme teknolojisi , güçlü ve alakalı önerilerde bulunmak için sayısız yol açmıştır. Kârı artırmak için uygulayabileceğiniz en iyi ürün sayfası tasarımı uygulamalarının kısa bir listesi.

  • Kişiselleştirilmiş ürün önerileri kullanın   - En etkili çapraz satış tekniği, kişiselleştirilmiş ürün önerileri olmaya devam ediyor.
  • Davranışa dayalı müşteri segmentleri oluşturun ve bunlardan yararlanın - Öneriler ve teklifler, önceki satın almalar ve görüntülenen oturum içi ürünler gibi müşteri davranışlarına dayanmalıdır.
  • Birden fazla ürün önerisi widget'ı türü - Kendinizi tek bir ürünle sınırlamayın   öneri widget türleri . Birden çok widget kullanın.

Çapraz Satış Tasarımı En İyi Uygulama 1: Görünüm oluşturma

Belirtildiği gibi, görünüm müşterileri eğitmekten daha fazlasını yapar. Ücretsiz ürünler sunmanın doğal bir yolunu sağlarlar. Burada Target, ürün için çeşitli görünümler sunar.


Görünümlerden birine tıkladığınızda, basit bir öğe widget'ı açılır. Ücretsiz ürünlerden herhangi birine kolayca gidebilir, bunları kaydedebilir veya daha fazla ayrıntı görüntüleyebilirsiniz.

Çapraz Satış Tasarımı En İyi Uygulaması 2: Görünümlerde dinamik olarak değişen ürün resimleri

Çeşitli ürün özellikleri sunduğunuzda, yaptığınız çapraz satışları kişiselleştirmeniz önemlidir.


Dinamik olarak kişiselleştirilmiş görünümler, dinamik içeriğin harika bir kullanımıdır.


Burada Hedef, seçilen ürün özellikleriyle eşleşmesi için görünüm pencere öğesini dinamik olarak günceller. Hem görüntülerin kendisi hem de eşleşen aksesuarlar gerçek zamanlı olarak değiştirilir.

Çapraz Satış Tasarımı En İyi Uygulama 3: Kişiselleştirilmiş ürün önerileri

Target'ın ürün tavsiyesi widget'ı esnektir. Müşterilerin önerilen ürünleri filtrelemesine olanak tanıyan basit bir gezinme çubuğu sunar. Bu durumda incelediğimiz ürün hem bisiklet yaka hem de mini boy için uygundur.


Hedef bize ikisinden birine göre filtreleme seçeneği sunar.

Mini uzunluk tipine geçiş, önerilen ürünleri dinamik olarak günceller.

Benzer şekilde, "daha fazlasını göster"i seçmek, önerilen öğelerin sayısını artıracaktır. Bu işlevsellik, sepetlerine eklemek veya göz atmak isteyen müşteriler için mükemmeldir. Geldikleri kategoriye geri dönmek zorunda kalmak yerine, sayfada hangi öğeleri istediklerini görebilirler.

Çapraz Satış Tasarımı En İyi Uygulaması 4: Son görüntülenen öğelere kolay gezinme

Son olarak, Target, alışveriş yapanların önceki ürünleri bulmasını kolaylaştırır. İkinci ürün önerisi widget'ları, yakın zamanda görüntülenen öğelerdir.


Alışveriş yapanlar ürün kataloğunu incelerken, bu, ilgilendiklerini ifade ettikleri ürünlerin devam eden bir oturum içi geçmişidir.

Sonraki adımlar

Ürün sayfası tasarımı, ziyaretçileri müşteriye dönüştürmek için çok önemlidir.


Birden fazla müşteri türünün gereksinimlerini karşılamak ve doğru teklifleri uygun şekilde sunmak için, bir kişiselleştirme satıcısı ile ortaklık kurmayı düşünmelisiniz .

Barilliance, yüzlerce e-ticaret mağazasının ürün sayfalarını kişiselleştirilmiş içerikle destekler.   Barilliance'ın mağazanız için iyi bir seçim olup olmadığını görmek için buraya tıklayın.