Ana sayfa
Ana sayfayı markanızın ürünlerini ve satış önceliklerini anlatacak sırayla tasarlarız.
Hazır temadaki bölümleri yalnızca doldurmak yerine hangi içeriğin önce gelmesi gerektiğini belirleriz.
ikas özel yazılım tema
Markanıza özel bir tasarım dili kurar, hazır tema kalıplarına bağlı kalmadan temayı sıfırdan yazarız. Ürünlerinizi nasıl göstereceğimizden mobilde hangi içeriğin önce geleceğine kadar her detayı markanıza göre tasarlarız.
Özel tema 4-6 haftaİlk görüşme ücretsiz
ikas özel tema nedir?
ikas özel tema, hazır bir temayı düzenlemek yerine mağazanın ürün yapısına ve alışveriş akışına göre sıfırdan yazılan temadır. ikas'ta özel tema ikas Studio'da ya da Next.js tabanlı tema altyapısında (partner panelinde Headless Themes) geliştirilir; biz ikas Studio Kod modunda Preact ile ya da Headless Themes'te React bileşenleriyle, iki yolda da TypeScript ile çalışıyoruz. Tema mağazanızın ikas hesabında yayınlanır, içerik alanları tema editöründen yönetilir; birlikte çalışmamız bitse de tema mağazanızda çalışmaya devam eder. Sıfırdan bir özel tema genellikle 4-6 haftada tamamlanır.
Örnekler
Gerçek mağazalarda tasarımı ürüne göre şekillendirdik
Sıfırdan yazdığımız ikas temalarından kısa kesitler. Her mağazada tasarımı, o ürünün nasıl seçildiğine ve satın alındığına göre kurduk.
Le Pole. Dikey 9:16 marka çekimlerini kırpmadan ürün kartlarına taşıyarak koleksiyonun görsel dilini kategori boyunca koruduk.
Kamp ve Ötesi. Ürün videolarını ve hikâye alanını ana sayfanın doğal bir parçası olarak kurgulayıp ürün keşfini görsel içerikle birleştirdik.
Massada. Katlanır mobilyaların açık ve kapalı halini kullanım videosuyla birlikte göstererek ürünün nasıl çalıştığını tasarımın içinde anlattık.
Goldmi. Her parfümün üç koku notasını ürün kartında, adının hemen altında gösterdik; müşteri kokuları karta girmeden karşılaştırabiliyor.
Kapsam
Özel yazılım tema neleri kapsar?
Özel temada her sayfanın görevi ayrı tasarlanır. Aşağıdaki altı alan bir ikas özel yazılım tema projesinin temel kapsamıdır; hangisinin ağır basacağını ürün yapınız belirler.
Kategori
Kategori sayfalarını müşterinin ürünleri daha hızlı karşılaştıracağı biçimde kurarız.
Kart boyutu, görsel oranı, renk ve beden gösterimi, hızlı bakış, filtre ve sıralama davranışı ürün grubuna göre değişir.
Ürün sayfası
Ürün sayfasında satın alma kararını etkileyen bilgileri müşterinin baktığı yerde gösteririz.
Her ürün aynı şekilde anlatılmaz; mobilyada açık ve kapalı kullanım, giyimde beden ve renk, gıdada saklama veya teslimat bilgisi öne çıkar.
Sepet ve ödeme
Sepet akışını müşterinin toplam maliyeti ve bir sonraki adımı kolayca anlayacağı biçimde düzenleriz.
Sepette yalnızca ürün listesini göstermek çoğu mağaza için yeterli değildir.
Mobil
Mobil tasarımı masaüstünün küçültülmüş hali olarak değil, ayrı bir alışveriş akışı olarak tasarlarız.
Ekranın dar olması; görsel, fiyat, varyant, sepete ekleme ve güven bilgisinin sırasını daha önemli hale getirir.
Yönetim
İçerik ve kampanya alanlarını ikas Admin üzerinden günlük ekip kullanımına uygun biçimde yönetilebilir kurarız.
Özel tema, her metin veya görsel değişikliğinde geliştiriciye ihtiyaç duymak anlamına gelmemelidir.
Tasarım
Satış yapan bir mağaza yalnızca güzel görünmez, ürününü markasına özgü bir dille anlatır.
Her markada aynı bölüm sırasını ve aynı ürün kartını kullanmak yerine tasarımı ürünün nasıl satın alındığına göre kurarız. Le Pole’de dikey marka çekimlerini kartlara taşıdık ve çift taraflı ürünleri ön ve ters yüzüyle döndürerek gösteren bir alan kurduk; böylece moda çekimleri ile alışveriş deneyimini birbirinden ayırmadık. Hazır bir temayı yeniden renklendirmek yerine sayfa yapısını, kartları ve etkileşimleri markaya göre sıfırdan tasarlarız.
9:16
Le Pole marka çekimlerini dikey kadrajını bozmadan kullandık
32 bölüm
Le Pole temasında ana sayfa alanlarından sepet ve hesap sayfalarına kadar
Sıfırdan
Hazır tema kalıbı yerine markaya özel sayfa ve bileşenler tasarlarız
Karşılaştırma
Hazır ikas teması mı, özel tema mı?
Ozy gibi hazır temalar hızlı başlangıç için uygundur; özel tema ise mağazanın ürün ve satış yapısı standart kalıbın dışına çıktığında anlam kazanır. Kararı yalnızca görünüşe göre değil, ihtiyaç duyduğunuz davranışlara ve yönetim biçimine göre vermek gerekir. Hazır ikas temaları arasındaki farkları ayrı bir yazıda karşılaştırdık.
Hazır tema (ör. Ozy)
Mevcut bölüm ve ayarlarla
Özel tema
Mağazaya göre sıfırdan
Başlangıç süresi
Hazır tema (ör. Ozy)
Mevcut bölüm ve ayarları kullanarak daha hızlı yayına çıkarsınız.
Özel tema
Sayfa yapısını ve davranışları markanıza göre tasarladığımız için daha kapsamlı bir proje yürütürüz.
Tasarım özgürlüğü
Hazır tema (ör. Ozy)
Tema editöründeki mevcut yerleşim, kart ve bölüm seçenekleri içinde kalırsınız.
Özel tema
Ana sayfa, ürün kartı, kategori, ürün sayfası ve sepet düzenini ihtiyaca göre sıfırdan tasarlarız.
Ürün sunumu
Hazır tema (ör. Ozy)
Standart ürün kartı ve ürün sayfası yapısı çoğu temel mağaza için yeterlidir.
Özel tema
9:16 çekim, döndürülebilir ürün görseli, açık-kapalı kullanım, video veya özel bilgi alanı gibi ürün sunumlarını doğrudan akışa işleriz.
Varyant ve stok akışı
Hazır tema (ör. Ozy)
Tema hangi seçim biçimini destekliyorsa onu kullanırsınız.
Özel tema
Renk, beden, stok ve tükenen seçeneklerin davranışını müşterinin seçim sırasına göre kurgularız.
Sepet ve kampanya
Hazır tema (ör. Ozy)
Hazır temanın sunduğu sepet görünümü ve kampanya alanlarını kullanırsınız.
Özel tema
Ücretsiz kargo eşiği, hediye, çapraz satış veya özel mesajları projenin ihtiyacına göre sepete yerleştiririz.
Performans yaklaşımı
Hazır tema (ör. Ozy)
Performans büyük ölçüde temanın genel yapısına ve eklediğiniz içeriklere bağlıdır.
Özel tema
Görsel, video, bölüm ve yükleme davranışlarını proje boyunca mobilde ölçerek ilerleriz.
Kimler için
Hazır tema (ör. Ozy)
Yeni başlayan, sade ürün yapısı olan ve standart akışla rahat çalışan mağazalar için mantıklıdır.
Özel tema
Hazır temada sürekli sınırla karşılaşan, ürününü farklı anlatması gereken veya marka deneyimini baştan kurmak isteyen mağazalar içindir.
Ne zaman özel tema gerekir, ne zaman gerekmez?
Hazır temada sürekli “bunu da yapabilir miyiz?” diyorsanız özel tema düşünme zamanı gelmiştir.
Yeni başlıyorsanız ve ürün yapınız sadeyse hazır tema çoğu zaman yeterlidir.
Markanız büyüdükçe tema kararını veriye göre yeniden ele alabilirsiniz.
Altyapı
ikas özel tema hangi altyapıda geliştirilir?
ikas'ta özel tema kodla iki yoldan yazılır: ikas Studio'nun Kod modu ve Next.js tabanlı tema altyapısı (Headless Themes). İki yol da beta aşamasında; mağaza sahibi temayı her ikisinde de tema editöründen yönetir.
Kod moduikas Studio
ikas Studio Kod modu
Preact bileşenleri; proje dosyaları TypeScript
- Geliştirme ortamı
- ikas CLI ile yerel proje, ikas Studio editörüne bağlanır
- Mağaza sahibi neyi yönetir?
- İçerik modunda sayfa, bölüm sırası, metin ve görseller
- Mağazaya nasıl açılır?
- Partner panelinden izin verilen mağazalarla paylaşılır
- Sürümler
- Güncellemeler yeni sürüm olarak gönderilir
HeadlessNext.js tabanlı
Next.js tabanlı altyapı (Headless Themes)
Next.js, React, TypeScript ve MobX
- Geliştirme ortamı
- create-ikas-theme ile yerel Next.js projesi; bileşenler tema editöründe özelleştirilir
- Mağaza sahibi neyi yönetir?
- Tema editöründe bileşenlerin ayarlanabilir alanları
- Mağazaya nasıl açılır?
- Tema varsayılan olarak özeldir; partner hesabının bağlı olduğu, izin verilen mağazalarda seçilebilir
- Sürümler
- Her kaynak kod yüklemesi yeni bir tema sürümü oluşturur
- Bizim projelerimiz
- Kamp ve Ötesi, Massada, Tarzım Süper, Filinta Kuruyemiş
Partner
Özel tema için ikas partneri gerekir mi?
Evet. Özel tema bir partner hesabında geliştirilir ve mağazaya o hesaptan açılır. Next.js tabanlı altyapıda temalar varsayılan olarak özeldir: mağaza sahipleri onları tema listesinde görmez, partner temayı ancak bağlı olduğu mağazalara izin vererek açabilir. ikas Studio'da da Kod modunda geliştirilen tema partner panelinden izin verilen mağazalarla paylaşılır; bunun için partnerin önce o mağazaya erişim alması gerekir.
Tema mağazaya açıldıktan sonra mağazanın kendi ikas hesabında yayınlanır ve bizden bağımsız çalışır. ikas'ın dokümanına göre herkese açık tema listeleme şu an kapalı olduğu için markaya özel temalar bu izinli mağaza yoluyla teslim edilir. Partnerin mağazanıza nasıl eriştiğini ikas partner ajansı sayfasında anlatıyoruz.
Teknik yaklaşım
ikas temasını teknik olarak nasıl geliştiririz?
ikas özel tema, hazır bir temanın renklerini değiştirmek değil; ikas’ın tema altyapısı üzerinde markaya özel bileşenler yazmaktır. Aşağıdaki kararlar tasarımın yayında da aynı kalitede çalışmasını sağlar; müşterinin gördüğü sonuç kadar ekibinizin günlük kullanımını da belirler.
Geliştirmeyi canlı mağazaya dokunmadan ayrı bir geliştirme mağazasında yürütürüz.
Le Pole ve Atabarı’da olduğu gibi her proje için ayrı bir geliştirme mağazası açar, temayı orada kurar ve test ederiz. Canlı mağazanız satışa devam eder; yeni tema hazır olduğunda yayına alınır ve her yüklemede yeni bir tema sürümü oluşur.
Sayfaları değil, yeniden kullanılabilir bileşenleri tasarlarız.
Ürün kartı, varyant seçici, kampanya bandı, video alanı gibi parçalar tek tek bileşen olarak yazılır; aynı bileşen ana sayfada, kategoride ve ürün sayfasında aynı davranışla çalışır. Böylece bir düzeltme her yerde geçerli olur, tasarım sayfadan sayfaya kaymaz.
İçerik alanlarını ikas tema editörüne bağlarız.
Banner, başlık, metin, görsel ve bölüm sırası gibi günlük işleri ekibiniz ikas Admin’deki tema editöründen değiştirir. Hangi alanın editörden, hangisinin kod tarafından yönetileceğini proje başında birlikte belirleriz; sıradan bir kampanya değişikliği için geliştiriciye ihtiyaç kalmaz.
Ürünlere özel bilgileri standart alanlara sığdırmak yerine ayrı veri alanları tanımlarız.
Ölçü, içerik, kullanım ya da saklama koşulu gibi ürüne özel bilgiler açıklama metninin içine gömülmez; ayrı alanlarda tutulur ve tema bu alanları doğru yerde gösterir. Ürün eklerken de ekibiniz neyi nereye yazacağını bilir.
Hız bütçesini tasarım aşamasında koyar, yayına kadar ölçeriz.
Görsel boyutları, video yükleme anı, üçüncü taraf kodları ve bölüm sayısı için baştan sınır belirleriz. Her sayfayı yayından önce mobilde, gerçek cihazlarda ve PageSpeed Insights ile ölçeriz; hızı düşüren bir eklenti veya görsel varsa yayından önce birlikte çözeriz. Yayından sonra eklenen görseller, videolar ve uygulamalar sonucu değiştirir; bu yüzden ölçümü teslimle bitmiş saymayız.
Entegrasyon ve uygulama ihtiyaçlarını tema ile aynı planda ele alırız.
Kargo, pazaryeri, ERP veya ikas App Store uygulamaları temanın dışında ayrı bir dünya değildir. Ürün kartında stok bilgisi, sepette kargo eşiği, ürün sayfasında taksit gösterimi gibi noktalar entegrasyonlarla birlikte tasarlanır; gerektiğinde ikas API ile özel bağlantı yazarız.
Süreç
Proje nasıl yürür?
Önce ne tasarlayacağımızı değil, müşterinin neyi anlamakta ve seçmekte zorlandığını belirleriz. Ardından sayfa kurgusunu, tasarımı, geliştirmeyi ve yayına hazırlığı aynı proje planı içinde ilerletiriz. Sıfırdan bir özel tema genellikle 4-6 hafta sürer.
1
2
3
4
5
- Fiyat ve indirim
- Renk seçimi
- Beden ve Bedenimi Bul
- Stok uyarısı
- Sepete ekle
- 1Fiyat ve indirim
- 2Renk seçimi
- 3Beden ve Bedenimi Bul
- 4Stok uyarısı
- 5Sepete ekle
Ürün yapısını ve satış akışını inceleriz.
Kategori sayınızı, varyant yapınızı, ürün fotoğraflarınızı, kampanyalarınızı, teslimat modelinizi ve ekibinizin ikas’ı nasıl kullandığını inceleriz. Örneğin giyimde beden ve renk seçimi, mobilyada kullanım biçimi, gıdada teslimat koşulu ana tasarım kararını değiştirebilir.
Mağazanız için doğru kapsamı birlikte netleştirelim.
İlk görüşme online ve ücretsiz. Formu doldurabilir ya da WhatsApp'tan yazabilirsiniz.
Teslimde neler alırsınız?
Proje bittiğinde elinizde yalnızca yeni bir görünüm değil, mağazayı kendi ekibinizle yürütebileceğiniz bir yapı olur. Aşağıdaki liste her ikas özel tema projesinde standarttır; kapsam büyüdükçe teklifte kalemler eklenir, hiçbiri eksilmez.
Hesabınızda kalan tema.
Sizin ikas hesabınızda yayınlanmış, sürümleri ikas'ta tutulan özel tema; tema mağazanızın hesabında kalır ve bizden bağımsız çalışmaya devam eder.
Ekibinize anlatım.
Tema editöründen hangi alanı nasıl güncelleyeceğinizi anlatan kısa kullanım dokümanı ve ekibinize yapılan tek oturumluk anlatım.
Ölçülmüş, test edilmiş.
Yayın öncesi kontrol raporu: mobil ve masaüstü hız ölçümleri, gerçek cihaz testleri, test siparişi kaydı ve düzeltilen maddeler.
Yönlendirmeler hazır.
Eski adreslerden yeni sayfalara yönlendirme haritası (mevcut bir mağazadan geçiyorsanız) ve arama motoru tarafında kontrol edilen başlık, açıklama ve şema verileri.
Bakım ve güncelleme.
Teslimden sonra 1 ay bakım desteği; tema kaynaklı hatalar süresiz ve ücretsiz düzeltilir, kritik ikas güncellemelerine hızlıca uyarlanır.
ikas özel yazılım tema.
Maliyet
ikas özel tema maliyetini ne belirler?
ikas özel tema maliyetini, hazır tema uyarlamasından sıfırdan geliştirmeye kadar projenin gerçek kapsamı belirler. İlk görüşmede mağazanızı ve ihtiyaçlarınızı inceleyerek hangi işlerin tema kapsamında olduğunu, hangilerinin ayrı değerlendirilmesi gerektiğini netleştiriyoruz.
Tema yaklaşımı
Mevcut bir ikas temasını markanıza göre uyarlamak yeterliyse hazır tema uyarlaması kapsamı oluşur. Tasarım ve bileşenlerin sıfırdan geliştirilmesi gerekiyorsa özel tema kapsamına geçilir.
Özel alışveriş ve vitrin ihtiyaçları
Standart tema yapısının dışında mağazaya özgü bileşenler, sayfa davranışları veya alışveriş akışları gerektiğinde geliştirilecek tema kapsamı büyür.
Yönetilebilir içerik alanları
Mağaza sahibinin metin, görsel veya diğer içerikleri editörden değiştirebilmesi için ek yönetilebilir alanlar gerektiğinde bunlar geliştirme kapsamına alınır. Bunun için ikas'ın özel alanlar yapısı kullanılabilir.
Entegrasyon ve özel uygulama ihtiyacı
Tema dışında ayrı bir sistem bağlantısı veya mağazaya özel uygulama gerekiyorsa bu çalışma tema kapsamından ayrılarak değerlendirilir. Böyle bir ihtiyaç için ikas özel uygulama geliştirme kapsamı ayrıca belirlenir.
ikas'a mağaza taşıma
Mevcut mağazanın ikas'a taşınması da projeye dahilse tema geliştirmeye taşıma çalışmaları eklenir. Bu durumda ürün, içerik ve yönlendirme gibi taşıma işleri ikas mağaza taşıma kapsamında ayrıca planlanır.
ikas paketi ve uygulama abonelikleri
ikas'ın hazır temaları ikas paket ücretine dahildir. ikas abonelik ücreti ve App Store üzerinden kullanılan uygulamaların abonelikleri ise özel tema geliştirme bedelinden ayrıdır.
Örnek hesap: dönüşümdeki küçük artış ne kadar fark eder?
Temsili bir mağaza üzerinden hesapladık. Rakamlar örnektir, gerçek bir müşterinin verisi değildir; sonuç sektöre, rekabete ve başlangıç durumuna göre değişir. Kendi mağazanızın aylık ziyaret, dönüşüm oranı ve ortalama sepet tutarıyla aynı hesabı yapabilirsiniz.
| Kalem | Önce (örnek) | Sonra (örnek) |
|---|---|---|
| Aylık ziyaret | 20.000 | 20.000 |
| Mobil sayfa yüklenme süresi | 4,0 sn | 2,5 sn |
| Dönüşüm oranı | %1,2 | %1,6 |
| Aylık sipariş | 240 | 320 (+%33) |
| Ortalama sepet | 850 TL | 850 TL |
| Aylık ciro | 204.000 TL | 272.000 TL (+%33) |
Teklif nasıl hazırlanır, neler dahildir?
Teklifi ilk görüşme ve mevcut mağaza incelemesinden sonra hazırlıyoruz. Önce ihtiyacın hazır tema uyarlaması, sıfırdan özel tema veya taşıma ile birlikte özel tema olup olmadığını belirliyoruz. Ardından yapılacak işleri, kapsam dışında kalan noktaları ve teslim biçimini yazılı olarak netleştiriyoruz. Hazır tema uyarlaması genellikle 1-2 hafta, sıfırdan özel tema 4-6 hafta, ikas'a taşıma ile birlikte özel tema ise 6-8 hafta sürer.
Özel tema mağazanızın kendi ikas hesabında yayınlanır. Tema kodu kendi geliştirme kitimizi içerdiği için teslim edilmez, ancak yayınlanan tema hesabınızda kalır ve bizden bağımsız çalışır. Her projeye teslimden sonra 1 ay bakım desteği dahildir; tema kaynaklı hataları süresiz ve ücretsiz düzeltiyor, temayı etkileyen ikas güncellemelerine gerekli uyarlamaları yapıyoruz. Kapsamınızı netleştirmek için iletişime geçebilirsiniz.
Hazır tema uyarlaması
1-2 hafta
Sıfırdan özel tema
4-6 hafta
Taşıma ile birlikte özel tema
6-8 hafta
Karar vermeden önce bunlara bakın
01Ürün kartında müşterinin karar vermesi için fotoğraf ve fiyat dışında hangi bilgilerin görünmesi gerekiyor?
02Renk, beden, stok, ölçü, kullanım biçimi veya teslimat gibi seçimler hazır temada istediğiniz sırada çalışıyor mu?
03Mobilde ürün görseli, fiyat, varyant ve sepete ekleme alanı ilk ekranlarda anlaşılır mı?
04Video, döndürülebilir ürün görseli, ürün seti veya birlikte kullanım gibi içerikleri alışveriş akışına gerçekten dahil etmek istiyor musunuz?
05Ekibiniz banner, kampanya ve içerik alanlarını ikas Admin üzerinden rahatça güncelleyebiliyor mu?
06Mevcut hazır temada yaşadığınız sorun tasarım tercihi mi, yoksa mağazanın çalışma biçimini gerçekten sınırlayan bir ihtiyaç mı?
Canlı mağazalar
Sıfırdan yazdığımız ikas temalarına yakından bakın.
Birlikte nasıl çalışırız?
Yazılı kapsam
Yapılacak işler ve kapsam dışı kalanlar teklifte yazılı.
Teklif nasıl hazırlanırAşamalı önizleme
Tasarım ve geliştirme aşama aşama paylaşılır, onayla ilerler.
Süreci görünDoküman ve anlatım
Tema editörü için kısa doküman ve ekibinize tek oturumluk anlatım.
Teslimde neler varWhatsApp ile başlar
İlk görüşme online; sorunuzu mesajla da iletebilirsiniz.
WhatsApp'tan yazın
ikas özel tema hakkında sık sorulan sorular
Yapay zekaya özetlet
Kaynaklar
- ikas özel tema geliştirme tarafındaki teknik yapı için resmi ikas Studio dokümantasyonu incelenebilir.
- Hazır tema içindeki bölüm, içerik ve görünüm ayarlarının nasıl yönetildiğini anlamak için ikas'ın tema düzenleme rehberi temel kaynaktır.
- Temanın mağazaya nasıl açıldığı Next.js tabanlı altyapı için ikas'ın Headless Themes, ikas Studio için temayı yayınlama dokümanında anlatılır.
- Tema hazırlanırken görsellerin hangi ölçülerde kullanılacağını kontrol etmek için tema görsel boyutları, ürün ve kategori gibi sayfalardaki temel arama görünümü alanlarını incelemek için ise ikas SEO alanları dokümantasyonu kullanılabilir.
Hazır temanın nerede yetmediğini birlikte netleştirelim.
Mevcut ikas mağazanızı, ürün yapınızı ve yapmak istediğiniz değişiklikleri paylaşın. Özel tema gerçekten gerekiyorsa kapsamı çıkaralım; hazır tema ile çözülebilecek bir ihtiyaçsa onu da açıkça söyleyelim.