Projelere Dön

Wio Uniform

Medikal, güzellik, otel ve kurumsal sektörlere iş kıyafeti üreten bir marka için bayi başvurulu B2B satış akışı, 7 dilli arayüz ve 326 ürünlük katalogla çalışan e-ticaret sitesi.

Proje türü
E-Ticaret
Sektör
İş kıyafetleri
Konum
Bursa · uluslararası satış
Rolüm
Full stack geliştirme · RGS Teknoloji
Yıl
2022
Kapsam
326 ürün · 7 dil

FIG. 01Ana sayfa

Canlı site ·
Ana sayfa: #ComfortAtWork slider'ı ve sektör menüsü
Problem
Marka bireysel müşteriye değil bayiye satıyor; fiyatların yalnızca bayilere açılması, kataloğun ise yurt dışındaki alıcıya kendi dilinde ulaşması gerekiyordu.
Çözüm
Fiyatlar giriş yapmamış ziyaretçiye kapalı ve ürün kartları bayilik başvurusuna götürüyor; arayüz 7 dilde, Arapçada sağdan sola.

Bağlam

Wio Uniform; medikal, güzellik, otel ve kurumsal sektörler için iş kıyafetleri üreten, Bursa merkezli bir marka. Satışlarını bayiler aracılığıyla ve yurt dışına yapıyor.

Siteyi 2022'de, RGS Teknoloji'de full stack geliştirici olarak çalıştığım dönemde, ajansın PHP MVC altyapısı üzerinde geliştirdim.

Yaklaşım

  • Fiyat bayiye açık. Giriş yapmamış ziyaretçi ürünleri görebiliyor ama fiyatları göremiyor; ürün kartlarındaki "Register" düğmesi bayilik başvuru formuna götürüyor. Onaylı bayiler üst menüdeki B2B hızlı girişle hesaplarına geçiyor.
  • Her renk kendi sayfasında. Renk varyantları ayrı ürün adresleriyle yayında; ürün sayfasında beden seçimi, kumaş bileşimi, stok kodu, barkod ve beden tablosu var.
  • Yedi dil. Arayüz İngilizce, İspanyolca, Fransızca, Almanca, Arapça, Rusça ve İtalyanca; Arapça seçildiğinde sayfa sağdan sola dönüyor.
  • Bulma araçları. Üçüncü harften sonra çalışan canlı arama; kategori sayfalarında sıralama ve ürün adlarından türetilen filtre.

Öne çıkanlar

  • Katalog: 326 ürün sayfası ve 14 kategori.
  • Koleksiyonlar: Medical & Beauty altında Imperial, Coton ve Dynamic.
  • Ürün sayfası: Yakınlaştırmalı galeri, küçük resimler, beden tablosu ve benzer ürün önerileri.
  • Bayilik başvurusu: Firma, ülke ve iletişim bilgileriyle başvuru formu; şifre sıfırlama akışı.

Teknik altyapı

  • Çatı: RGS Teknoloji'nin PHP MVC altyapısı ve Blade şablonları; arayüz ticari bir mağaza temasından uyarlandı.
  • Dinamik işlemler: Arama, sıralama ve sepet işlemleri token korumalı AJAX uç noktaları üzerinden.
  • Sepet katmanı: Sepet tarayıcı oturumunda tutulup sunucuyla eşitleniyor; varyantlar ürün, renk ve beden kimliğiyle ayrılıyor, satır başına 9.999 adede kadar miktar girilebiliyor.
  • Görseller: WebP ve geç yükleme.
  • Barındırma: Cloudflare, Brotli sıkıştırma ve statik dosyalarda uzun süreli önbellek.

Sonuç

Site; bayilik başvurusunu, bayi girişini ve 326 ürünlük kataloğu tek bir akışta topluyor ve fiyatları yalnızca bayilere açarak 7 dilde yayında.

FIG. 02Sayfalar

1440 × 900
  1. Kategori sayfası: 75 ürünlük koleksiyon, sıralama ve filtre

    01

    Kategori sayfası — 75 ürünlük koleksiyon, sıralama ve filtre

  2. Bayilik başvurusu: kişisel ve firma bilgileri formu

    02

    Bayilik başvurusu — kişisel ve firma bilgileri formu

FIG. 03Mobil görünüm

390 × 844
  1. Mobil ana sayfa: slider ve kategori karuseli

    01

    Mobil ana sayfa — slider ve kategori karuseli

  2. Mobil kategori: fiyat yerine bayilik kaydı düğmesi

    02

    Mobil kategori — fiyat yerine bayilik kaydı düğmesi

  3. Mobil ürün sayfası: galeri ve beden seçimi

    03

    Mobil ürün sayfası — galeri ve beden seçimi

  4. Mobil bayilik başvuru formu

    04

    Mobil bayilik başvuru formu