İçeriğe geç

E-ticaret

IP217

Çanta, şapka, ayakkabı ve tasarım objelerini koleksiyon koleksiyon sergileyen, Türkçe ve İngilizce çalışan bir aksesuar ve sanat e-ticaret sitesi.

Müşteri
IP217
Yapım
İş türü
E-ticaret
Teknoloji
WordPress, WooCommerce, WPML, WPBakery, Slider Revolution

Neler yaptık

IP217 ana sayfası: tel mankene asılı çantalar, solda koleksiyon listesi ve üstte açılır menüler, masaüstü görünüm
IP217 mobil ana sayfa: Burnt Collection ve Sun Collection görselleri alt alta

Koleksiyonları bir vitrin gibi dizmek

Tasarım odaklı bir aksesuar markası için e-ticaret sitesi, ürün listesinden önce bir vitrindir. Ziyaretçi markanın dünyasını görmek, sonra aradığı parçaya hızla inmek ister. IP217’de bu iki ihtiyacı aynı yapıda karşıladık. Ana menüyü Woman Acc., Man Acc., Interior ve Art başlıklarıyla dört ana kola ayırdık. Burnt, Sun, ASH ve DARK gibi koleksiyonları da bu başlıkların altına, her birinin içinde çanta, şapka, ayakkabı ve küçük aksesuar alt kategorileriyle yerleştirdik. Ana sayfada koleksiyonlar solda yazı olarak sıralanıyor, sağda ise ürünler tel mankenler üzerinde büyük fotoğraflarla görünüyor. Misafir tasarımcılar için ayrı bir sayfa, iade, gönderim ve gizlilik politikaları için de altbilgide kendi sayfaları var.

IP217 koleksiyon sayfası: Bags, Hats ve Little Acc. kategori görselleri ve koyu renk altbilgi, masaüstü görünüm
IP217 mobil koleksiyon sayfası: tam genişlikte Bags ve Hats görselleri

Beyaz zemin, siyah tipografi, ürüne bırakılan alan

IP217’nin harfleri aralıklı dizilmiş siyah logosu, tasarımın tonunu belirledi. Arayüzü beyaz zemin ve sade siyah tipografiyle kurduk, rengi tamamen ürün fotoğraflarına bıraktık. Turuncu, kahverengi ve krem tonlu deri çantalar, siyah tel mankenler ve yeşil bitkiler sayfanın renk paletini kendiliğinden oluşturuyor. Kategori sayfalarında Bags, Hats ve Little Acc. başlıkları fotoğrafların üzerine büyük harflerle yazılıyor. Ürün sayfasında koyu bir zemin ürün kodunu taşırken görsel ekranın yarısını kaplıyor. Masaüstünde menü açılır listelerle koleksiyonlara iniyor, dil bayrakları da hemen yanında duruyor. Mobilde koleksiyon görselleri tam genişlikte alt alta diziliyor, menü tek bir butona toplanıyor. Böylece küçük ekranda da her koleksiyon kendi fotoğrafıyla açılıyor.

IP217 ürün sayfası: koyu zemin üzerinde ürün kodu ve tel mankende siyah çanta ile şapka, masaüstü görünüm
IP217 mobil ürün sayfası: ürün kodu başlığı ve tel mankende şapka ile çanta

İki dil, döviz seçimi ve koleksiyon bazlı süzme

Siteyi WordPress ve WooCommerce üzerine kurduk. WPML ile site Türkçe ve İngilizce çalışıyor, dil değişimi menüdeki bayraklardan yapılıyor. WooCommerce Multilingual ile ürünler de iki dilde yönetiliyor, bir döviz seçici ise fiyatların farklı para birimlerinde gösterilmesini sağlıyor. Ürün listelerinde süzme için bir WooCommerce filtre eklentisi kullandık. Ödeme iyzico ile alınıyor, altbilgide kart logoları yer alıyor. Sayfa düzenleri WPBakery ile, ana sayfadaki görsel alanlar Slider Revolution ile hazırlandı. IP217 için siteye özel bir yönetim paneli de kurduk. Yeni bir koleksiyon açmak, ürünleri koleksiyonlara ve alt kategorilere yerleştirmek, iki dildeki ürün metinlerini güncellemek bu panelden yapılabiliyor. Benzer bir e-ticaret projesi için hizmetlerimize göz atabilirsiniz.

  • IP217 ana sayfası: tel mankene asılı çantalar, solda koleksiyon listesi ve üstte açılır menüler, masaüstü görünüm
  • IP217 koleksiyon sayfası: Bags, Hats ve Little Acc. kategori görselleri ve koyu renk altbilgi, masaüstü görünüm
  • IP217 ürün sayfası: koyu zemin üzerinde ürün kodu ve tel mankende siyah çanta ile şapka, masaüstü görünüm
  • IP217 mobil ürün sayfası: ürün kodu başlığı ve tel mankende şapka ile çanta
  • IP217 mobil koleksiyon sayfası: tam genişlikte Bags ve Hats görselleri
  • IP217 mobil ana sayfa: Burnt Collection ve Sun Collection görselleri alt alta