İçeriğe geç

E-ticaret

Mares Burada

Mares dalış ekipmanlarını tüplü ve serbest dalış kategorilerinde sunan, mobilde alt menüyle hızlı gezilen bir e-ticaret sitesi.

Müşteri
Mares Burada
Yapım
İş türü
E-ticaret
Teknoloji
WordPress, WooCommerce, WPBakery, Site Kit

Neler yaptık

Mares Burada ana sayfası: sualtı videosu üzerinde Derinlikte Maksimum Performans başlığı ve dokuz dalış ürünü kategorisi, masaüstü görünüm
Mares Burada mobil ana sayfa: Derinlikte Maksimum Performans başlığı, kategori kutuları ve alttaki sabit menü

Dalgıcın aradığı ürüne üç dokunuşta ulaşması

Dalış ekipmanı alan biri ne aradığını genellikle bilir: bir regülatör, bir denge yeleği ya da belli bir palet. Bu yüzden Mares Burada’da önceliği ürüne hızlı ulaşmaya verdik. Kataloğu tüplü dalış, serbest dalış ve SSI malzemeleri olarak üç ana kola ayırdık. Tüplü dalışın altında regülatörlerden dalış bilgisayarlarına, konsollardan elbiselere kadar her ürün grubu kendi alt kategorileriyle duruyor. Ana sayfanın ilk ekranında dokuz kategori görselli kutularla sıralanıyor, ziyaretçi tek dokunuşla doğru rafa iniyor. Ankara’daki mağazanın adresi ve yol tarifi ana sayfada, garanti, iade ve gönderim koşulları ise altbilgide kendi sayfalarında yer alıyor. Ürün sayfasındaki soru formu, alışveriş öncesi danışmak isteyen dalgıcın doğrudan mağaza ekibine yazmasını sağlıyor.

Mares Burada ana sayfasında Güvenli Dalış Üstün Teknoloji bölümü ve Bizi Tanıyın butonu, masaüstü görünüm
Mares Burada mobil görünüm: Güvenli Dalış Üstün Teknoloji metni ve Bizi Tanıyın butonu

Derin mavi, sualtı videosu ve okunur ürün kartları

Tasarımda Mares’in denizle kurduğu bağı ekrana taşımak istedik. Ana sayfanın ilk bölümü balık sürülerinin geçtiği bir sualtı videosuyla açılıyor, üzerine büyük ve kalın beyaz başlıklar yerleşiyor. Kategori kutularını yarı saydam, yumuşak köşeli kartlar olarak tasarladık. Böylece ürün görselleri koyu mavi zeminden ayrılıyor. Ürün sayfasına geçince zemin beyaza dönüyor ve ürün öne çıkıyor. Görsel galeri, indirim etiketi, fiyat, stok bilgisi ve Sepete Ekle butonu tek bakışta okunuyor. Yanda güvenli ödeme, kargo, iade ve destek bilgileri küçük kartlar hâlinde duruyor. Mobilde hesap, arama, ürünler ve sepet ekranın altındaki sabit bir menüye taşındı, başparmakla tek elle gezinmek kolaylaştı.

Mares Burada ürün sayfası: Mares Loop 15X INT dalış regülatörü, fiyat, stok bilgisi ve Sepete Ekle butonu, masaüstü görünüm
Mares Burada mobil ürün sayfası: regülatör görseli, küçük resim galerisi ve ürün başlığı

Renk ve beden süzme, favoriler ve özel yönetim paneli

Mağazayı WordPress ve WooCommerce üzerine kurduk, sayfa düzenlerini WPBakery ile hazırladık. Kategori sayfalarında ürünler renk ve bedene göre süzülebiliyor, sıralama seçenekleriyle fiyat ya da yeniliğe göre dizilebiliyor. Üst menüdeki arama alanı ürün adına göre canlı sonuç veriyor. Beğenilen ürünler favori listesine eklenebiliyor, müşteriler hesaplarından siparişlerini takip edebiliyor. Altbilgideki e-posta listesi kampanya duyuruları için kullanılıyor. Ziyaret verileri Google Site Kit ile izleniyor. Mares Burada için siteye özel bir yönetim paneli de hazırladık. Yeni ürün eklemek, fiyat ve stokları güncellemek, kategorileri düzenlemek ve siparişleri izlemek bu panelden yapılabiliyor. Benzer bir mağaza için hizmetlerimize göz atabilir, mevcut sitenizi site sağlık testi ile ölçebilirsiniz.

  • Mares Burada ana sayfası: sualtı videosu üzerinde Derinlikte Maksimum Performans başlığı ve dokuz dalış ürünü kategorisi, masaüstü görünüm
  • Mares Burada ana sayfasında Güvenli Dalış Üstün Teknoloji bölümü ve Bizi Tanıyın butonu, masaüstü görünüm
  • Mares Burada ürün sayfası: Mares Loop 15X INT dalış regülatörü, fiyat, stok bilgisi ve Sepete Ekle butonu, masaüstü görünüm
  • Mares Burada mobil ürün sayfası: regülatör görseli, küçük resim galerisi ve ürün başlığı
  • Mares Burada mobil görünüm: Güvenli Dalış Üstün Teknoloji metni ve Bizi Tanıyın butonu
  • Mares Burada mobil ana sayfa: Derinlikte Maksimum Performans başlığı, kategori kutuları ve alttaki sabit menü