Ürün Tasarımcısı

Nexa

Premium teknoloji ürünleri için tasarladığım uçtan uca e-ticaret deneyimi. Keşiften ödemeye kadar 12 akışı hem masaüstü hem mobil için çalıştım. Amaç, kalabalık teknoloji mağazalarının aksine sakin, hızlı ve güven veren bir alışveriş hissi yaratmaktı.

Nexa mağazasının laptop ve telefonda görünümü, Aurora kulaklık kahraman alanı

Genel Bakış

Açık tema, siyah birincil butonlar ve tek bir vurgu rengi olan lime yeşili üzerine kurulu bir görsel dil kullandım. Tipografi Geist, başlıklarda Instrument Serif. Ekranlara geçmeden önce design sistemi Figma’da kurdum: renk ve tipografi token’ları, tekrar eden bileşenler ve grid. Bu sayfa sistemin kendisini değil, ondan çıkan ekranları gösteriyor; her ekranda tek bir net aksiyon öne çıkıyor.

Anasayfa

Kahraman alanı tek bir ürünü anlatıyor, altında kategoriler, trend ürünler ve kampanya kartları geliyor.

The Nexa home page on desktop and mobile, with the Aurora hero, category tiles and trending products

Kategori ve Filtreleme

Solda filtre paneli, sağda üç kolonlu ürün grid’i. Seçili filtreler üstte chip olarak görünüyor, ürünler karşılaştırılabiliyor.

The Nexa category page with a filter panel on the left and a three-column product grid

Ürün Detayı

Galeri, renk ve edisyon seçimi, teslimat bilgisi ve yorumlar tek sayfada. Mobilde sepete ekle butonu altta sabit duruyor.

The Nexa product detail page with gallery, colour picker, delivery information and reviews

Arama

Klavye kısayoluyla açılan arama paneli. Son aramalar, trendler ve ürün önerileri aynı anda görünüyor.

The Nexa search panel showing recent searches, trending terms and product suggestions

Sepet

Ücretsiz kargo ilerleme çubuğu, kupon alanı ve ek koruma teklifi. Sağda sipariş özeti ve hızlı ödeme seçenekleri.

The Nexa cart with a free shipping progress bar, coupon field and order summary

Ödeme Akışı

Kayıtlı adresler, teslimat seçenekleri ve kart formu iki adıma bölündü. Taksit seçenekleri ödeme adımında sunuluyor.

The Nexa checkout shipping step with saved addresses and delivery options
The Nexa checkout payment step with the card form and installment options

Sipariş Onayı

Onay ekranı sadece teşekkür etmiyor, kargo zaman çizelgesini ve hesap oluşturma teklifini de taşıyor.

The Nexa order confirmation with a shipping timeline and an offer to create an account

Giriş

Sosyal giriş, e-posta ve şifre. Sağ panelde üye avantajları ve bir kullanıcı yorumu var.

The Nexa sign in screen with social login and a panel of member perks

Hesap ve Siparişler

Sipariş geçmişi durumlarına göre filtreleniyor. Her kartta takip, fatura ve tekrar satın alma aksiyonları var.

The Nexa account page with order history filtered by status

Favoriler

Listeler, fiyat düşüşü uyarıları ve stokta olmayan ürünler için bildirim seçeneği.

The Nexa wishlist with saved lists, price drop alerts and out of stock notifications

Kargo Takibi

Canlı harita, adım adım geçmiş ve kurye ile iletişim. Teslimat notu düzenlenebiliyor.

The Nexa order tracking page with a live map and step by step delivery history

Sonuç

Nexa’da asıl iş tutarlılıktaydı. 12 akışı iki platform için çalışınca ortaya 24 ekran çıktı ve aynı görsel dili bu ekranlar boyunca bozmadan taşımak, tek tek ekran tasarlamaktan çok daha zor. Mobil ile masaüstünü baştan paralel düşünmenin, sonradan birini diğerine uyarlamaktan ne kadar farklı olduğunu burada gördüm.