Comeup E-ticaret Projesi

Comeup, fonksiyonel kumaşları tasarımla, estetik tasarımları spor tutkunlarıyla buluşturan; maceracı ve enerjik şehir yaşamına yeni bir soluk getiren bir aktif giyim markası. Müşteri, markanın premium kalitesini yansıtan, her ekrana uyum sağlayan ve zahmetsiz bir alışveriş deneyimi sunan minimalist bir site istedi.

Tek tasarımcı olarak ürünün tüm yaşam döngüsünü yönettim; ihtiyaçları müşteriyle birlikte netleştirip projeye uygun bir çözüm ortaya koydum.

mobil dönüşümde artış

~%18

ürün sayfasından sepete eklemede artış

~%22

hemen çıkma oranında azalma

~%15

Sitenin her ekrana uyum sağlaması için akışkan bir grid düzeni kullandım. Öğeler arasında dengeli bir boşluk için oluk 30px, kolon genişliği ise 130px olarak belirlendi. Konteyner 1920px seçildi; ürün görselleri geniş bir alanda öne çıktı.

Minimalist ve sade bir görünüm için siyah ile beyaz ana renkler olarak seçildi.

Ürünleri sergilemek için yüksek kaliteli görseller ve kısa, net metinler kullandım; kullanılan malzemelerin premium kalitesini öne çıkardım. Düzeni sade ve görsel olarak çekici tutmayı, temiz ve basit bir tasarım estetiği kullanmayı hedefledim. Bu yaklaşım markanın mesajını ve değerlerini ziyaretçilere aktarmaya yardımcı oldu.

Sitede, kullanıcıların aradıklarını hızlı ve kolay bulmasını sağlayan net bir gezinme menüsü ve filtreler var. Kategori ve filtre adlarını sezgisel olacak şekilde seçtim, sıralamayı da ona göre kurdum.

Kullanıcıların ne aldıklarını iyi anlaması için net ve yüksek kaliteli ürün görselleri kullandım. Ürün sayfasının düzeni, ürünün ve malzemelerinin premium kalitesini öne çıkaracak şekilde tasarlandı. Sayfada ayrıca farklı beden ve renk seçenekleri ile özelleştirme olanakları yer aldı.

Sayfa iki kolon üzerine kurulu. Solda altı görsellik bir ızgara ürünü farklı açılardan, kumaşın dokusuna kadar inen yakın çekimlerle gösteriyor. Sağda fiyat, renk ve beden seçimi, sepete ekle butonu ve açılır ürün açıklaması tek bir panelde bir arada duruyor.

Renk seçenekleri soyut renk kutucukları yerine ürünün kendi küçük fotoğraflarıyla gösteriliyor; böylece renk, ürünün gerçekte nasıl göründüğüne bakarak seçiliyor. Açıklama bölümünde beden seçerken referans olsun diye modelin bedeni ve ölçüleri yer alıyor.

Türkiye’de e-ticaret trafiğinin yaklaşık %60’ı mobil cihazlardan geliyor; mobil düzen bu yüzden projenin başarısı için kritikti. Mobil öncelikli bir yaklaşım benimsedim ve mobil düzeni tasarım sürecinin başından itibaren ele aldım; farklı ekran boyutlarında tutarlı bir deneyim hedefledim.

Projede iki gerilim vardı. Ürün görsellerini geniş bir sahnede göstermek istiyorduk, ama trafiğin çoğu küçük ekranlardan geliyordu. İnternetten renk ve beden seçmek de her zaman bir belirsizlik taşıyor. İlkini mobil öncelikli, akışkan bir gridle; ikincisini ürünün kendi fotoğraflarıyla renk seçimi ve model ölçüleriyle çözdüm.

Sonunda ürünlerin premium kalitesini öne çıkaran, her ekrana uyum sağlayan, sade ve minimalist bir site ortaya çıktı. Yayından sonra mobil dönüşüm yaklaşık %18, ürün sayfasından sepete ekleme yaklaşık %22 arttı; hemen çıkma oranı ise yaklaşık %15 azaldı.