Selçuk Aker

UI/UX & Dijital Ürün

Satışa çalışan e-ticaret arayüzü tasarımı

Satışı kolaylaştıran ürün, sepet ve ödeme akışları.

123 müşteri değerlendirmesini okuyun

E-ticaret örnekleri

Selçuk Aker'in e-ticaret arayüzlerinden kısa bir seçki.

Tüm işleri inceleyin →

E-ticaret arayüz tasarımcısı seçerken yalnız ana sayfaya bakmayın. Ürün seçenekleri, stok bilgisi, sepet ve ödeme adımlarının bir arada nasıl çalışacağı tasarım kapsamının parçasıdır; mağaza kurulumu ve ödeme entegrasyonu ayrıca geliştirme gerektirir.

E-ticaret sitelerinin arayüz ve deneyim tasarımı ile mevcut mağazaların yeniden tasarımı üzerine çalışıyorum. Odak noktası tek: ziyaretçinin ürünü bulup sepete eklemesi ve ödemeyi tamamlaması.

E-ticarette kayıp genelde tasarımın güzelliğinden değil akıştan geliyor — filtrelerin işe yaramaması, ürün sayfasında eksik bilgi, ödeme adımının uzunluğu. Bu yüzden işe akışı inceleyerek başlıyorum.

İstanbul merkezliyim, uzaktan çalışıyorum.

Kimler için uygun?

  • Yeni mağaza açacak, arayüzü doğru kurmak isteyen markalar
  • Trafiği olan ama dönüşümü düşük mağazalar
  • Mobilde deneyimi dağılan e-ticaret siteleri
  • Katalogu büyüyen, ürün keşfi zorlaşan işletmeler

Neleri kapsıyor?

Ürün keşfi

  • Ana sayfa ve kampanya alanları
  • Kategori sayfaları, filtre ve sıralama
  • Arama sonuç deneyimi

Ürün ve karar

  • Ürün detay sayfası: görsel, varyant, stok, kargo bilgisi
  • Karşılaştırma ve ilgili ürünler
  • Güven öğeleri: iade, teslimat, değerlendirme alanları

Sepet ve ödeme

  • Sepet ve ara adımlar
  • Ödeme akışının sadeleştirilmesi
  • Hata ve boş durumların tasarımı

Mobil

  • Mobil öncelikli düzen
  • Tek elle kullanım ve dokunma hedefleri
  • Mobilde filtre ve ödeme akışı

E-ticaret kampanyası ve ürün görseli tutarlılığı

  • Kategori bannerı ile ürün sayfasında kullanılan mesajın ve görsel dilin birlikte değerlendirilmesi
  • Varyant, ürün detayı ve kampanya bilgisinin birbirine karışmadan gösterilmesi
  • Mobil ürün görsellerinde kırpma ve metin okunabilirliğinin kontrolü

Süreç nasıl işliyor?

  1. 01

    Akış incelemesi

    Mevcut mağazada ya da rakiplerde nerede kayıp olduğunu konuşuyoruz.

  2. 02

    Akış kurgusu

    Keşiften ödemeye kadar yol yeniden kuruluyor.

  3. 03

    Arayüz tasarımı

    Kategori, ürün, sepet ve ödeme ekranları.

  4. 04

    Mobil

    Tüm akışın mobil sürümü.

  5. 05

    Teslim

    Geliştiriciye hazır dosyalar ve bileşen yapısı.

Ne teslim ediliyor?

  • Figma dosyası (bileşen yapısıyla)
  • Kategori, ürün, sepet ve ödeme ekranları
  • Mobil sürümler
  • Boş, hata ve yükleniyor durumları

Sık sorulanlar

Mağaza kurulumu ya da yazılım işi yapıyor musunuz?

Hayır. Bu hizmet arayüz ve deneyim tasarımını kapsıyor. Altyapı kurulumu, entegrasyon ve yazılım geliştirme sizin ekibinizde ya da anlaştığınız geliştiricide kalıyor.

Hangi altyapıda çalışıyorsunuz?

Tasarım altyapıdan bağımsız üretiliyor ve geliştiricinin uygulayabileceği biçimde teslim ediliyor. Kullandığınız altyapının kısıtlarını işin başında konuşuyoruz ki tasarım uygulanabilir olsun.

Mevcut mağazamın yeniden tasarımını yapıyor musunuz?

Evet. Çoğu iş yeniden tasarım oluyor; hangi adımda kayıp yaşandığını konuşarak başlıyoruz ve kapsamı ona göre belirliyoruz.

Ürün fotoğrafı çekiyor musunuz?

Hayır, ürün görselleri sizden geliyor. Tasarımda görsellerin nasıl kullanılacağını ve hangi ölçülerde hazırlanması gerektiğini belirtiyorum.

E-ticaret görselleri hazırlatmak mağazayı yeniden tasarlamak mı demek?

Hayır. Ürün görsel düzenlemesi veya kampanya bannerı ayrı teslim olabilir. Mağazanın gezinme, ürün seçme ve satın alma akışını değiştirmek ise arayüz tasarımı kapsamıdır. Önce hangi sorunun çözülmesi gerektiğini ayırıyoruz.

Mağazanızı konuşalım

Hangi adımda kayıp yaşadığınızı birlikte bulalım.

ÇALIŞMA REHBERİ

E-ticaret sitesi tasarımı: ürün keşfinden ödeme adımına

E-ticaret sitesi tasarımı, müşterinin ürünü bulmasını, seçenekleri karşılaştırmasını ve satın alma adımlarını anlamasını sağlayan arayüz çalışmasıdır. E-ticaret web tasarım kapsamımda online mağaza tasarımı, mobil ekranlar ve etkileşim durumları bulunur. Mağazanın yazılım kurulumu, ödeme entegrasyonu ve operasyonu ayrıca tanımlanır.

E-ticaret sitesinde tasarım neden dönüşümü etkiler?

Görünmeyen varyant seçimi, belirsiz teslim bilgisi veya anlaşılmayan form hatası satın alma görevini zorlaştırabilir. E-ticaret UX bu engelleri incelemeye yardımcı olur; fiyat, stok, trafik niteliği ve teslimat da sonucu etkiler. Tasarım değişikliğinin etkisini ölçmeden satış artışı iddia etmek doğru değildir.

EkranE-ticaret arayüz tasarımı kararıKontrol edilecek durum
KategoriFiltre, sıralama ve ürün kartıSonuç bulunamadığında yönlendirme
ÜrünFotoğraf, fiyat, varyant ve teslim bilgisiStok dışı veya seçilmemiş seçenek
SepetMiktar, toplam ve devam yoluÜrün ya da fiyat değişikliği
ÖdemeAlan etiketleri ve adım sırasıHata, bekleme ve başarılı işlem

Örneğin bir ayakkabı mağazasında numara seçilmeden sepete eklenemiyorsa, eksik seçimi ilgili alanın yanında açıklamak gerekir. Bu bir tasarım senaryosudur; ölçülmüş bir müşteri sonucu değildir. Seçilen altyapının izin verdiği düzenleme alanlarını tasarımdan önce öğreniriz. E-ticaret kurulum ve kullanılabilirlik rehberini, marka tasarımını ve arayüz çalışmalarımı birlikte değerlendirebilirsiniz.

BİR SONRAKİ ADIM