ikas, Türkiye’de hızla büyüyen bir e-ticaret altyapısı. Hazır temalar başlangıç için yeterli olsa da, marka büyüdükçe iki sorun ortaya çıkıyor: görsel olarak herkese benzemek ve performans kaybı. ikas özel tema geliştirme tam olarak bu iki noktayı çözüyor.
Hazır tema ne zaman yetmez?
- Marka kimliğiniz tema şablonuna sığmıyorsa
- Ürün sayfanızda özel bir varyant veya hesaplama mantığı gerekiyorsa
- Sayfa hızı düşük ve kullanılmayan kod yükleniyorsa
- Sepet veya ödeme akışında özelleştirme istiyorsanız
Performans: en çok göz ardı edilen konu
Sayfa hızı doğrudan dönüşüm oranını etkiler. Mobilde yüklenme süresinin bir saniye artması, satışlarda ölçülebilir bir düşüşe yol açabilir. Özel tema geliştirirken görsellerin doğru formatta sunulması, kritik CSS’in öne alınması ve gereksiz üçüncü parti betiklerin temizlenmesi ilk ele aldığım konular oluyor.
Hızın nasıl ölçüldüğünü ayrı bir yazıda anlattım: Mağaza hızını ölçmek: LCP, CLS ve INP →
Hazır temayı düzenlemek mi, özel tema mı?
| Hazır temayı düzenlemek | ikas özel tema geliştirme | |
|---|---|---|
| Başlangıç | Hızlı; tema mağazasından seçilip ayarlanır | Brief, tasarım ve kodlama aşamaları var |
| Görünüm | Aynı temayı kullanan mağazalara benzer | Markaya göre baştan tasarlanır |
| Ürün sayfası | Temanın sunduğu alanlarla sınırlı | Ürünün anlatımına göre özel alanlar |
| Kod yükü | Kullanılmayan bölümler de yüklenir | Yalnızca kullanılan bölümler yazılır |
| Panelden düzenleme | Temanın izin verdiği kadar | Hangi alanın düzenleneceği baştan planlanır |
Ürün sayısı az, anlatımı sade bir marka için hazır temayla başlamak çoğu zaman doğru karar. Özel temaya geçişin zamanı, hazır temanın üzerine yapılan değişikliklerin temayı yavaşlattığı ya da her yeni kampanyada geliştiriciye ihtiyaç duyulduğu an.
ikas’ta özel tema teknik olarak nasıl yazılıyor?
ikas temaları React tabanlı bileşenlerden oluşuyor. Her bölüm (ana sayfa vitrini, ürün galerisi, kategori ızgarası) ayrı bir bileşen olarak yazılıyor ve bileşenin metin, görsel, renk ve sıralama gibi ayarları ikas’ın tema düzenleyicisinde görünecek şekilde tanımlanıyor. Böylece mağaza sahibi kod bilmeden bölüm ekleyip çıkarabiliyor.
Geliştirme, ikas’ın partnerlere açtığı geliştirme ortamında ve test mağazasında yapılıyor. Tema yayına alınmadan önce gerçek ürün verisiyle, mobil ve masaüstünde, ödeme adımına kadar deneniyor. Canlı mağazaya geçiş, eski tema yedekte tutularak tek adımda yapılıyor; geri dönmek gerekirse önceki tema yeniden etkinleştirilebiliyor.
Temanın karşılayamadığı işlevler için mağazaya özel uygulama: ikas uygulama geliştirme →
Başta verilmesi gereken kararlar
Özel temanın kalitesi, kodlamaya başlamadan önce verilen kararlarla belirlenir. Bu kararlar sonradan değiştiğinde iş hem uzar hem pahalanır.
- Bölüm listesi: hangi sayfada hangi bölümler olacak, hangileri panelden eklenip çıkarılabilecek?
- Ürün sayfası alanları: ölçü, malzeme, kullanım bilgisi gibi alanlar ürün verisinde nerede tutulacak?
- Görsel standardı: ürün görselleri hangi oran ve boyutta çekilecek? Tema bu orana göre kurulur.
- Metin tonu: düğmelerde, uyarılarda ve boş sayfalarda markanın nasıl konuşacağı.
- Entegrasyonlar: muhasebe, kargo ve pazar yeri bağlantılarının hangileri kullanılacak?
Süreç nasıl ilerliyor?
Önce mevcut mağazanızı ve hedeflerinizi inceliyorum. Ardından tasarım aşamasına geçiyoruz; burada marka kimliğiniz ve kullanıcı akışı belirleniyor. Geliştirme sürecinde düzenli olarak ilerleme paylaşıyorum, böylece sürpriz yaşamıyorsunuz. Yayın sonrası da destek devam ediyor.
Teslimden sonra
Tema teslim edildiğinde bölümlerin panelden nasıl düzenlendiği, görsellerin nasıl değiştirildiği ve yeni bir kampanya bölümünün nasıl ekleneceği gösterilir. Yapılan her değişiklik kayıtlı olduğu için, ileride bir geliştirme istendiğinde nereden devam edileceği bellidir.
Özel tema, bir kerelik bir harcama değil; mağazanızın uzun vadeli altyapısı.
Doğru kurgulandığında yıllarca üzerine ekleme yapabileceğiniz bir temel oluşturur.
Sık sorulan sorular
ikas özel tema geliştirme ne kadar sürer?
Kapsama bağlı: özel tasarlanacak sayfa sayısı, ürün sayfasındaki özel alanlar ve entegrasyonlar süreyi belirliyor. Brief’ten sonra her aşamanın tarihini yazılı olarak veriyorum; tasarım onayı gelmeden kodlamaya geçilmiyor.
Mevcut ürünlerim ve siparişlerim etkilenir mi?
Hayır. Tema yalnızca mağazanın görünüşünü ve sayfa yapısını değiştirir; ürünler, müşteriler ve siparişler ikas’ın panelinde olduğu gibi kalır.
Özel temayı sonradan başka bir geliştirici düzenleyebilir mi?
Evet. Kod düzenli ve açıklamalı yazılıyor, değişiklikler sürüm kaydıyla tutuluyor. İleride başka bir geliştiriciyle çalışmak isterseniz temayı nerede bıraktığımız açıkça görülür.
Hazır bir ikas temasını özelleştirmek daha ucuz olmaz mı?
Değişiklik birkaç bölümle sınırlıysa evet. Değişiklik listesi uzadıkça hazır temanın kodu üzerine eklenen her parça hem bakımı zorlaştırıyor hem hızı düşürüyor; bu noktadan sonra sıfırdan yazmak uzun vadede daha az maliyetli oluyor.
Hizmetin kapsamı, aşamaları ve fiyatı belirleyen etkenler: ikas özel tema geliştirme →