Dönüşüm odaklı ürün detay sayfası, ziyaretçinin satın alma kararı için ihtiyaç duyduğu bilgiyi doğru sırayla ve aratmadan sunar. İlk ekranda görsel, ürün adı, fiyat, varyant seçimi, sepete ekle butonu ve teslim tarihi birlikte görünür; açıklama, ölçüler, yorumlar ve iade koşulları ise hemen altında kolay taranan bloklar halinde yer alır.
Ürün detay sayfasının ilk ekranında neler olmalı?
İlk ekranda, ziyaretçinin kaydırmadan karar verebilmesi için gereken her şey bulunmalıdır: ürün görseli, adı, fiyatı, varyant seçimi, sepete ekle butonu ve teslimat bilgisi. Masaüstünde bu genellikle solda galeri, sağda satın alma alanı olan iki sütunlu düzenle sağlanır. Sağdaki satın alma alanı, ziyaretçi galeride aşağı indikçe sayfayla birlikte kayarak görünür kalabilir.
Ürün sayfasının dönüşümdeki genel rolü kullanıcı deneyimi ile dönüşüm artırma yazısında anlatıldı. Aşağıdaki tablo, satın alma alanındaki öğelerin önerilen sırasını ve her biri için verilmesi gereken tasarım kararını gösterir.
| Öğe | Konum | Tasarım kararı |
|---|---|---|
| Ürün adı ve marka | Satın alma alanının en üstü | Ad kısa ve ayırt edici olmalı, stok kodu gibi teknik bilgiler alta alınmalı |
| Puan özeti | Adın hemen altı | Yıldız ve yorum sayısına tıklanınca sayfa yorumlara kaymalı |
| Fiyat | Puanın altı | KDV dahil fiyat büyük, indirim öncesi fiyat üstü çizili ve küçük |
| Taksit özeti | Fiyatın altı | Tek satırlık özet, tıklanınca banka bazlı tablo açılmalı |
| Varyant seçimi | Fiyatın altı | Renk kutucukları ve beden butonları, seçili değer yazılı |
| Adet ve sepete ekle | Varyantların altı | Sayfadaki en belirgin buton, yanında küçük favori ikonu |
| Teslimat bilgisi | Butonun altı | Tahmini teslim tarihi ve ücretsiz kargo eşiği |
| Güven satırı | En alt | İade süresi, güvenli ödeme ve kapıda ödeme durumu kısa satırlarla |
Ürün görselleri nasıl sıralanmalı?
Ürün görselleri, ziyaretçinin ürünü elinde tutuyormuş gibi anlamasını sağlayacak bir sırayla dizilmelidir. Görsel sayısından çok, her görselin ayrı bir soruya cevap vermesi önemlidir.
- Sade arka planda ürünün tamamı.
- Kullanım halinde ya da model üzerinde görünüm.
- Boyutu anlatan ölçek görseli: elde, masada, odada.
- Kumaş, dikiş, düğme, bağlantı noktası gibi yakın plan detaylar.
- Varsa kısa ürün videosu. Otomatik ve sesli başlayan video yerine dokununca oynayan sessiz video tercih edilmeli.
Giyimde görselin altına “Model 1,78 m boyunda ve M beden giyiyor” gibi bir not eklemek beden sorusunu büyük ölçüde azaltır. Yakınlaştırma, fare üzerine gelince değil tıklayınca açılan tam ekran görünümle yapılmalıdır; böylece mobil ve masaüstünde aynı davranış korunur. Ziyaretçi farklı bir renk seçtiğinde galeri de o rengin görsellerine geçmelidir. Görsel dilinin markaya göre nasıl kurulacağı e-ticaret sitesinde özel tasarımın etkileri yazısında ayrıca ele alındı.
Varyant seçimi nasıl tasarlanmalı?
Varyant seçimi, ziyaretçinin bütün seçenekleri görerek tek dokunuşla yapabileceği şekilde tasarlanmalıdır. Açılır liste (dropdown) seçenekleri gizler, iki dokunuş ister ve stok durumunu göstermez; bu yüzden renk ve beden için uygun değildir.
- Renk için ürünün o renkteki küçük görseli veya renk kutucuğu, beden için yan yana butonlar kullanılmalı.
- Seçili değer başlıkta yazmalı: “Renk: Lacivert”, “Beden: M”.
- Stokta olmayan beden gizlenmemeli; üstü çizili gösterilmeli ve dokununca “Gelince haber ver” seçeneği açılmalı.
- Beden varsayılan olarak seçili gelmemeli. Önceden seçilmiş beden, fark edilmeden yanlış siparişe ve iadeye yol açabilir.
- Varyant seçilmeden sepete ekle butonuna basılırsa buton pasif kalmamalı; sayfa beden alanına kaymalı ve altında “Lütfen beden seçin” yazmalı.
- Varyanta göre fiyat değişiyorsa fiyat sayfa yenilenmeden güncellenmeli.
- Seçilen varyant adres çubuğuna yansımalı ki paylaşılan link aynı rengi açsın.
- Beden tablosu bağlantısı beden butonlarının hemen yanında olmalı; tablo santimetre cinsinden ölçüleri, nasıl ölçüleceğini anlatan basit bir çizimle vermeli.
“Son 2 ürün” gibi stok uyarıları yalnızca gerçek stok verisine bağlıysa kullanılmalıdır. Her üründe sürekli görünen aciliyet mesajları kısa sürede fark edilir ve güveni azaltır.
Fiyat, taksit ve kargo bilgisi nasıl gösterilmeli?
Fiyat, taksit ve kargo bilgisi, ziyaretçinin sepete gitmeden toplam maliyeti ve ödeme şeklini anlayacağı biçimde fiyat bloğunun içinde gösterilmelidir.
Fiyat KDV dahil yazılmalı, indirim varsa indirim öncesi fiyat üstü çizili, indirim tutarı veya oranı yanında verilmelidir. İndirimli satışta eski fiyatın nasıl belirleneceğine dair kurallar Ticaret Bakanlığı düzenlemelerinde yer aldığı için üstü çizili fiyatın güncel mevzuata uygunluğu kontrol edilmelidir.
Taksit tarafında Türkiye’ye özgü bir düzen gerekir. Fiyatın altında tek satırlık bir özet ve tıklanınca açılan bir tablo yeterlidir. Tablo, Bonus, World, Maximum, Axess, CardFinans, Paraf gibi kart programlarına göre taksit sayısını, aylık tutarı ve toplam tutarı göstermelidir. Vade farkı varsa toplam tutar mutlaka yazmalıdır. Bazı ürün gruplarında taksit sayısı BDDK düzenlemeleriyle sınırlı olduğundan tablo, ürünün kategorisine göre doğru sayıyı göstermelidir.
Teslimat bilgisinde iş günü yerine tarih kullanmak daha anlaşılırdır: “Tahmini teslim 3-5 Ekim” ifadesi, “2-4 iş günü” ifadesinden daha kolay kavranır. Saat sınırı varsa (“14.00’e kadar verilen siparişler aynı gün kargoda” gibi) açıkça yazılmalı, ücretsiz kargo eşiği ve kapıda ödeme imkânı da burada kısaca belirtilmelidir.
Ürün açıklaması ve teknik bilgiler nasıl yapılandırılmalı?
Ürün açıklaması, ziyaretçinin hızlıca tarayıp aradığını bulacağı bloklara ayrılmalıdır. Tek parça uzun metin okunmaz; tedarikçiden kopyalanan açıklama ise başka sitelerle aynı olduğu için ürünü ayırt etmez.
- İlk iki üç cümle: ürün ne işe yarar, kime uygundur, benzerlerinden farkı nedir.
- Öne çıkan özellikler: 4-6 kısa madde.
- Teknik özellik tablosu: malzeme, ölçü, ağırlık, üretim yeri, garanti süresi.
- Kullanım ve bakım bilgisi: yıkama talimatı, kurulum, saklama.
- Kutu içeriği ve ürüne özel sık sorulan sorular.
Masaüstünde sekmeli yapı, ilk sekme dışındaki bilgileri gizlediği için ziyaretçi teknik özellikleri hiç görmeyebilir. Alt alta dizilmiş başlıklar ya da ilk bölümü açık gelen açılır kapanır alanlar daha güvenli bir tercihtir.
Yorumlar ve güven öğeleri nereye konmalı?
Yorumlar açıklamanın hemen altına, puan özetinden tek tıklamayla ulaşılacak şekilde konmalıdır. Güven öğeleri ise satın alma alanında, sepete ekle butonuna yakın durmalıdır.
Yorum alanında yıldız dağılımı, fotoğraflı yorumların öne alınması, “beden”, “kalite”, “kargo” gibi konu filtreleri ve doğrulanmış alıcı etiketi karar vermeyi kolaylaştırır. Olumsuz yorumlara verilen kısa ve çözüm odaklı cevaplar, yorumları gizlemekten daha güven verici görünür. Henüz yorum yoksa boş bir “0 yorum” alanı yerine ilk yorumu davet eden kısa bir mesaj gösterilmelidir.
Sepete ekledikten sonra ziyaretçi sayfadan koparılmamalıdır. Yandan açılan bir mini sepet, eklenen ürünü, ara toplamı, “Sepete git” ve “Alışverişe devam et” seçeneklerini göstermelidir. Tamamlayıcı ürün önerileri burada birkaç ürünle sınırlı kalmalıdır.
Ürün detay sayfasındaki değişiklikler nasıl ölçülür?
Ürün detay sayfasındaki değişiklikler, ürünü görüntüleyenlerin ne kadarının sepete eklediğine bakılarak ölçülür. GA4’teki ürün görüntüleme ve sepete ekleme olayları bu oranı ürün ve kategori bazında verir.
- Yeterli trafik varsa A/B testi ile her seferinde tek bir değişiklik denenmeli.
- Trafik azsa önce ve sonra karşılaştırması yapılabilir, ancak kampanya ve sezon dönemleri karşılaştırmaya alınmamalı.
- Beden tablosu, taksit tablosu ve yorum alanına tıklanma oranları ayrıca izlenmeli.
- İade nedenleri de bir tasarım verisidir. “Beden uymadı” ya da “görseldekinden farklı” nedenleri sık geçiyorsa sorun ürün sayfasındaki bilgi veya görseldedir.
Rubiko Digital, ürün detay sayfalarını kullanılan altyapının imkânlarına ve ürün grubunun ihtiyaçlarına göre yeniden kurgular. Ürün sayfalarınızın hangi bölümünde ziyaretçi kaybettiğinizi birlikte incelemek için UI/UX tasarım hizmeti sayfasına göz atabilirsiniz.
Sık Sorulan Sorular
Ürün sayfasında kaç görsel olmalı?
Sabit bir sayı yoktur; önemli olan her görselin farklı bir soruya cevap vermesidir. Ürünün tamamı, kullanım hali, ölçeği ve yakın plan detayları gösterilebiliyorsa görsel seti yeterlidir. Aynı açıdan çekilmiş benzer görseller sayıyı artırır ama bilgi eklemez.
Sepete ekle butonu hangi renkte olmalı?
Herkes için doğru tek bir renk yoktur. Buton sayfadaki diğer öğelerle belirgin bir kontrast oluşturmalı ve o renk sitede yalnızca ana eylemler için kullanılmalıdır. Favoriye ekle ile sepete ekle aynı görünürlükte olursa ziyaretçinin dikkati bölünür.
Stokta olmayan ürünün sayfası kaldırılmalı mı?
Ürün geri gelecekse sayfa kaldırılmamalıdır. Sayfada stok durumu açıkça yazmalı, “gelince haber ver” seçeneği ve benzer ürün önerileri sunulmalıdır. Kalıcı olarak satıştan kalkan ürünlerde ise en yakın kategoriye ya da benzer ürüne yönlendirme yapılabilir.
Ürün açıklaması ne kadar uzun olmalı?
Uzunluk ürünün karmaşıklığına göre değişir. Bir çorap için birkaç cümle ve teknik tablo yeterliyken, bir elektronik ürün için kurulum ve uyumluluk bilgisi de gerekir. Hedef, ziyaretçinin müşteri hizmetlerine sormak zorunda kalacağı soru bırakmamaktır.
Ürün sayfasına video eklemek gerekli mi?
Her ürün için gerekli değildir, ancak hareket, doku ya da kullanım şekli fotoğrafla anlatılamıyorsa video fark yaratır. Sayfa hızını düşürmemesi için video dokununca yüklenmeli ve kısa tutulmalıdır.