dotCREA

Los Banditos: Shopify'a taşıma ve satın alma akışının yeniden kurgusu

Los Banditos, bohem kadın giyimi üreten yerli bir markadır. Markanın yıllardır çalışan mağazasını Shopify'a taşıdık; ardından koleksiyon, ürün, sepet ve kasa akışlarını Türkiye pazarının gerçeklerine göre yeniden tasarlayıp kargo operasyonunu otomatikleştirdik.

MüşteriLos Banditos · bandito.com.tr
SektörHazır giyim / D2C
PlatformShopify Advanced — Horizon tabanlı özel tema
Yıl2026
KapsamTaşıma, Tema geliştirme, Performans, Kargo entegrasyonları, B2B fiyatlandırma
2.248
Taşınan ürün
~69.000
Aktarılan müşteri kaydı
4.919
301 yönlendirmesi
181
Geliştirme commit'i, 117 dosya
10,8 → 0,7 MB
Blog görsellerinde ağırlık

Devraldığımız durum

  • Binlerce ürün, kategori ve müşteri kaydı; hepsi eski URL yapısına bağlı arama trafiğiyle.
  • Mobilde zorlanan, kategori içinde filtrelemeye izin vermeyen bir alışveriş akışı.
  • Elle yürütülen kargo süreci; ücretli entegratör uygulamalarına bağımlılık.
  • Fatura ve teslimat adreslerinde il/ilçe karışıklığı, operasyonda düzeltme yükü.

Hedefimiz

  • Arama motorlarındaki mevcut konumu koruyarak platform değiştirmek.
  • Kategori sayfasını gerçek bir “seç ve bul” deneyimine dönüştürmek.
  • Ürün sayfasında beden seçimi ve satın alma adımını hatasız hale getirmek.
  • Kargo kaydı, etiket ve takip numarasını mağazanın kendi altyapısıyla üretmek.
Los Banditos ana sayfası, masaüstü görünüm
Ana sayfa — masaüstü

Taşıma ve kazanılmış arama trafiğinin korunması

  • Ürün, varyant, koleksiyon ve müşteri verisi Shopify formatına dönüştürülerek aktarıldı; renk, model kodu ve ikincil stok kodu için özel alanlar (metafield) kuruldu.
  • 4.919 adet 301 yönlendirmesi: kategori, ürün, blog, sayfa ve filtre URL'leri tek tek eşlendi.
  • Filtreli koleksiyon sayfalarına dinamik H1, taranabilir renk bağlantıları ve self-canonical eklendi.
  • Gereksiz parametreli URL'ler robots.txt ile taramaya kapatıldı; ürün verisi JSON-LD olarak yayınlandı.

Koleksiyon deneyimi — filtrele ve sırala

  • Mobil ve masaüstünde tek düğme, tek panel: uygulanan filtreler, sıralama ve ürün türü / beden / renk / fiyat grupları.
  • Türkçe renk adlarını renk kutucuğuna çeviren özel bileşen, beden kutu ızgarası, sürüklenebilir fiyat aralığı çubuğu.
  • Menü hiyerarşisinden otomatik üretilen çok seviyeli breadcrumb ve alt kategori şeridi.
  • Ürün ızgarasının 7., 24., 48. ve 72. hücresine, ürün akışıyla aynı ritimde ilerleyen kampanya alanı.
Filtre paneli açık koleksiyon sayfası, masaüstü görünüm
Koleksiyon — filtrele ve sırala

Ürün sayfası — beden seçiminden ödemeye kesintisiz akış

  • Beden seçimi satın almanın ön koşulu: seçim yapılmadan ilerlendiğinde ürünün yanında yönlendiren bir uyarı çıkıyor, hızlı ödeme düğmesi de aynı uyarıyı veriyor.
  • Solda küçük görselli dikey galeri, görününce sessiz oynayan ürün videosu, tam ekran yakınlaştırma.
  • Beden tablosu modalı, “Diğer Renkler” listesi (stoğu bitenler gizli), model kodu satırı, paylaş ve favori aksiyonları.
  • Mobilde ekrana sabit fiyat, Hemen Al ve Sepete Ekle çubuğu; WhatsApp ile sipariş bağlantısı.

Sepet ve kasa — adres zinciri

  • Sepette il ve ilçe seçimi; seçim kasaya doğru alanlara önceden doldurularak taşınıyor, fatura adresi baştan doğru oluşuyor.
  • “Hemen Al” akışı sepet sayfasını atlıyor, seçili bölgeyi yine de kasaya taşıyor.
  • Sepete ekleme onayı: masaüstünde modal, mobilde alttan açılan çekmece; güven barı, iade ve teslimat bilgisiyle.
  • Sipariş özeti ve ürün listesi masaüstünde kart düzenine alındı; ekran ödeme adımına odaklanacak şekilde sadeleştirildi.
Ürün sayfası, beden seçimi ve galeri, masaüstü görünüm
Ürün sayfası — beden seçimi ve galeri

Kargo entegrasyonları — Yurtiçi Kargo ve Hepsijet

  • Sipariş ödendiğinde kargo kaydı, barkodlu etiket, takip numarası, durum senkronizasyonu ve iptal; hem otomatik hem parola korumalı panelden. Ücretli entegratör aboneliğinin yerine geçiyor.
  • İki taşıyıcı da aynı sipariş ekranından yönetiliyor; etiket ve takip bağlantısı gönderinin çıkacağı firmaya göre üretiliyor.
  • Aynı kaydın iki kez açılmasını önleyen deterministik gönderi anahtarı; webhook tekrarları ve panel/otomasyon yarışları güvenle karşılanıyor.
  • Kargo durumu sipariş üzerinde etiket ve alan olarak tutuluyor; müşteriye açık kargo takip sayfası siteye bağlandı.

B2B — Shopify Functions ile grup bazlı fiyatlandırma

  • Her bayi müşteri bir gruba bağlanıyor; grup anahtarı olmayan müşteriler perakende fiyatı görüyor. Ayrı bir B2B sitesi kurulmadan, aynı mağaza içinde çalışıyor.
  • Ürün varyantı başına grup fiyat listesi; fiyatlar CSV'den toplu olarak yüklenebiliyor.
  • Fiyatı Shopify Function (indirim fonksiyonu) sepette ve kasada uyguluyor — vitrinde görünen tutar ile ödenen tutar her zaman aynı.
  • Giriş yapmış bayiye kendi net fiyatı ve “Bayi Fiyatı” rozeti gösteriliyor; yönetici için fonksiyon ayar arayüzü geliştirildi. Toptan satış başvuru formu yeni bayi taleplerini aynı akışa bağlıyor.

Operasyon araçları

  • Ürün fiyat ve stok senkronu, stok kodu düzeltme, beden-stok üretimi.
  • Metafield tanımlarının ve B2B fiyat listelerinin toplu kurulumu.
  • Breadcrumb hiyerarşisinin toplu yazımı, kategori ve içerik güncellemeleri.
  • Favori listesi, kargo takip sayfası ve toptan satış sayfası gibi tema tarafı eklentiler.

Performans sprinti

Blog görselleriPNG → WebP dönüşümü, SEO alt metinleri10,8 MB → 0,7 MB
Değerlendirme rozetiÜçüncü parti betik ilk etkileşime ertelendi−450 KB JS
Kart görselleriGerçek görüntü genişliğine göre boyut tanımlarıGereksiz indirme yok
İlk büyük görselÖncelikli yükleme ve head içinde ön-yüklemeDaha erken LCP
Başlık ve rozetlerYerleşim kaymasına karşı alan rezervasyonuDaha düşük CLS
Ölü uygulama gömüleriKullanılmayan uygulama kodu temizlendiDaha az istek

Ölçümü sağlayan servisler hız uğruna sökülmedi; riski kazancından büyük bulunan müdahaleler gerekçesiyle birlikte reddedildi. Shopify'ın tam sayfa önbelleği nedeniyle her düzeltme canlıda doğrulandı.

Sonuç

Platform değişti; kazanılmış trafik ve operasyon alışkanlıkları yerinde kaldı. Los Banditos bugün Shopify üzerinde kendi tasarım diline sahip özel bir tema ile çalışıyor; kargo süreci iki taşıyıcıyı da kapsayan kendi uygulamasıyla yürüyor, bayi satışı aynı mağazanın içinde grup fiyatlarıyla yapılabiliyor ve ürün sayfasından kasaya kadar olan akış Türkiye'deki alışveriş alışkanlıklarına göre kurgulanmış durumda.

Süreç
Temmuz · başı
Veri aktarımı ve yönlendirme haritası
Temmuz · ortası
Katalog, ürün sayfası ve B2B grup fiyatlandırması
Temmuz · sonu
Performans sprinti
Ağustos
Kargo entegrasyonları, adres zinciri ve sepet
Ağustos · sonu
Planlanan iş kalemlerinin tamamı canlıya alındı
Teknik künye
ShopifyHorizon tabanlı özel temaLiquidWeb ComponentsSection Rendering APIAdmin API (GraphQL + REST)Metafields / MetaobjectsShopify FunctionsNext.js (App Router)TypeScriptVercelYurtiçi Kargo SOAPHepsijet APIWebhooksPythonJSON-LD

Mobil arayüz

Ürün sayfası mobil görünümü
Ürün sayfası — mobil
Koleksiyon sayfası mobil görünümü
Koleksiyon — mobil
Ana sayfa mobil görünümü
Ana sayfa — mobil