Mobilya / E-Ticaret · E-Ticaret / Web Deneyimi
Mucang için kategori yapısından ürün detayına, sepetten ödeme adımına kadar uzanan bir e-ticaret deneyimi tasarladık. Çocuk koltuklarında renk seçimi ürünün kendisini değiştiren bir önizlemeye dönüşüyor.
Proje bilgileri
- Sektör
- Mobilya / E-Ticaret
- Kategori
- E-Ticaret / Web Deneyimi
- Yapılan çalışmalar
- E-ticaret tasarımı
- Ürün kataloğu ve kategori mimarisi
- Sepet ve satın alma akışı
- Mobil alışveriş deneyimi
- Canlı site
- mucang.com.tr
Proje hikâyesi
Mucang için ne yaptık?
İhtiyaç
Üç farklı kitleye (çocuklar, çalışanlar ve oyuncular) aynı mağazadan seslenen, ürünleri renk ve kullanım amacına göre kolayca ayıran bir satış sitesi.
Çalışma
Kategori mimarisini kullanım senaryolarına göre kurduk, Superstar serisi için renk seçimiyle değişen canlı önizleme hazırladık, vitrin sayfasına kategori, fiyat ve teslimat filtreleri ekledik. Mobilde alt sekme navigasyonu sepete ve hesaba her ekrandan ulaşılmasını sağlıyor.
Tasarım deneyimi
Masaüstünde ve mobilde.
Önizlemelerin üzerine gelin ya da dokunarak kaydırın.
Çocuk koltukları: renk seçimli ürün deneyimi 
Ürün detay sayfası 
Vitrin: kategori filtreli ürün listesi 
Ana sayfa ürün vitrini
Ürün detay, mobil 
Vitrin, mobil
Teknik ve işlevsel özellikler
Canlı sitede doğrulananlar.
Aşağıdaki özellikler yayındaki sitede incelenerek listelendi.
- 01
Kullanım amacına göre kategoriler
Çocuk sandalyeleri, günlük sandalyeler, ofis koltukları, ofis sandalyeleri, oyuncu koltukları, puf ve sandalyeler.
- 02
Renk seçimli ürün önizlemesi
Superstar çocuk koltuğu için altı renk; seçim yapıldığında önizleme ve ürün bağlantısı değişiyor.
- 03
Filtreli vitrin
Kategori, fiyat ve teslimat seçenekleriyle filtreleme, sıralama ve ürün sayısı gösterimi.
- 04
Ürün detay sayfası
Görsel galerisi, indirimli fiyat gösterimi, adet seçimi, “Sepete Ekle” ve “Şimdi Al” eylemleri.
- 05
Sepet, ödeme adımı ve hesap
Sepet sayfası, ödeme adımına geçiş ve kullanıcı hesabı girişi.
- 06
Mobil alt sekme navigasyonu
Ana sayfa, kategoriler, fırsatlar, sepet ve hesap her ekranda bir dokunuş uzaklıkta.
- 07
Site içi arama ve WhatsApp destek
Koltuk, masa ve aksesuar araması; sohbet başlatma bağlantısı.
Teknoloji
- Next.js
Canlı sitenin yayınladığı /_next/ varlıklarından doğrulandı.
Canlı proje
mucang.com.tr (yeni sekmede açılır)