Örnek web sitesi
Elektronik mağazası e-ticaret sitesi örneği
Teknoloji ürünü alan kişi karşılaştırarak karar verir; bunu sitede yapamazsa başka sekmede yapar ve çoğu zaman geri dönmez. Bu örnek, karşılaştırmayı mağazanın içine alan bir teknoloji mağazasını gösteriyor.
Volta Masa ve Ses Teknolojisi kurgusal bir işletmedir; örnekteki içerik, fiyatlar ve yorumlar temsilidir.
Bu örnekte neler var?
- Ürün karşılaştırma
- Kartlardaki kutuyla en fazla üç ürün seçilir; fiyat, puan ve teknik özellikler yan yana tabloya dökülür.
- Karşılaştırma çubuğu
- Seçim yapıldığında ekranın altında beliren çubuk, tabloya tek dokunuşla götürür.
- Taksit tutarı
- Ürün penceresinde peşin fiyatına taksit tutarı, seçilen seçeneğe göre hesaplanır.
- Kutulu açılış
- Başlık, öne çıkan ürün, haftanın fırsatı ve kargo bilgisi tek bakışta, ayrı kutularda.
- Teknik etiketler
- Bağlantı, pil ve dayanıklılık gibi öne çıkan özellikler kartın üzerindedir.
- Sepet ve ödeme adımı
- Ücretsiz kargo çubuğu, toplam ve ödeme yöntemi seçimi. Örnek olduğu için sipariş oluşmaz.
Öne çıkan araç
Ürün karşılaştırma tablosu
Üç ürüne kadar seçim yapılır; tablo fiyatı, puanı ve tüm teknik satırları yan yana gösterir, her sütunun altında sepete ekleme düğmesi bulunur. Dördüncü ürün seçildiğinde uyarı çıkar; tablo boş kalmasın diye üç ürünle açılır.
Canlı örnekte deneyin
Site neden böyle kurgulandı?
Teknoloji alışverişinde karar, verileri kıyaslayarak verilir. Karşılaştırma tablosu müşteriyi sitede tutar; aynı satırlarda yan yana duran pil ömrü ve ağırlık gibi değerler kararı hızlandırır.
Fiyat yüksek olduğunda taksit bilgisi fiyatın kendisi kadar önemlidir; bu yüzden ürün penceresinde fiyatın hemen altında durur. Koyu tema ve eş aralıklı yazı tipi, ürünlerin dünyasına uyan teknik bir hava verir.
Tasarım dili
Koyu ve keskin: siyaha yakın zemin, tek bir asit yeşili, teknik bilgilerde eş aralıklı yazı tipi, kutulu açılış ve cam etkili üst menü.
Yazı tipleri: Space Grotesk + JetBrains Mono
- Zemin#0B0D12
- Ana renk#C8FF3E
- Yüzey#141821
- Metin#F3F5F8
Sayfa akışı
- Duyuru şeridi ve cam etkili üst menü
- Kutulu açılış: başlık, öne çıkan ürün, fırsat, kargo
- Beş kategori düğmesi
- Katalog: süzme, sıralama ve karşılaştırma kutuları
- Karşılaştırma tablosu
- Dört alışveriş koşulu
- Müşteri yorumları
- Sık sorulanlar ve bülten kaydı
Diğer örnekler
5 / 62 ·Tüm örnekler
E-Ticaret kategorisindeki diğer örnekler
Elektronik Mağazası
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