Başarı İçin E-Ticaret Ürün Sayfaları Nasıl Tasarlanır?

Yayınlanan: 2020-11-11
a team looking at ecommerce product pages on a computer
İyi ürün sayfaları, kullanıcı deneyimini iyileştirebilir ve dönüşüm oranınızı artırabilir
"En iyi pazarlama, pazarlama gibi hissettirmez."
Tom Fishburne

Ürün sayfalarınız mantar mı yoksa kanal mı? Teflon kaplı metinlerle mi yoksa yapışkan, uyarıcı içerikle mi dolular? Resimleriniz sıkıcı mı yoksa zorlayıcı mı?

İşte yadsınamaz bir gerçek: E-ticarette başarılı olmak istiyorsanız harika ürün sayfaları oluşturmanız gerekir. Tüm çevrimiçi perakende shebang'ın tartışmasız en önemli parçası onlar.

İyi ürün sayfaları, dönüşüm oranınızı artırır. Kötü ürün sayfaları, satış huninizi tıkar. Bu kadar basit.

Ticaret deneyimi platformu Salsify tarafından yakın zamanda yapılan bir ankete göre, insanların yaklaşık %70'i kötü yazılmış, aşırı basitleştirilmiş ürün sayfalarından hemen çıkıyor.

Ayrıca çoğu tüketici, her ürün sayfasında en az altı resim ve iki video görmeyi beklemektedir.

Elbette, riskler yüksek, ancak bunun sizi ertelemesine izin vermeyin. Bu yazıda, bir ürün sayfasının temel bölümlerinden bahsedeceğiz. Ardından, size kendi mükemmel ürün sayfanızı nasıl oluşturacağınızı öğreteceğiz. En iyi kısım? Kendinden zevk alacaksın.

Başlayalım.

"Yapılması gereken her işte bir eğlence unsuru vardır. Eğlenceyi bulursunuz - ve hemen! - iş bir oyundur."
Mary Poppins

İçindekiler

  • Bunlar Bir Ürün Sayfasının Temel Parçalarıdır
  • Ürün Sayfaları Büyüme İçin Önemlidir
  • Mükemmel Bir Ürün Sayfasını Ne Yapar?
  • İlham Alacak 4 e-Ticaret Ürün Sayfası
  • e-Ticaret Ürün Sayfaları Çıkarımları
Çevrimiçi bir mağaza mı kurmak istiyorsunuz?
E-Ticaret Geliştiricileri Bulun!

Bunlar Bir Ürün Sayfasının Temel Parçalarıdır

İyi yapılandırılmış ürün sayfaları pandispanya gibidir: Güzel görünürler; iyi giderler ve sizi daha fazlasını isterken bırakırlar. Ayrıca dört ana bileşeni vardır:

  1. Ürün adı (tereyağı): Takma adından da anlaşılacağı gibi pürüzsüz, harika ürün adları basit, akılda kalıcı ve sindirimi kolaydır.
  2. Ürün görseli (şeker): Tatlandırıcı gibi, çekici görseller de lezzet katar ve ürününüzü daha çekici hale getirir.
  3. Ürün açıklaması (un): Düşünceli bir şekilde yazılmış içerik kraldır - ve bir pastadaki un gibi, sayfanızın toplu bileşenidir.
  4. Kullanıcı deneyimi (yumurta): Yumurtalar, bir pastanın kabarmasına neden olan mayalı bileşenlerden biridir. Özenle hazırlanmış bir kullanıcı deneyimi, sayfanıza benzer bir artış sağlar.

"Hey - vanilya özü ve kabartma tozu ne olacak? Peki ya çok önemli bir tutam tuz?" Bunlar, sayfanızı bir araya getirmek için kullanacağınız yaratıcı becerilerdir. Bunlara daha sonra döneceğiz.

Bulk Nutrient ecommerce product page screenshot
[Kaynak: Toplu Besinler]

Ürün Sayfaları Büyüme İçin Önemlidir

Tüketiciler, e-Ticaret mağazalarındaki ürünlerle fiziksel olarak etkileşime giremezler - ve iyi tasarlanmış ürün sayfalarının devreye girdiği yer burasıdır. Bluetooth hoparlörlerden su şişelerine kadar her türlü şey, müşteriye kendilerini gerçek hissettiklerinde daha fazla sayıda satar.

Buna biraz daha dalalım:

1. Harika Ürün Sayfaları Web Sitenizi Optimize Etmenize Yardımcı Olur

Mükemmel ürün sayfaları SEO'nun önemli bir parçasıdır. Sayfanızı optimize etmezseniz, insanlar ürününüzü bulamaz. Ürün sayfalarınızı optimize ederseniz, toplu olarak sitenizin tamamını optimize etmeye yardımcı olurlar.

Bir çok tersine mühendislik SEO'ya girer.

İyi bir Google sıralaması elde etmek için, tüketicilerin sattığınız ürünlere benzer ürünleri aradıklarında hangi terimleri aradıklarını bulmanız gerekir. Ardından, bu anahtar kelimeleri sayfanızın içeriğine dahil etmeniz gerekir.

Google Analytics gibi iş zekası araçları ve araçları, alakalı anahtar kelimeleri bulmanıza yardımcı olurken, INK gibi platformlar SEO merkezli yazmayı kolaylaştırır.

2. Harika Ürün Sayfaları Dönüşümleri Artırır

Daha önce bahsettiğimiz satış hunisini hatırlıyor musunuz? Ürün sayfalarınız, ziyaretçileri müşteriye dönüştürdükleri veya sitenizden tamamen uzaklaştırdıkları bu huninin alt kısmında yer alır.

Belki de şaşırtıcı olmayan bir şekilde, iyi tasarlanmış ürün sayfaları oyunun bu aşamasında lehinize çalışır.

Sitenizdeki ürün sayfalarına ulaşan tüketiciler zaten ürününüzle ilgileniyor ve önerilere açık. Tek yapmanız gereken onları nazikçe dürtmek.

Bir satış elde etmek için, ziyaretçileri öğenizin ilişkilendirilebilir bir değer sağladığına ikna etmeniz yeterlidir.

Mükemmel Bir Ürün Sayfasını Ne Yapar?

Etkili bir ürün sayfası oluşturmak için bir iletişim derecesine ihtiyacınız yoktur. Tek yapmanız gereken bir dizi en iyi uygulamayı izlemek. Yeni bir ürün sayfası yayınladığınızda eklemeniz gereken beş temel şey şunlardır:

1. Büyük, Güzel Görüntüler

Daha önce de belirttiğimiz gibi, tüketiciler etkileyici ürün görsellerini ve bunların çoğunu görmeyi bekler.

Bu makalenin başında yararlandığımız Salsify anketi, tüketicileri yaş gruplarına ayırarak genel bir fikir birliğinin ötesine geçti.

18 ila 24 yaş arasındaki tüketiciler, ürün başına sekiz resim ve dört video görmek istedi. 35-44 yaş aralığındaki tüketiciler görüntü kotasını kabul etti ancak dört yerine beş video bekliyorlardı.

Bu arada, bu caddeyi keşfetmekle ilgileniyorsanız, burada en iyi video prodüksiyon şirketlerinin bir listesi var.

Konuya geri dönelim:

Hubspot tarafından yapılan daha fazla araştırma , yüksek kaliteli görsellerle dolu ürün sayfalarının %94 daha fazla görüntülendiğini gösteriyor.

Açıkça görsel mağazacılık hayatidir - sanal bir ortamda bile. Gelir artırıcı ürün resimleri oluşturmanıza yardımcı olacak birkaç önemli ipucu:

  • Yüksek çözünürlüklü görseller kullanın: Tüketiciler ürünleri fiziksel olarak idare edemediğinde, yüksek çözünürlüklü görseller onları gerçek hissettirir. Bir mağazada incelemek istediğiniz her bir ürünün özelliklerini düşünün ve buna göre yakın planlar sağlayın.
  • Büyük resimler kullanın: Asla piksel boyutlarını gözden kaçırmayın. İnsanlar ürününüze bakmak için yakınlaştırabilmek isterler, bu nedenle 1024x1024 pikselden küçük fotoğrafları kullanmaktan kaçının.
  • Resimlerinizi web için optimize edin: Piksel boyutları ve dosya boyutları aynı şeyler değildir. En iyi sonuçları elde etmek için PhotoShop gibi iyi bir fotoğraf düzenleme yazılımı kullanın ve sayfa yükleme süresini kısaltmak için resimlerinizi optimize edilmiş JPG'ler olarak kaydedin.
  • Müşteri görüntülerinden yararlanın: İnsanları ürününüzü kullanarak kendi görüntülerini yayınlamaya teşvik ederek satışları artırmak için mevcut hayran kitlenizi kullanın. Sosyal kanıt, marka güvenilirliği oluşturmaya yardımcı olur.

İçeriden Tavsiye 1: Bazen PNG'ler JPG'lerden daha iyidir. PNG dosyaları şeffaf arka planları destekler, bu nedenle logolar, bilgisayar tarafından oluşturulan görüntüler ve dijital arka plan üzerinde görüntülenen ürün resimleri için mükemmeldir. PNG'ler ayrıca daha geniş bir renk aralığını destekler ve JPG'lerden daha iyi bir kontrast oranına sahiptir, bu nedenle oldukça ayrıntılı ürün resimleri için idealdirler.

cutting borad screenshot tuscan olive wood image
[Kaynak: Kesme Tahtası]

2. Benzersiz Ürün Açıklamaları

Ürün açıklamalarını geri dönüştürmek veya değiştirmek için cazip olmayın. Yinelenen içerik, çevrimiçi varlığınızı zayıflatır ve SEO stratejinizi geçersiz kılar. Bunun yerine, her ürün için yepyeni bir açıklama oluşturun.

Yazarken ürünün ne için olduğunu, kimin için olduğunu, nasıl çalıştığını ve başka yerlerde bulunan benzer ürünlerden neden farklı olduğunu düşünün. Ziyaretçileri ürününüzü yerinde satın almaya ikna etmeniz gerekiyor. İşte nasıl:

1. İpucu: Hedef kitleniz için yazın

Ürününüzü kime satmaya çalıştığınızı düşünün. Bu daha önce düşündüğünüz bir şey değilse, bir alıcı kişiliği oluşturun ve ardından metninizi hayali müşterinize hedefleyin.

Tp #2: Eylem kelimeleri kullanın

Eylem sözcükleri harekete geçirmeyi teşvik eder! Okuyuculara ürününüzle neler başarabileceklerini anlatmak için her açıklamaya bir eylem kelimesiyle başlayın. Şöyle:

  • "Bu çok tonlu duvar kağıdıyla oturma odanızı dekore edin."
  • "Aile dostu hazır yemek çeşitlerimizle akşam yemeğini basitleştirin."
  • "Yerden tasarruf sağlayan bu mini mutfak robotu ile sebzeleri saniyeler içinde doğrayın."

3. İpucu: Müşterilerinizin kullandığı dili kullanın

Bir dizi alet mi satıyorsunuz? Pratik bir ton ve anlaşılır bir dil kullanın. Pahalı antikalar mı satıyorsunuz? Uzmanlığınızı göstermek için resmi bir dil ve uygun terimler kullanın.

3. İncelemeler ve Derecelendirmeler Ekleyin

İncelemeler - özellikle de müşteri görselleri içerdiklerinde - markanızı daha güvenilir kılar. Bazaarvoice'in Dönüşüm Endeksi Cilt 8'e göre, incelemelere bakan ziyaretçilerin alışveriş yapma olasılığı %58 daha fazla.

İncelemeler ve puanlar ayrıca ortalama sipariş değerinizi (AOV) %3 artırır ve ziyaret başına gelirinizi %62'ye kadar artırır.

Sosyal kanıtı tekrar gözden geçirelim.

Muhtemelen en son yeni bir şey satın aldığınızda da yorumları okudunuz. Ürün inceleme öncülü basittir: Mevcut müşteriler bir ürün veya hizmetin harika olduğunu düşünüyorsa, muhtemelen benzer şekilde olumlu bir deneyim yaşarsınız.

Müşterilerin %40'ı, iyi müşteri hizmetleri konusunda itibarı olan rakip bir markayla iş yapmaya başlayacak. Özetle, bu sosyal kanıt.

Markanız bir ödül kazanırsa, bunu ürün sayfanızda belirtin. Güven rozetleri (Better Business Bureau akreditasyonu, TRUSTe sertifikası), özellikle markanız piyasada yeniyse, tüketicilere güven verir.

4. Harekete Geçirici Çağrıları Temizle

Site ziyaretçilerine genellikle daha sonra ne yapacaklarının söylenmesi gerekir. Ürün açıklamanızın sonundaki iyi yazılmış bir harekete geçirici mesaj (CTA), bir bilgi istemi görevi görür.

Gelen pazarlama uzmanları, dönüşümleri artırdıkları, AOV'yi artırdıkları ve genellikle bitiş çizgisine giden hunileri artırdıkları için CTA'ları "gizli silah" olarak adlandırır.

Birkaç CTA örneğine mi ihtiyacınız var? Hadi bakalım:

  • "Enerji artırıcı biyo ekimiz hakkında daha fazla bilgi edinmek için buraya tıklayın ve bir sonraki siparişinizde %10 indirim kazanın."
  • "Bugün satın alın ve bir gecede ücretsiz kargoya sahip olun!"
  • "Ücretsiz bir danışma veya kişisel bir ürün tanıtımı düzenlemek için hemen bizimle iletişime geçin."

CTA saldırıları metnin ötesine geçer ve şunları içerebilir:

  • Bir ok düğmesi: CTA'nıza bir ok simgesi eklemek, tıklama oranını (TO) %26 oranında artırabilir.
  • Kırmızı veya turuncu metin : Metninizin rengini sıkıcı siyahtan canlı kırmızı veya turuncuya değiştirmek, dönüşüm oranınızı %32,5'e kadar artırabilir.
  • Tıklanabilir bir düğme: Tüm CTA'nızı dev bir düğmeye dönüştürmek, TO'yu %45 oranında artırabilir.
  • Azaltılmış dağınıklık: CTA'nızı minimalist bir ortamda sergileyin ve %232'ye kadar daha fazla tıklama trafiği elde edin.
  • Kişiselleştirme: Hedeflenen CTA'lar, TO'nuzu %42'ye kadar artırabilir.

İçeriden Tavsiye 2: CTA'lar aynı zamanda sihirli bir pazarlama stratejisi bileşenidir. AdRoll ve Wordstream tarafından yapılan anketlere göre, CTA'lar sosyal medya gönderilerindeki tıklama oranlarını %285, pazarlama e-postalarında TO'yu %371 artırıyor.

5. Ürün Önerileri

Ürün önerileri - kişiselleştirilmiş olsun ya da olmasın - ortalama sepet değerinizi yukarılara taşıyabilir.

Sayfanızı geliştirmek ve markanızın etrafında genel bir vızıltı oluşturmak için ürün açıklamanızın altına birkaç tane koyun. Sekiz ana ürün önerisi türü vardır:

  1. Benzer ürünler: Benzer ürün önerileri, tüketicilerin ideal ürün eşleşmesini bulmasını kolaylaştırır.
  2. Ek satış seçenekleri: Tüketici harcamalarını teşvik etmek için bir ürünün daha yüksek fiyatlı premium sürümlerini gösterin.
  3. Sıklıkla birlikte satın alınan ürünler : AOV'nizi ikiye katlamak için birbiriyle uyumlu ürünleri sıralayın.
  4. Önerilen ürünler: Bir ziyaretçinin göz atma geçmişine dayalı olarak ürün önermek için verileri kullanın.
  5. Daha önce görüntülendi: Satın almaya teşvik etmek için ziyaretçilere daha önce görüntüledikleri ürünleri gösterin.
  6. Ürün paketleri: Müşterilere özel bir indirim sunarak paket satın almalarını kolaylaştırın.
  7. Trend ürünler: Ziyaretçileri ek öğeler seçmeye teşvik etmek için akran baskısını kullanın.
  8. Yeni gelenler: Yeni gelenler karuseliyle sezonluk koleksiyonları ve yepyeni teknoloji ürünlerini sergileyin.
Belli skincare ecommerce product page example
[Kaynak: Belli Cilt Bakımı]

İlham Alacak 4 e-Ticaret Ürün Sayfası

Öykünme, başarı için kesin bir formüldür. Son zamanlarda gördüğümüz en etkili ürün sayfalarından bazılarına bakalım ve neden bu kadar iyi çalıştıklarından bahsedelim:

1. Lark

Larq temelde tek ürünlü bir şirkettir. Çeşitli renklerde ve beraberindeki kılıflarda yenilikçi kendi kendini temizleyen su şişeleri, çevrimiçi tekliflerinin çoğunu oluşturur.

Ana su şişesi sayfası basit ve zariftir ve Larq su şişesinin neler sunduğunu ve diğer su şişelerinden nasıl farklı olduğunu açıklar.

Larq'ın ürün sayfasındaki dile, bilime ve fiyat noktasına baktığımızda, Larq'ın hedef tüketici tabanının hem teknoloji konusunda bilgili hem de makul düzeyde varlıklı olduğunu görebiliriz.

Minimalist ve anlaşılması kolay Larq'ın ürün sayfası, sofistike, sezgisel bir deneyim sunar.

Larq ecommerce product page screenshot
[Kaynak: Larq]

2. Oyuk

Şimdi Burrow'dan Block Nomad kanepeye bakalım. Burrow, sipariş vermek için üstün kaliteli mobilyalar yapar ve her bir parçayı doğrudan üreticiden tüketiciye gönderir.

Nomad, kargaşa ve zahmetsiz üç kişiliktir ve leke tutmaz bir kaplamaya sahiptir - tek bir kullanışlı pakette lüks ve uzun ömürlüdür.

Ürün seçimi ve ödeme, satın alma için kötü bilinen bir engeldir, ancak Burrow bunu kolaylaştırır. Radyo düğmeleri, renk, bitiş, kol stili, yastık seçimi ve isteğe bağlı yükseltmeleri seçmenize olanak tanır.

Bir seçenekten diğerine her geçişinizde, ana görüntü eşleşecek şekilde değişir. Alacağınız kanepeyi hayal etmek kolaydır - ve bu dahice bir pazarlama hareketidir. Bravo, Burrow.

Aşağı kaydırıldığında, Block Nomad ürün sayfası gösterişli ve sadedir. Önce boyutlar gelir ve ardından kısa, düşünceli bir ürün açıklamasına geçiyoruz.

Temel özellikler (simgeler görsel bir işaret oluşturur) ve ardından şirket ile tüketici arasında akıllı bir bağlantı oluşturan Burrow CEO'sundan bir alıntı izler. Otomatik oynatılan videolar ve animasyonlar bir garnitür görevi görür.

block nomad sofa product page design
[Kaynak: Burrow]
block nomad sofa ecommerce product page
[Kaynak: Burrow]

3. şenlik

Biraz zamansız kıyafet zamanı. 2009'da kurulan Revelry, geleneksel perakendeciliği bir kenara bırakır ve evde nedime elbisesi satın almayı kolaylaştırır.

Oturma odanızdan çıkmadan kumaş örnekleri sipariş edebilir, elbise boyu seçebilir, kişiye özel ekstralar belirleyebilirsiniz. Her elbise çok çeşitli boyutlarda, renklerde ve malzemelerde sipariş vermek için yapılır.

Bu dökümün hatırına Dylan kadife nedime elbisesi ürün sayfasını inceleyelim.

Ürün adının hemen altında tam ve ayrıca Klarna taksitli fiyat listelenmiştir. Taksitli fiyatlandırma, pahalı ürünlerin maliyetini yayarak satışları artırmanıza yardımcı olabilir ve bunları hemen daha uygun fiyatlı hale getirebilir.

İyi hamle, Revelry.

Tüketiciler, uygun, sezgisel açılır listeler ve radyo düğmeleri aracılığıyla renk, beden, elbise uzunluğu ve teslimat süresi gibi seçenekleri seçebilirler.

Sayfayı aşağı kaydırırken, bir ürün açıklaması ve elbise hakkında daha fazla bilgi görüyoruz. Son olarak, incelemeler sosyal kanıt sağlar ve "Sevmek İçin Daha Fazlası" atlıkarıncası alternatifler önerir.

revelry screenshot ecommerce website design
[Kaynak: Revelry]

4. Kafatası Şekeri

Müzik evrensel bir dildir ve Skullcandy ürünleri deneyimlemeyi kolaylaştırır.

Örneğin markanın Venue gürültü önleyici kulaklıklarını alın.

Rahat ve özenle tasarlanmışlardır, ayrıca armonilerin daha kolay duyulmasını sağlamak için aktif gürültü engelleme teknolojisine sahiptirler. Ürün sayfasında çok net bir şekilde görüntülendiği için bu bilgileri neredeyse anında öğreniyoruz.

Parlak renkler ve son teknoloji grafikler bu sayfaya havalı bir hava katıyor; anlaşılması kolay simgeler ve tek cümlelik özet açıklamalar, okuyuculara atıştırılabilir, taranabilir bilgiler sağlar.

Daha sonra, bir video ürünü tüm açılardan gösterir ve iki boyutludan üç boyutlu bir öğeye dönüştürür. Biraz daha aşağı kaydırın ve tam ekran özellikleri ve avantajları elde edin.

Fotoğraflar, alıntılar ve teknik gerçekler, Venue kulaklıklarını daha iyi bilinen bir gürültü önleyici markaya uygun (ve daha trend) bir alternatif olarak tanıtıyor. Yorumlar, sayfanın alt kısmında ortalanmış biçimde yer alır ve albüm derecelendirmeleri gibi görünürler.

Zeki ve plak şirketi havasıyla aynı seviyede. İyi oynadın, Skullcandy.

venue noise-canceling headphones ecommerce product page
[Kaynak: Skullcandy]
scullcandy venue noise-canceling headphones product page design
[Kaynak: Skullcandy]

e-Ticaret Ürün Sayfaları Çıkarımları

Ürün sayfaları, satış dönüşüm hunisinin alt kısmına yakın bir yerde bulunur ve burada ziyaretçileri satın almaya zorlar veya sitenizden hemen çıkmalarına neden olur.

Harika ürün sayfaları, iyi yazılmış ve benzersiz açıklayıcı metinler, ilgi çekici resimler, gerçek incelemeler ve net bir harekete geçirici mesaj içerir.

Tüm bu sayfa öğelerine biraz kendinizden bir hava katın ve ürünlerinizi hayata geçirin. Ürün sayfalarınızı optimize ettikten sonra satışlarda bir artış görürseniz endişelenmeyin! İyi şanlar!

Shopify mağazası mı kurmak istiyorsunuz?
Shopify Geliştiricilerini Bulun