Headless mimari & 3.4× dönüşüm.
Eski WooCommerce altyapısından Next.js + Shopify Headless mimarisine geçiş. Aynı reklam bütçesiyle 3.4× daha fazla dönüşüm — site hızı 2.1s → 0.6s.
Problem
Müşterimiz Türkiye'nin önde gelen butik moda markalarından biriydi. Reklam harcaması düzenli artıyordu ama dönüşüm yerinde sayıyordu. Eski WooCommerce kurulumu mobilde 2.1 saniye'de açılıyor, sepet adımında %47 terk yaşanıyordu. Stok ve fiyat güncellemeleri manuel sürüyor, sezon değişiminde site günlerce yavaşlıyordu.
Çözüm
Frontend'i Next.js ile sıfırdan yazıp ürün, stok ve sepet katmanını Shopify Storefront API'ye bağladık. CDN + ISR sayesinde 1.2 milyon ürün varyantı statik hızda servis edilir oldu. Ödeme akışı tek sayfaya indirildi; Apple Pay / Google Pay native entegre.
Aynı sprintte Google Ads + Meta tarafında dönüşüm API'leri yeniden kuruldu. Server-side eventler ile iOS 17 sonrası kayıp telafi edildi, ROAS ölçümü güvenilir hâle geldi.
"Site hızı değişince satış grafiği bambaşka bir eğri çizdi. İlk ayda neredeyse hiç kampanya kurmadan ciro arttı."
— Pazarlama DirektörüSonuç
- LCP 2.1s → 0.6s — Core Web Vitals tüm sayfalarda yeşil.
- Dönüşüm oranı ×3.4 — aynı trafik, üç katı sipariş.
- Sepet terk %47 → %22 — ödeme akışı sadeleşti.
- Organik trafik +%340 — Shopify katalog → ISR ile her ürün indexlendi.
- İlk çeyrek cirosu ₺2.1M — geçen yılın aynı dönemine göre ×2.8.
Mimari notu
Headless geçişi her marka için doğru değil. Stok katalog tek haneliyse ve trafik az ise klasik WooCommerce daha hızlı kurulur. Bu vakada aylık 80K+ ziyaretçi ve 1.2M varyant vardı — headless'in maliyeti 4 ayda kendini ödedi.