Proje · Ev Dışı Tüketim · SAP Hybris & UX/UI
g2mB2B sipariş platformunun SAP Hybris üzerinde yeniden kurgulanan satın alma yolculuğu
- Müşteri
- g2m — Yıldız Holding grubu
- Sektör
- Ev dışı tüketim (EDT) · B2B dağıtım
- Platform
- SAP Commerce Cloud (SAP Hybris)
- Kapsam
- UX/UI tasarım · JSP tabanlı önyüz geliştirme
g2m, 40 yılı aşkın süredir ev dışı tüketim sektörüne dağıtım yapan bir Yıldız Holding grubu şirketidir. Bigfil, g2m’in SAP Commerce Cloud (Hybris) üzerinde çalışan B2B sipariş platformunun arayüzünü baştan tasarladı ve JSP tabanlı önyüz olarak geliştirdi: satın alma yolculuğunun tüm ekranları.
Zorluk
Hazır kurumsal e-ticaret arayüzü üzerinde markaya özel bir sipariş deneyimi
SAP Commerce Cloud (eski adıyla SAP Hybris), kurumsal ölçekte güçlü bir e-ticaret altyapısıdır; ancak satın alındığında markadan bağımsız, standart bir arayüzle gelir. Bu hazır arayüz teknik olarak çalışır, fakat markaya özel bir deneyim kurmak, kurumsal kimliği yansıtmak ve akışları işin gerçeğine göre farklılaştırmak için yeterli değildir. g2m’in ihtiyacı da buydu: çalışan altyapıyı yerinde bırakıp üzerindeki deneyimi yeniden kurmak.
Farklılaştırma yalnızca görsel bir mesele değildi. Ürünün bulunmasından sepete eklenmesine, oradan siparişin tamamlanmasına kadar uzanan yolun tamamı — ekran ekran — yeniden ele alınmalı, sonra da mevcut Hybris bileşenleri ve e-ticaret fonksiyonları hiç bozulmadan hayata geçirilmeliydi.
Yaklaşım
Süreç, adım adım
Satın alma yolculuğunun UX tasarımı
Ürün listeleme, ürün detay, sepet ve sipariş tamamlama ekranlarının tamamını, B2B bir sipariş platformunun kullanım biçimine göre yeniden kurguladık. Kullanıcının ürünü bulmasından siparişi tamamlamasına uzanan yolu uçtan uca tasarladık.
Markaya özel UI tasarımı
g2m’in kurumsal kimliğini taşıyan bir arayüz dili kurduk; hazır Hybris bileşenlerinin görsel sınırlarının dışına çıkarak ekranları markanın kendi diline taşıdık.
JSP tabanlı önyüz geliştirme
Tasarımları SAP Hybris’in şablon yapısına uygun biçimde, JSP tabanlı arayüz koduna dönüştürdük. Bu adım, tasarımın kâğıt üstünde kalmayıp platformun içinde çalışmasını sağlayan kısımdır.
Hybris entegrasyonu ve responsive geliştirme
Geliştirdiğimiz önyüzü mevcut Hybris bileşenleri ve e-ticaret fonksiyonlarıyla — ürün, sepet ve sipariş süreçleriyle — entegre ettik; farklı ekran boyutlarında tutarlı bir deneyim kurduk.
Sonuçlar
Altyapı korunarak, satın alma yolculuğunun tamamı yeniden kuruldu
- SAP Hybris
- Backend korunarak önyüz farklılaştırması
- Uçtan uca
- Listeleme, detay, sepet, sipariş tamamlama
- B2B
- Profesyonel mutfaklara sipariş platformu
- Tasarım + kod
- UX/UI ve JSP önyüz tek elden
Sık sorulan sorular
- g2m nedir?
- g2m, Türkiye genelinde 40 yılı aşkın süredir ev dışı tüketim (EDT) sektöründe dağıtım ve lojistik faaliyeti yürüten bir dağıtım şirketidir. g2m, profesyonel mutfaklara ve ticari işletmelere hizmet verir; ulusal ve uluslararası markaların distribütörlüğünü yürütmenin yanı sıra kendi özel markalı ürünlerini de taşır.
- SAP Hybris arayüzü neden özelleştirilir?
- SAP Commerce Cloud (SAP Hybris) satın alındığında markadan bağımsız, standart bir arayüzle gelir. Bu arayüz çalışır durumdadır ancak markaya özgü bir deneyim sunmaz. Firmalar bu nedenle hem arayüzü hem de kullanıcı akışlarını kendi işlerine göre farklılaştırmak ister; altyapı korunur, üzerindeki deneyim yeniden kurulur.
- Bigfil g2m projesinde ne yaptı?
- Bigfil, g2m’in SAP Hybris üzerinde çalışan B2B sipariş platformunun UX ve UI tasarımını yaptı; ürün listeleme, ürün detay, sepet ve sipariş tamamlama ekranlarının tamamını tasarladı. Ardından bu tasarımları JSP tabanlı önyüz olarak geliştirip mevcut Hybris e-ticaret fonksiyonlarıyla entegre etti.
- SAP Hybris üzerinde önyüz geliştirmek neden ayrı bir uzmanlık gerektirir?
- SAP Hybris, kendi şablon yapısı ve bileşen mimarisiyle çalışan kurumsal bir platformdur; arayüz kodu bu yapıya uygun biçimde, JSP tabanlı olarak yazılmak zorundadır. Tasarımın platformun sınırlarını bilerek kurgulanması ve mevcut e-ticaret akışları bozulmadan entegre edilmesi gerekir. Bigfil, Türkiye’de bu alanda deneyimli az sayıdaki ajanstan biridir; SAP’nin Türkiye’deki yetkili iş ortaklarına ve doğrudan lisans sahibi kurumlara önyüz tasarımı ve geliştirme desteği vermektedir.
İletişim / Başlayalım
Benzer bir proje mi düşünüyorsunuz?
Aklınızdaki projeyi anlatın; keşif görüşmesiyle nasıl değer katabileceğimizi birlikte netleştirelim.