Öne çıkanlar
Turu izleAçılış sahneleri
Satın almada soğuk zincir
Sepette kargo eşiği
Atabarı, Artvin ve Karadeniz'in bal, peynir, tereyağı ve kuru gıda gibi yöresel ürünlerini ikas altyapısında satıyor. Mağazanın temasını sıfırdan biz yazdık: soğuk zincir ve gönderim bilgisini kategori kartlarına taşıdık, ürün sayfalarını hikâye, kullanım, köken ve saklama bölümlerine ayırdık, sepete ücretsiz kargo eşiği ve hediye seçimi ekledik.
Ne yaptık
Ana sayfada Kaçkar yaylaları, köy sofraları ve Artvin manzaraları; bal, kahvaltılık ve kuru gıda grupları için ayrı sahneler ve vitrinler.
Kategori kartlarında soğuk zincir bilgisi, katkısız ve doğal ürün etiketi, gönderim süresi, stok durumu ve indirim; müşteri listede karşılaştırıp doğrudan sepete ekliyor.
Ürün sayfası bölümlere ayrıldı: özellikler, açıklama, kullanım biçimleri (Kolot peyniri için kuymak gibi tarifler), kimlere uygun, saklama koşulları ve sık sorulan sorular; soğuk zincir paketleme bilgisi satın alma alanına yakın.
Sepette ücretsiz kargo eşiğine ne kadar kaldığını gösteren ilerleme alanı; koşul tamamlanınca hediye seçimi aynı akışta açılıyor.
Mevcut mağazadaki ürün açıklamaları toplu olarak taşınıp doğru ürünlerle eşleştirildi; üretim bilgisi, saklama koşulları ve kullanım önerileri okunabilir parçalara ayrıldı.
Google yorumları ana sayfada ve ürün deneyiminin devamında; ücretsiz kargo, güvenli ödeme, kolay iade ve telefon desteği karar verilen alanlara dağıtıldı.
Görsel dil
Ürünü geldiği yer ve sofrasıyla anlatan görsel dil
Atabarı’nın baldan peynire, tereyağından kuru gıdaya uzanan kataloğunda ürünleri tek başına sergilemek yerine onları ait oldukları coğrafyayla birlikte ele aldık. Kaçkar yaylalarını, köy sofralarını ve Artvin manzaralarını ana sayfanın ilk alanlarına taşıdık; bal, kahvaltılık ve kuru gıda grupları için farklı sahneler hazırladık. Ürün ambalajlarını bu hikâyenin önüne geçirmeden, hikâyeden de koparmadan kullandık.
Kahvaltılık sofrası 
Kestane çiçek balı 
Kuru gıdalar 
Fermente ürünler 
Köy tereyağı 
Kabuklu fındık
Tasarım dilini de aynı düşüncenin devamı olarak kurduk. Ahşap yüzeyler, doğal dokular, sıcak açık tonlar ve Karadeniz’in yeşilini çağrıştıran yönlendirmeler kullandık. Geniş fotoğrafları sade başlıklarla eşleştirdik, boşlukları ürün gruplarının birbirine karışmaması için bilinçli biçimde ayırdık. Müşteri Atabarı’ya girdiğinde karşısında herhangi bir gıda kataloğu yerine Artvin’le bağı olan tutarlı bir marka dünyası bulur.
Ana sayfa
Sofraya göre ayrılan ana sayfa yolları
İlk olarak en çok tercih edilen ürünleri öne çıkardık, ardından müşteriyi ihtiyacına göre farklı yollara ayırdık. Kahvaltılık arayan biri ilgili ürün grubuna geçebilirken hediye arayan biri hazır paketlere doğrudan ulaşabilir. Belirli ürün gruplarına ayrılmış vitrinlerle kataloğun tamamını tek ekranda göstermeye çalışmak yerine seçim alanlarını parçaladık.
Akışın devamına gerçek müşteri yorumlarını, Atabarı’nın Artvin hikâyesini ve alışveriş öncesinde sık karşılaşılan soruları yerleştirdik. Ürün keşfi, marka hikâyesi ve güven içeriklerini üç ayrı konu gibi ele almadık; müşterinin satın alma kararındaki sıralarına göre aynı yolculuğun içine yerleştirdik.
Bu yaklaşımı görsel kullanımında da sürdürdük. Dağ evi, yayla ve sofra fotoğrafları markanın nereden geldiğini anlatırken ürün görsellerini alışveriş kararının merkezinde tuttuk. Sayfayı gezen kişi önce ilgisini çeken sofrayı veya ürün grubunu seçebilir, ardından satın almadan önce ihtiyaç duyduğu güven bilgilerine geçebilir.
Kategori kartı
Kategori kartlarında soğuk zincir ve gönderim bilgisi
Atabarı gibi yöresel gıda satan bir mağazada ürünün ne olduğu kadar nasıl gönderileceği de seçim üzerinde etkiliydi. Bu nedenle kategori kartlarını yalnızca ürün fotoğrafı, isim ve fiyat gösterecek şekilde bırakmadık. Soğuk zincir gerektiren ürünleri belirttik; katkısız ve doğal ürün bilgisini, gönderim süresini, stok durumunu ve varsa indirimi kart seviyesine taşıdık.
Örneğin kahvaltılık kategorisinde peynirleri karşılaştıran müşteri hangi ürünün soğuk zincirle gönderileceğini öğrenmek için her ürünün detayına ayrı ayrı girmek zorunda kalmaz. Temel farklılıkları liste üzerinde karşılaştırabilir ve seçtiği ürünü doğrudan sepete ekleyebilir.
Bu karar özellikle geniş ürün gruplarında seçim yükünü azalttı. Ürünün satın alma açısından önemli özelliklerini mümkün olduğunca kararın verildiği noktada gösterdik; daha ayrıntılı bilgileri ise ürün sayfasına bıraktık.
Ürün sayfası
Hikâye, kullanım, köken ve saklama bölümlerine ayrılan ürün sayfası
Yöresel ürünlerde ambalaj tek başına ürünü anlatmaya yetmediği için görsel alanını farklı kullanım biçimlerine göre hazırladık. Paket fotoğrafının yanında ürünün gerçek görünümünü, öne çıkan özelliklerini ve sofradaki kullanımını gösteren görsellere yer verdik. Kolot Peyniri gibi ürünlerde müşteri önce ürünü inceleyebilir, ardından kuymak gibi tariflerde nasıl kullanılabileceğini görebilir.
Satın alma alanının sonrasında bilgiyi tek parça uzun açıklama halinde vermek yerine bölümlere ayırdık. Ürün özelliklerini, açıklamayı, kullanım biçimlerini, kimlere hitap ettiğini, saklama koşullarını ve sık sorulan soruları ayrı alanlarda düzenledik. Soğuk zincir gerektiren ürünlerde paketleme bilgisini de satın alma kararına yakın tuttuk.
Mevcut mağazadaki ürün bilgisini yeni yapıya aktarırken de aynı düzeni koruduk. 103 ürünün açıklamasını toplu olarak taşıyıp doğru ürünlerle eşleştirdik; üretim bilgisi, saklama koşulları ve kullanım önerileri gibi mevcut içerikleri kaybetmeden 22 ayrı bilgi alanına ayırdık. Müşteri ürünün yalnızca ne olduğunu değil, nasıl tüketileceğini, nasıl saklanacağını ve kendisine nasıl ulaştırılacağını aynı sayfada öğrenebilir.
Kolot peyniri galerisinden
Kolot peyniri kesiti 
Kuymakta kolot peyniri 
Gönderim adımları
Sepet
Sepette ücretsiz kargo eşiği ve hediye seçimi
Ücretsiz kargo eşiğini alışverişin sonunda ortaya çıkan bir şart olarak bırakmak istemedik. Sepete müşterinin eşikten ne kadar uzakta olduğunu gösteren bir ilerleme alanı ekledik. Koşul tamamlandığında hediye seçimini de aynı akışın içinde açtık; toplam tutarı ve kargo durumunu birlikte görünür tuttuk.
Böylece müşteri kampanya sayfasına geri dönmeden sepetinin mevcut durumunu anlayabilir. Ücretsiz kargo için ne kaldığını, koşulu tamamlayıp tamamlamadığını ve seçebileceği bir hediye olup olmadığını ödeme adımına geçmeden görebilir.
Güvenle ilgili bilgileri de benzer biçimde alışverişten ayrı bir köşeye saklamadık. Ücretsiz kargo, güvenli ödeme, kolay iade ve telefon desteği gibi temel başlıkları müşterinin karar verdiği alanlara dağıttık. Google yorumlarını ana sayfada ve ürün deneyiminin devamında kullandık; teslimat ve soğuk zincir gibi konuları sık sorulan sorularla destekledik.
Sepette eşiği ve hediyeyi göstermenin terk edilen sepetlere etkisini ikas'ta terk edilmiş sepet yazısında anlattık.
Telefon
Telefonda içerik sırası ve görsel boyutları
Atabarı’nın ürün bilgisinin önemli bir kısmını masaüstüne özel bırakmadan mobilde de koruduk. Vitrin ve ürün görsellerini farklı ekranlara göre hazırladık, sayfa açılırken önce ihtiyaç duyulan içeriklerin görünmesine öncelik verdik. Kategori gezme, ürün inceleme ve sepete geçme adımlarını küçük ekranda daha rahat takip edilecek şekilde düzenledik.
Ürün fotoğrafları ve açıklamaları yoğun olan bir mağazada müşterinin beklemeden alışverişe başlayabilmesi için mobil yükleme düzenine ayrıca çalıştık; görselleri farklı ekranlarda doğru boyutta yüklenecek şekilde kurguladık.
Ürün özellikleri kartları 
Kampanyalı paketler 
İkonlu mobil menü 
Ürün sayfası açılışı 
Sofranın her köşesi için
Yönetim
Vitrin ve kampanyalar ikas'tan yönetiliyor
Atabarı’nın hangi ürünü veya kampanyayı öne çıkaracağı zaman içinde değişeceği için vitrinleri, kampanya alanlarını, kategori sıralarını, renkleri ve metinleri ikas üzerinden düzenlenebilir biçimde hazırladık. Günlük içerik değişikliklerinde geliştirme tarafına bağımlılık oluşturmadık.
Biz yapıyı Artvin’den gelen ürünlerin hikâyesini, seçim için gerekli bilgileri ve alışveriş koşullarını aynı akışta buluşturacak şekilde kurduk. Atabarı ekibi ise dönemsel olarak hangi sofrayı, ürünü veya kampanyayı öne çıkaracağına kendi karar verebilir.
- Temadaki bölüm
- 39 bölüm
- (ana sayfa alanları ile ürün, kategori, sepet, hesap ve blog sayfaları)
- Ürün bilgisi aktarımı (Eylül 2026)
- 103 açıklama
- 103 ürünün açıklaması 22 ayrı bilgi alanına ayrıldı
Mağaza turu
Atabarı mağazasında yaptığımız işleri 40 saniyelik bir turda gösteriyoruz
Proje künyesi
| Mağaza | Atabarı, atabari.com |
|---|---|
| Sektör | Yöresel gıda |
| Platform | ikas |
| Yaptığımız iş | Özel tema, sıfırdan |
| Tema altyapısı | ikas Studio Kod modu, Preact, TypeScript |
| Ürün yapısı | Artvin ve Karadeniz'den bal, peynir, tereyağı ve kuru gıda; kahvaltılıktan kuru gıdaya ayrılan geniş katalog; soğuk zincirle gönderilen ürünler ve kampanyalı paketler |
| Durum | Yayında, temamızla çalışıyor (son kontrol: 1 Ekim 2026) |
Mağazadan kareler
Artvin hurması. Marka fotoğrafı 
Hediye kutusu. Marka fotoğrafı 
Sıkça sorulan sorular. Telefon 
Teslimat adımları. Yakın plan 
Artvin kavurması. Marka fotoğrafı 
Toptan kasalar. Marka fotoğrafı 
Rakamlar ve güven satırı. Telefon
Sıkça Sorulan Sorular
Diğer Projeler
Projeniz için hangi kapsam gerekir?
ikas, Shopify ve özel yazılım projelerini net brief, ölçülebilir hedef ve teknik yol haritasıyla planlıyoruz.