Toysall'ın oyuncak e-ticaret sitesini, eğlenceli ve premium hissettiren, yaş kategorilerine göre sadeleştirilmiş bir alışveriş deneyimine dönüştürdüğüm bir UI redesign çalışması. Kapsam net: mevcut ürün, kategori ve sepet akışlarına dokunmadan; yalnızca görsel dili ve arayüz bileşenlerini yeniledim.
>Toysall için üstlendiğim iş, uçtan uca bir UX süreci değil; saf bir UI geliştirme ve görsel yenileme (redesign) çalışmasıydı. Amaç, siteyi eğlenceli ve premium hissettiren, yaş kategorilerine göre sadeleştirilmiş, sade ama şık bir alışveriş deneyimine dönüştürmekti. Mevcut ürün, kategori ve sepet akışlarına dokunmadan; arayüzü e-ticaret dinamiklerine (ürün kartı hiyerarşisi, kampanya vurgusu, güven rozetleri, filtreleme) daha uygun bir görsel dille yeniden kurguladım.
Markanın renkli ve oyuncu karakterini premium bir sadelikle dengeleyerek; yaş gruplarına göre gezinmeyi öne çıkaran, ürün kartları, filtreler ve CTA butonlarında tek bir renk ve tipografi sistemine bağlı, tutarlı bir arayüz dili tanımladım.
"Yaşa Göre Oyuncaklar" bölümünde kullanılan bu karakteri, markaya ve siteye özel olarak kendim tasarladım. Amaç, yaş grubu seçimini sıradan bir filtre listesi olmaktan çıkarıp, çocuklara ve ebeveynlere sıcak gelen, sitenin eğlenceli ve samimi tonunu daha en baştan hissettiren bir dokunuşa dönüştürmekti.
Footer'daki güven rozetlerinin 3 boyutlu ikonlarını da (Bütçe Dostu, Güvenli Alışveriş, %100 Orijinal Ürün, Kolay İade) markaya özel olarak kendim illüstre ettim — sitenin genelindeki eğlenceli ve premium hissi, alışverişi güvene alan bu son bölümde de sürdürmek içindi.
Bütçe Dostu
Güvenli Alışveriş
%100 Orijinal Ürün
Kolay İade
Sadece sayfaları değil, o sayfaları oluşturan bileşenleri de yeniden kurguladım. Her bileşen; olası tüm durumlarıyla (pasif, hover, favorilenmiş, rozetli) ve masaüstü/mobil karşılıklarıyla birlikte tek bir Sketch kütüphanesinde tanımlı — böylece site genelinde aynı buton, aynı ikon, aynı ürün kartı tekrar ediyor.
İkon Seti
Arama, sepet, favori, kategori, kargo, iade gibi sitenin her yerinde tekrar eden aksiyonlar için, tek bir 24×24 ızgaraya oturan tutarlı bir ikon seti tanımladım.
Ürün Kartı Bileşeni
Sitenin en sık tekrar eden bileşeni olan ürün kartını; favori, imleç-üzeri (hover) ve "Haftanın Yıldızı" rozeti gibi tüm durumlarıyla tek bir bileşen olarak kurguladım — her ürün listesinde aynı tutarlı davranış tekrar ediyor.
Filtre Çubuğu
Ürün listeleme sayfasındaki sabit (sticky) filtre çubuğunu; kategori, yaş aralığı, marka, puan, renk ve fiyat filtrelerini aynı anda uygulayabilen, seçili filtre sayısını gösteren ve tek tıkla temizlenebilen bir bileşen olarak tasarladım.
Mobil Bileşenler
Aynı sistemi mobilde de sürdürdüm: sepet sayacı olan alt navigasyon çubuğu ve yaş etiketleri, masaüstündeki bileşenlerin aynı mantıkla küçültülmüş, dokunmatik öncelikli karşılıkları.
Ekranlar
Anasayfadan ürün listeleme, ürün detayı, sepet ve kampanyalar sayfasına; masaüstü ve mobilde yeniden tasarladığım gerçek ekran görselleri.
