Nurus: canlı bir ofis mobilyası mağazasını yeni temaya taşımak ve CRM/ERP’ye bağlamak

Bağlam

Nurus, geniş bir kataloğa sahip profesyonel ofis mobilyası üreticisi: masalar, oturma grupları, depolama, akustik ve ergonomik ürünler. E-ticaret operasyonu da sıradan bir online mağazadan daha fazla departmanı içeriyor: tasarım, pazarlama, satış, SEO, lojistik ve şirketin CRM ile ERP’sini yöneten ekipler. Shopify mağazası yayındaydı ve satış yapıyordu. İstenen şuydu: mağazayı yeni bir temaya taşımak, tasarım ekibinin yeni düzenlerini uygulamak ve mağazayı şirketin mobilyayı gerçekte nasıl teslim edip kurduğuna uydurmak. Hepsi de mağaza satışa devam ederken.

Rol ve ekip

Projeye full-stack Shopify geliştiricisi ve danışmanı olarak katıldım. Projede iki geliştirici daha vardı; onların işini koordine ettim ve teknik destek verdim. Marka tarafında tasarım ekibi (Figma ve Adobe dosyaları), pazarlama ve SEO ekipleri, satış, mağaza yöneticisi ve CRM ile ERP tedarikçilerinin temsilcileriyle çalıştım. Dış bir SEO ajansının hazırladığı denetim raporlarını kod değişikliklerine dönüştürdüm.

Yaklaşım: yeni temayı canlı temanın yanında kurmak

İlk adım altyapıydı. Mağazayı GitHub’a bağladım; main ve dev dallarını ayrı temalar olarak kurdum, böylece yeni tema canlı temanın yanında geliştirilip incelenebildi. Her section tasarım dosyalarından, ayarları tema editöründe açık olacak şekilde geliştirildi; mağaza ekibinin içeriği, düzenleri ve menüleri geliştiriciye ihtiyaç duymadan değiştirebilmesi için dokümantasyon yazdım. Geliştirme tamamlandığında main tema GitHub üzerinden yayına alındı.

Neler geliştirildi

Storefront ve gezinme

• Tasarım ekibinin dosyalarından yeni section’lar ve sayfalar: grid düzenleri, slider’lar, sekmeler içinde açılır-kapanır içerik ve Shopify’ın tipografi ayarlarında bulunmayan özel fontlar.
• Markanın isteğiyle koleksiyonların kategorilenmiş gruplar hâlinde göründüğü yeni menü yapısı.
• Filtrelenebilir referans projeler alanı: markanın büyük kurulumlarına konuma ve müşteriye göre göz atılabiliyor.
• Tüm şablonlarda mobil düzen iyileştirmeleri.

Ürün ve koleksiyon deneyimi

• Varyant bazında stok durumunu yansıtan varyant seçiciler.
• Koleksiyon sayfalarında filtreden ve ürün kartından varyant görseli değişimi.
• Ürün sayfalarında, tamamlayıcı ürünlerin seçili varyanta göre değiştiği upsell alanları.
• Ürün şablonlarında SEO meta başlıkları ve açıklamaları.
• Performansı düşüren duyuru çubuğu türü uygulamaların yerine hafif Liquid section’lar.

Teslimat ve montaj mantığı

Ofis mobilyası teslim edilir ve çoğu zaman yerinde monte edilir. Montaj hizmetlerini, satın alma akışına uyan bir sunumla sipariş edilebilir kalemler olarak ekledim; montaj teklifini teslimat şehrine göre özelleştirdim ve farklı teslimat yöntemleri için farklı fiyatlandırma uyguladım. Kargo ücreti mantığı yeniden düzenlendi ve ekip bunu yönetmek üzere eğitildi.

CRM/ERP entegrasyonu

Mağaza ile şirketin CRM ve ERP sistemleri arasında veri aktaran özel bir uygulama yazıp kurdum. Bunun üzerine, sipariş yönetim sistemindeki sipariş ve kargo bilgileri özel sayfalar ve mantıkla storefront’ta müşterilere gösteriliyor.

Ölçümleme, SEO ve erişilebilirlik

• Google Analytics olayları için özel tetikleyiciler ve diğer takip araçları için özel pikseller; pazarlama ve SEO ekipleri için temada ayrılmış özel alanlar.
• Semantik HTML, yapılandırılmış veri, özelleştirilmiş sitemap.xml ve robots.txt, ajansın denetimlerine dayanan site içi SEO değişiklikleri.
• Blindlook bağlantılı, görme engelli kullanıcılara yönelik düzenlemeler.
• Özelleştirilmiş e-posta şablonları.

Sonuç

Markanın kendi ekiplerinin günlük olarak yönettiği, section’ları ve ayarları belgelenmiş yeni temalı bir mağaza; siparişin dışında değil, siparişin parçası olarak ele alınan teslimat ve montaj; Shopify ile şirketin zaten kullandığı CRM/ERP sistemleri arasında bir veri yolu.