Uygunbana: Türkiye için daha sade, her şeyi bir arada sunan bir pazaryeri tasarımı

Genel bakış

Uygunbana, Türkiye için yeni bir e-ticaret pazaryeri; Hepsiburada, Trendyol ve n11 ile aynı alanda rekabet ediyor. Mağazalar platformda kendi dükkânlarını açıyor; alışveriş yapanlar hepsinden tek bir sepet ve tek bir hesapla alışveriş yapıyor.

Platformu ve markayı stüdyom Beew üzerinden, baş tasarımcı olarak tasarladım: 2024'te altı ayda; vitrin ve müşteri hesabını, mağaza panelini ve admin panelini masaüstü ve mobilde kapsayan 200'den fazla sayfa. Uygunbana henüz yayında değil.

Sorun

Türkiye'nin büyük pazaryerleri güçlü ama kalabalık: her ekranda banner'lar, rozetler ve seçenekler hem alışveriş yapanlar hem satıcılar için yarışıyor. Uygunbana aynı çeşitliliği daha sakin ve sade bir şekilde sunmak istiyordu; incelediği hazır e-ticaret scriptleri ise buna izin vermiyordu.

• Karmaşıklık: rakiplerin ekranları, alışveriş yapanların satın almadan önce çok fazla şeyi işlemesini istiyor.
• Üç kitle: alışveriş yapanlar, mağazalar ve yöneticilerin her birinin kendi sayfalarına ve paneline ihtiyacı var.
• Dayanılacak bir script yok: her şeyin sıfırdan tasarlanması gerekiyordu.
• Uç durumlar: iadeler, reddedilen belgeler, mağaza onayları, yarım kalan adımlar ve boş durumların hepsinin tasarlanmış bir karşılığı olmalıydı.
• Ölçek: 200'den fazla sayfa ve yeni bir marka.

Hedefler

• Büyük bir pazaryerinin çeşitliliğini kaybetmeden alışverişi ve satışı temiz ve sade hissettirmek.
• Tasarımı rakiplerin yaptıklarına değil, gerçek alışveriş yapanların ve mağazaların ihtiyaçlarına dayandırmak.
• Uç durumlar dahil her sayfayı sıfırdan tasarlamak.
• Mağazalara ve yöneticilere vitrin kadar net paneller sunmak.
• Samimi ve güven veren bir marka yaratmak.

Yaklaşım

1. İşe alışveriş yapanlar ve satıcılarla başlamak

Tasarıma başlamadan önce e-ticaret kullanıcıları ve mağaza sahipleriyle birebir görüşmeler yaptık ve anketler düzenledik. Mevcut pazaryerlerinden yaşadıkları sıkıntılar, sonraki her sayfanın önceliklerini belirledi.

2. Sadeleşene kadar çıkarmak

Her ekranın tek bir ana eylemi, beyaz bir zemini ve tek bir yeşil vurgu rengi var. Kampanyalar, rozetler ve filtreler varsayılan olarak her yerde değil, işe yaradıkları yerde duruyor.

3. Her uç durumu tasarlamak

Hiçbir şey bir scriptten gelmediği için her durumun tasarlanması gerekiyordu: belge onayları ve retleri, mağaza başvuruları, kargodan iadeye sipariş durumları, şifre kuralları, boş listeler ve bir 404 sayfası.

4. Üç kitle için tek sistem

Vitrin, mağaza paneli ve admin paneli; kartlardan tablolara, filtrelerden durum etiketlerine kadar aynı bileşenleri paylaşıyor. Uygunbana'da alışveriş yapan bir mağaza sahibi, panelinin nasıl çalıştığını zaten biliyor.

Çözüm

Ana sayfa, kategoriler ve içerik sayfaları

Ana sayfa tek bir kampanya ve net kategori kısayollarıyla açılıyor; ardından flaş fırsatlar ve popüler ürünler geliyor. Kategori sayfalarında filtreler yan sütunda duruyor; Hakkımızda, İletişim, SSS ve yasal sayfalar gibi içerik sayfaları da aynı sakin düzeni izliyor.

Ürün sayfaları, yorumlar ve karşılaştırma

Ürün sayfaları temel bilgileri en üste taşıyor: galeri, puan, renk ve beden, taksit seçenekleriyle fiyat, satıcı ve tek bir net satın alma butonu. Yorumlar, soru-cevap ve kargo bilgileri sekmelerde devam ediyor.

Sepet, ödeme ve sipariş takibi

Sepet ürünleri mağazaya göre grupluyor; tahmini teslimat ve ücretsiz kargo eşiklerini gösteriyor. Ödeme üç adım sürüyor: adres, sepet onayı ve ödeme. Sipariş takibi hazırlanıyor aşamasından teslim edildiye kadar her adımı gösteriyor.

Müşteri hesabı

Kayıt ve giriş birkaç kısa ekranda tamamlanıyor. Hesap; siparişleri, favorileri, yorumları, karşılaştırmaları, kayıtlı kartları, adresleri ve kuponları tek bir menüde topluyor; güvenlik kuralları yazarken gösteriliyor.

Mağazalar ve mağaza paneli

Mağaza açmak kısa bir başvuruyla başlıyor. Her mağazanın banner'ı, puanı ve ilanlarıyla kendi sayfası var; paneli satışları, siparişleri, iadeleri ve ürün bazında kazançları gösteriyor. Vergi levhası gibi belgeler net durumlarla takip ediliyor; ürünler varyant ve görsellerle adım adım ekleniyor.

Admin paneli

Admin paneli pazaryerini yönetiyor: kullanıcılar, mağazalar, siparişler, komisyon geliri ve onay bekleyen öğeler tek bir panelde; duygu durumuna göre ayrılmış geri bildirimler, tüm mağazalarda sipariş takibi, mağaza onayları ve düzenlenebilir site içeriği.

Marka kimliği

Uygunbana markasını da biz tasarladık: taze bir yeşille yuvarlak bir “u” işareti; uygulama ikonunda, logoda ve arayüz boyunca tek vurgu rengi olarak kullanılıyor.

Sonuçlar

• Alışveriş yapanlar, mağazalar ve yöneticiler için masaüstü ve mobilde 200'den fazla sayfa altı ayda teslim edildi.
• Alışveriş yapanlar ve mağazalarla yapılan görüşme ve anketlerle şekillenen daha temiz ve sade bir pazaryeri deneyimi.
• Hazır script kullanılmayan, uç durumları sayfa sayfa planlanmış tamamen özel bir tasarım.
• Ortak bir bileşen sistemi üzerinde birbirine bağlı üç panel.
• Lansmana hazır, eksiksiz bir marka kimliği.

Çıkarımlar

• Neyi çıkaracağınızı öğrenmenin en hızlı yolu önce alışveriş yapanlarla ve satıcılarla konuşmak.
• Bir pazaryerinde sadelik ürünleri azaltmaktan değil, her ekranda tek ana eylemden gelir.
• Script olmadan asıl kapsam uç durumlardır; onları baştan planlayın.
• Mağazalar ve yöneticiler alışveriş yapanlarla aynı bileşenleri kullandığında her panel daha kolay öğrenilir.