Shopify geliştirme ve optimizasyon
Tasarım dosyalarınızdan tema ve storefront geliştirme, platform geçişleri, abonelik ve uygulama entegrasyonları, mevcut mağazalarda performans çalışması.
Shopify işlerimin çoğu zaten var olan ve zaten satış yapan mağazalarda geçiyor. Markanın, temadan beklediklerinin listesini tutan bir tasarım ekibi ya da mağaza yöneticisi vardır; birbirine uyması gereken uygulamalar, yaklaşan bir platform geçişi ya da yavaş yüklenen sayfalar. Ben bu listeyi alıp ekibin kendi başına yönetmeye devam edebileceği bir storefront’a dönüştürürüm.
Nasıl çalışıyorum
Önce mevcut temaya, uygulamalara ve ekibin iş akışına bakarım; geliştiriciye ihtiyaç duymadan neyin düzenlenebilir kalması gerektiğini sorarım. Çalışma geliştirme temasında, proje izin verdiğinde Git üzerinde yürür; ilerleme gerçek sayfalar ve gerçek ürünler üzerinde incelenir. Bir istek bir tema ayarı ya da mevcut bir uygulamayla daha iyi karşılanacaksa özel kod yazmak yerine bunu söylerim. Daha büyük storefront projelerinde başka geliştiricileri de koordine ettim ve teslimden sonra mağaza ekibinin rutin değişiklikleri devralabilmesi için dokümantasyon hazırladım.
02Kimler için
- Figma ya da Adobe tasarımlarının sabit kodlanmış sayfalar yerine editörle yönetilebilir Liquid section’lar olarak uygulanmasını isteyen, şirket içi ya da ajans tasarım ekibi olan markalar.
- Temasını aşmış ve içerik, ayar ya da arama sıralamasını kaybetmeden yeni bir temaya geçmesi gereken Shopify ya da Shopify Plus mağaza ekipleri.
- Büyük ya da karmaşık bir katalogla başka bir platformdan Shopify’a geçen mağazalar.
- Satın alma akışının ürün sayfasında, drawer cart’ta ve sepette tutarlı çalışması gereken; abonelik, bundle ya da yapılandırılabilir ürün satan mağazalar.
- SEO uzmanının ya da mağaza yöneticisinin kod düzeyinde düzeltme gerektiren performans, mobil ya da erişilebilirlik sorunları tespit ettiği ekipler.
03Çözdüğüm sorunlar
- Temaya bir türlü tam olarak yansımayan tasarımlar. Section’ları ve sayfaları tasarım dosyalarından, ayarları tema editöründe açık olacak şekilde geliştiririm; pazarlama ekibi içeriği geliştiriciye ihtiyaç duymadan değiştirir.
- Canlı mağazada tema değişikliği. Yeni tema canlı temanın yanında kurulur, GitHub’a bağlı main/dev akışı işler ve yayına alma yalnızca ekip gerçek sayfaları inceledikten sonra yapılır.
- Platform geçişleri. Ürünler, müşteriler, blog yazıları, politikalar ve koleksiyonlar taşınır, filtreler yapılandırılır, eski adresler için 301 yönlendirmeleri oluşturulur ve mağazayı sonrasında yönetecek ekip eğitilir.
- Temas noktaları arasında kopan abonelik ve bundle akışları. Abonelik seçeneği ürün sayfasında, arama sonuçlarında, drawer cart’ta ve sepette doğru görünür ve güncellenir; geçici çözümler yerine abonelik uygulamasının kendi belgelenmiş fonksiyonları kullanılır.
- Yavaş storefront’lar. Görsel yükleme sırası, ekran altı medya için lazy loading, Liquid ve JavaScript’in bölünüp küçültülmesi, performansı düşüren uygulamaların hafif Liquid section’larla değiştirilmesi ve uygulama gömülerinin güncel sürümlere taşınması.
- Teknik SEO ve erişilebilirlik çalışması. Semantik HTML, yapılandırılmış veri, sitemap ve robots özelleştirmeleri, ürün şablonlarında meta başlık ve açıklamalar, uzman iş ortaklarının istediği erişilebilirlik düzenlemeleri.
04Tipik teslim kapsamı
- GitHub geliştirme akışı ve dokümantasyonla tema kurulumu ya da geçişi.
- Markanın tasarımına ve tema tarzına uygun özel section’lar, grid’ler, slider’lar, sekmeler ve açılır-kapanır içerik.
- Ürün detay çalışması: stoka duyarlı varyant seçiciler, koleksiyon filtrelerinden ve ürün kartlarından varyant görseli değişimi, aynı koleksiyondaki ürünler arasında gezinme, ek ücret mantığıyla kişiselleştirme alanları.
- Drawer cart ve sepet mantığı: adet gösterimi, upsell ve cross-sell alanları, abonelik ya da bundle kontrolleri.
- Uygulama entegrasyonları: abonelik, bundle, yorum, kargo ve ücret uygulamaları, mesajlaşma, analitik ve özel olaylı pikseller.
- Geçiş kapsamı: veri aktarımı, 301 yönlendirmeleri, mağaza ayarları, ödeme ve kargo yapılandırması, alan adı bağlantısı, müşterinin kendi Shopify hesabına devir.
- Tarayıcıda ve Shopify’ın kendi araçlarında öncesi/sonrası incelemesiyle performans turları.
05İlgili projeler
Birlikte çalışmak nasıl başlar
Diğer hizmetler
- B2B ticaret ve sistem entegrasyonlarıBayi kabulü, rol bazlı fiyatlandırma, teklif ve onay akışları; Shopify ile CRM, ERP, tedarikçi ve envanter sistemleri arasında veri alışverişi.
- Özel uygulamalar ve iş akışı otomasyonuOperasyonun hiçbir hazır uygulamanın karşılamadığı parçaları için özel Shopify uygulamaları, Node.js servisleri ve zamanlanmış entegrasyonlar.
Mağazayı, etrafındaki sistemleri ve neyin değişmesi gerektiğini anlatın; sorularım ve yaklaşıma dair ilk görüşümle e-postayla dönerim.
Projenizi konuşalım