Örnek web sitesi
Çok sayfalı, çok kategorili e-ticaret sitesi örneği
Tek sayfalık bir vitrin değil, baştan sona bir mağaza: ana sayfa, yedi kategori, altmış ürün sayfası, sepet ve üç adımlı ödeme. Bu örnek, çok ürünlü bir e-ticaret sitesinde müşterinin aramadan ödemeye kadar izlediği yolun tamamını gösteriyor.
Çarşıkapı kurgusal bir işletmedir; örnekteki içerik, fiyatlar ve yorumlar temsilidir.
Bu örnekte neler var?
- Pazaryeri tarzı ana sayfa
- Kampanya kaydırıcısı, kategori kısayolları, geri sayımlı fırsatlar, sekmeli çok satanlar ve marka şeridi.
- Filtreli kategori sayfaları
- Alt kategori, marka, fiyat aralığı, puan, renk ve kargo filtreleri; sıralama, ızgara ya da liste görünümü, sayfalama.
- Paylaşılabilir filtre adresi
- Seçilen filtreler adres çubuğuna yazılır; süzülmüş bir liste bağlantı olarak gönderilebilir, geri tuşu doğru çalışır.
- Ayrı ürün sayfaları
- Yakınlaştırmalı galeri, seçeneğe göre değişen fiyat ve taksit tablosu, teslimat tahmini, değerlendirmeler ve soru-cevap.
- Sepet sayfası ve indirim kodu
- Adet değiştirme, favorilere taşıma, indirim kodu, ücretsiz kargoya kalan tutar ve sipariş özeti.
- Üç adımlı ödeme
- Adres, kargo ve ödeme yöntemi adımları ayrı ayrı doğrulanır. Kart bilgisi istenmez; örnek olduğu için sipariş oluşmaz.
Öne çıkan araç
Filtreli ürün listesi
Marka, fiyat, puan, renk ve kargo filtreleri birlikte çalışır; sonuç sayısı anında güncellenir ve seçim adres çubuğuna yazılır. Telefonda filtreler yandan açılan bir panele taşınır, “Sonuçları Göster” düğmesi kaç ürün kaldığını söyler.
Canlı örnekte deneyin
Site neden böyle kurgulandı?
Ürün sayısı arttığında satışı tasarımın güzelliği değil, bulunabilirlik belirler. Bu yüzden arama çubuğu her sayfada en üstte durur, yazarken öneri verir; kategori sayfalarında filtreler solda sabit, seçilenler ise ürünlerin hemen üstünde tek dokunuşla kaldırılabilir etiketler olarak görünür.
Ürün sayfası kararı, sepet ve ödeme ise güveni yönetir: fiyatın yanında taksit ve teslimat tahmini, sepette kargo eşiğine kalan tutar, ödemede her adımda görünen sipariş özeti. Adımlar kısa tutuldu; müşteri bir sonraki adımda ne olacağını her zaman görür.
Tasarım dili
Yoğun ve tanıdık: soğuk gri zemin üzerinde beyaz kartlar, mor marka rengi, fırsatlarda sarı vurgu, tek bir sade yazı ailesi ve her ekranda görünen arama çubuğu.
Yazı tipleri: Inter
- Zemin#F4F5F7
- Ana renk#5B21B6
- Koyu metin#16152B
- Vurgu#FACC15
Sayfa akışı
- Ana sayfa: kaydırıcı, kategoriler, süreli fırsatlar, çok satanlar
- Yedi kategori sayfası: filtre, sıralama, görünüm, sayfalama
- Tüm ürünler ve arama sonuçları: 60 ürün
- Altmış ürün sayfası: galeri, seçenekler, taksit, değerlendirmeler
- Sepet: adet, indirim kodu, kargo eşiği
- Ödeme: adres, kargo, ödeme yöntemi, onay
- Favoriler ve son gezilen ürünler
- Yardım merkezi: sipariş takibi, kargo, iade, ödeme
Diğer örnekler
1 / 62 ·Tüm örnekler
E-Ticaret kategorisindeki diğer örnekler
Çok Kategorili Mağaza
Bu yapıyı işletmenize uyarlayalım.
Logonuz, hizmetleriniz ve fiyatlarınızla sayfa yeniden kurulur. İhtiyacınızı yazın, kapsamı birlikte netleştirelim.
Projenizi Konuşalım