ikas · Kuruyemiş ve lokum

Filinta Kuruyemiş ikas'ta kuruyemiş ve lokum sitesi örneği

Filinta Kuruyemiş'in telefondaki ana sayfası: yeşil şeritte Günlük taze ürünler ve KOD: FILINTA10 rozeti, FİLİNTA logosu, sepet düğmesi ve Karışık Kuruyemiş ara... arama kutusu; altında Tüm Ürünler, Lokum Çeşitleri, Kuruyemişler ve Kuru Meyveler hikâye halkaları; açılışta lokum dükkânı rafları önünde El Yapımı Lokumlar başlığı, Fıstıklı, Çifte Kavrulmuş, Günlük Taze yazısı, turuncu Lokumları Keşfet düğmesi ve tepside lokumlar.

Öne çıkanlar

Turu izle
  • Videolu story alanı

  • Karttan doğrudan sepete

Filinta Kuruyemiş, kuruyemiş, kuru meyve, lokum ve kahveyi ikas altyapısında satıyor. Mağazanın temasını sıfırdan biz yazdık: ürün gruplarını ortak bir görsel dille hazırlanan kategori kapaklarıyla ayırdık, gramaj seçimini satın alma alanına taşıdık, ana sayfadaki ürün kartlarına doğrudan sepete ekleme düğmesi koyduk ve günlük taze kavrum, hijyenik paketleme gibi güven bilgilerini ürünün hemen altına yerleştirdik.

Ne yaptık

  • Filinta Kuruyemiş hikâye kapağı: dükkânın yeşil kemerli rafları önünde süslü gümüş kâsede kaju, badem, fındık ve Antep fıstığından oluşan karışık kuruyemiş; önde tahta tepside birkaç kaju ve fıstık.

    Kategori kapakları ortak bir görsel dilde, yeniden üretilebilir bir sistemle hazırlandı; yeni kategori aynı dille ekleniyor.

  • Ana sayfa önce doğru ürün grubunu buldurur: kategoriler keşfin merkezinde, en çok tercih edilen ürünler alışveriş akışına bağlı, ürün kartlarından doğrudan sepete ekleme.

  • Story alanı: videolu ürünler ve dönemsel lezzetler ana sayfanın akışında; içerik editörden güncelleniyor.

  • Ürün sayfasında görseller, değerlendirme, fiyat, gramaj seçenekleri ve stok satın alma alanının çevresinde; Şimdi Al ve Sepete Ekle ayrı akışlar.

  • Ürünün hemen ardından günlük taze kavrum, hijyenik paketleme, güvenli ödeme, WhatsApp desteği ve kargo bilgisi.

  • Mobil öncelikli yükleme düzeni: görseller baştan uygun boyutlarda hazırlandı, sayfa yalnız gerekli içeriği yüklüyor.

Ürün ve doku

Ürünün rengini ve dokusunu öne çıkaran sade arayüz

Filinta Kuruyemiş’te ürünün kendisi tasarımın en güçlü parçasıydı. Kuruyemiş, kuru meyve, lokum, şekerleme ve farklı atıştırmalıklar renkleri ve dokularıyla zaten güçlü bir görsel dünya oluşturuyordu. Bu yüzden arayüzü ürünlerle yarışacak biçimde doldurmak yerine geri çektik. Görsellerin çevresinde nefes alan boşluklar kullandık, metinleri kısa tuttuk ve farklı ürün gruplarını birbirinden rahatça ayrılacak şekilde yerleştirdik.

  • Filinta Kuruyemiş Duble Çatlak Antep Fıstığı ürün fotoğrafı: bej taş zemin üzerinde krem seramik kâsede tepeleme çatlak Antep fıstığı, önünde birkaç fıstık.
    Duble çatlak fıstık
  • Filinta Kuruyemiş Kırık Antep Fıstıklı Kaymaklı Bademli Sarma Lokum: krem tabakta Antep fıstığı kırığıyla kaplı, kaymak ve bademle doldurulmuş, ortası kırmızı katmanlı sarma lokumlar.
    Fıstıklı sarma lokum
  • Filinta Kuruyemiş Mısır Hurması: bej taş zemin üzerinde krem seramik kâsede parlak koyu hurmalar, önünde birkaç hurma.
    Mısır hurması
  • Filinta Kuruyemiş Portakal Kadayıf Kaymaklı Fıstıklı Sarma Lokum: krem tabakta kadayıfla sarılmış, ortası kaymaklı ve fıstıklı, turuncu portakal katmanlı lokumlar.
    Kadayıflı sarma lokum
  • Filinta Kuruyemiş Kavrulmuş Kaju: bej taş zemin üzerinde krem seramik kâsede altın renginde kavrulmuş kajular, önünde birkaç kaju.
    Kavrulmuş kaju
  • Filinta Kuruyemiş Çıtır Böğürtlenli Kaymaklı Bademli Sarma Lokum: krem tabakta mor böğürtlen kırıntısıyla kaplı, kaymak dolgulu sarma lokumlar.
    Böğürtlenli sarma lokum

Kategori kapaklarını da bu anlayışın parçası olarak yapay zekâ desteğiyle ortak bir görsel dilde hazırladık. Her kapakta ürün grubunu anlatan görselle kategori adını aynı kompozisyonda buluşturduk. Kuruyemişten lokuma geçildiğinde içerik değişse de mağazanın görsel karakterini koruduk.

Yeni kategoriler eklendiğinde aynı yaklaşımın devam ettirilebilmesi için kapak sistemini tekrar üretilebilir biçimde kurguladık. Katalog büyüdükçe birbirinden bağımsız görsellerin oluşturacağı parçalı görünümün önüne geçtik.

Ana sayfa

Kategorilerle açılan ana sayfa ve doğrudan sepete ekleme

Ana sayfanın ilk görevini ürün göstermekten önce doğru ürün grubunu buldurmak olarak belirledik. Kategorileri keşfin merkezine yerleştirdik, ardından en çok tercih edilen ürünleri doğrudan alışveriş akışına bağladık. Müşteri önce ne aradığına karar verir, ardından ilgili ürünlere geçer.

Kategori sayfalarında da aynı mantığı devam ettirdik. Sıralama seçeneklerini görünür tuttuk; ürünlerin öne çıkanlar, yeni gelenler veya fiyat üzerinden karşılaştırılabileceği bir düzen kurduk. Ana sayfadaki ürün kartlarına doğrudan sepete ekleme seçeneği ekleyerek alışverişini hızlı tamamlamak isteyen müşterinin önüne fazladan bir sayfa koymadık.

Bu yapı özellikle farklı lezzet ve gramaj seçeneklerinin bir arada bulunduğu katalogda önemliydi. Ürünleri tek tek dolaştırmak yerine önce gruplara ayırdık, sonra karşılaştırmayı kolaylaştırdık ve satın alma adımını bu akışın devamına yerleştirdik.

  • Filinta Kuruyemiş ana sayfasında telefonda güven bandı ve Kategorilerini Keşfet alanı: üstte Ücretsiz Kargo (1500 TL üzeri siparişlerde) ve Günlük Taze; altında aynı kompozisyonda, gümüş kâselerdeki ürün fotoğrafı üzerinde büyük beyaz başlıklı Kuruyemişler, Kuru Meyveler, Lokum & Şekerlemeler, Antep Fıstığı, Kaju ve Fındık kapakları.
    Ortak dilde kategori kapakları
  • Filinta Kuruyemiş ana sayfasındaki En Çok Satanlar vitrini telefonda: Müşterilerimizin vazgeçemediği günlük kavrum lezzetler açıklaması, Kargonun yola çıkmasına yazısı ve saat, dakika, saniye kutuları; altında kaydırmalı şeritte Duble Çatlak Antep Fıstığı (435 ₺), Giresun Çifte Kavrulmuş Fındık (375 ₺) ve Kavrulmuş Kaju kartları, puanları ve Sepete Ekle düğmeleri.
    En Çok Satanlar vitrini
  • Kuruyemişler kategori sayfasında telefonda açılan sıralama menüsü: Yeni Gelenler seçiminin altında Öne Çıkanlar, seçili Yeni Gelenler, Fiyat: Artan ve Fiyat: Azalan seçenekleri; arkada alt kategori halkaları ve ürün kartları.
    Görünür sıralama
  • Filinta Kuruyemiş ana sayfasındaki Lokum ve Şekerlemeler vitrini telefonda: Rafa yeni çıkan el yapımı lokum ve tazelikler açıklamasının altında iki sütunlu kartlar; Kedi Bacağı Sarma Lokum ve Draje Tepsisi (1.000 ₺) ve Karışık Sarma Lokum Tepsisi (1.400 ₺), her kartta Bugün sipariş ver, yarın kargoda notu ve doğrudan Sepete Ekle düğmesi.
    Kartta Sepete Ekle
  • Ana sayfadaki ürün kartının Sepete Ekle düğmesiyle telefonda alttan açılan gramaj penceresi: Kırık Antep Fıstıklı Kaymaklı Bademli Sarma Lokum ve Detayları Gör bağlantısı; Gramaj başlığı altında 250 g 285 ₺, 500 g 520 ₺ ve %17 indirimli 1 kg 950 ₺ satırları, her birinde turuncu ekleme düğmesi; arkada kararmış vitrin.
    Karttan gramaj seçimi
  • Filinta Kuruyemiş sepet çekmecesi telefonda: Sepetim (1) başlığı, Sepete 50 ₺ daha ekle, kargo bizden! yazısı ve neredeyse dolu çizgili kargo çubuğu; sepetteki 1 kg Duble Çatlak Antep Fıstığı ve 1.450 ₺ fiyatı; altta En Çok Satanlar önerileri, 1.450 ₺ tutarlı Devam Et düğmesi ve 1500₺ üzeri ücretsiz kargo notu.
    Sepette kargo eşiği

Story

Videolu ürünler için story alanı

Filinta Kuruyemiş ürünlerini yalnızca klasik kategori alanları ve ürün kartları içinde göstermedik. Ana sayfaya sosyal medyadan tanıdık gelen bir story alanı ekledik ve videolu ürünleri burada ayrı bir keşif biçimi olarak ele aldık.

Bu bölümde hareketli içerikleri ana sayfanın doğal akışına dahil ettik. Yeni çıkan bir ürün, dönemsel olarak öne çıkarılmak istenen bir lezzet veya video ile daha iyi anlatılan bir ürün için ayrı bir alan açtık. Sabit ürün fotoğrafları arasında kaybolabilecek içerikleri farklı bir biçimde öne taşıdık.

Story alanını yeni içerikler eklenebilecek şekilde hazırladık. Böylece vitrinin bu bölümünü kampanya veya ürün önceliklerine göre güncellemek mümkün hale geldi. Story alanındaki videolu ürün listesini düzenli olarak hazırlayan yardımcı yapı temadan ayrı çalışıyor; içerik belirli aralıklarla yenileniyor ve müşteri bu süreci görmeden hazır akışı kullanıyor.

Filinta Kuruyemiş ana sayfasında Lokum Çeşitleri halkasına dokununca tam ekran açılan ürün hikâyesi telefonda: yakın çekim videoda fıstık kırığıyla kaplı kremalı sarma lokumlar, üstte Antep Fıstıklı Kremalı Bademli... başlığı, ses ve kapatma düğmeleri, altta Ürünü İncele düğmesi.

Hikâyelerdeki ürün videoları

  • Filinta Kuruyemiş hikâye videosundan bir kare: dükkânın kemerli rafları önünde, oymalı gümüş kâseye metal kepçeyle dökülen karışık kuru meyveler; kayısı, incir, kivi ve kuru üzüm.
    Karışık kuru meyve
  • Filinta Kuruyemiş hikâye videosundan bir kare: oymalı gümüş kâsede tepeleme parlak hurmalar, kepçeden bir hurma daha düşüyor; önde ahşap tezgâhta dağılmış hurmalar.
    Hurma
  • Filinta Kuruyemiş hikâye videosundan bir kare: oymalı gümüş kâseye kepçeyle dökülen siyah kuru üzümler, arkada dükkânın yeşil kemerli rafları.
    Kuru üzüm
  • Filinta Kuruyemiş hikâye videosundan bir kare: oymalı gümüş kâseye kepçeyle dökülen ceviz içleri, kâsenin önünde ahşap tezgâha taşan cevizler.
    Ceviz içi

Ürün sayfası

Gramaj, stok, fiyat ve güven bilgisi aynı alanda

Ürün sayfasını müşterinin artık keşif değil karar aşamasında olduğu düşüncesiyle hazırladık. Ürün görsellerini, değerlendirme bilgisini, fiyatı, gramaj seçeneklerini ve stok durumunu satın alma alanının çevresinde topladık. Farklı miktarlar arasında seçim yapmayı kolaylaştırırken müşteriyi temel bilgiler için sayfanın farklı noktalarına göndermedik.

“Şimdi Al” ve “Sepete Ekle” seçeneklerini birbirinden ayırdık. Tek ürünü hızlıca satın almak isteyen müşteriye kısa bir yol, alışverişine devam etmek isteyen müşteriye ise sepet üzerinden ilerleyebileceği ayrı bir akış bıraktık.

Ürünün hemen ardından günlük taze kavrum, hijyenik paketleme, güvenli ödeme ve WhatsApp desteği gibi güven başlıklarını yerleştirdik. Kargo bilgisini de aynı karar alanının parçası yaptık. Böylece müşteri yalnızca hangi lezzeti ve gramajı alacağını değil, siparişin nasıl ilerleyeceğini de aynı noktada değerlendirebildi.

Gramaj seçimi ve güven bilgisinin satın alma kararındaki yerini ikas mağazada dönüşüm oranı yazısında anlattık.

Duble Çatlak Antep Fıstığı ürün sayfasında telefonda açılan Ürün Açıklaması (günlük taze kavrum, ağzı kilitli ambalaj, 250 g, 500 g ve 1 kg seçenekleri) ve altında Değerlendirmeler (85) bölümünün puan özeti: 4.7, yıldız dağılımı çubukları ve Yorum Yaz düğmesi.
Açıklama ve puan özeti
Filinta Kuruyemiş Duble Çatlak Antep Fıstığı ürün sayfasının karar alanı telefonda, 250 g seçiliyken: 4.7 puan ve 85 değerlendirme, 435 TL fiyat, Gramaj 250 g yazısı ve 250 g, 500 g, 1 kg düğmeleri, Stokta mevcut çubuğu, Şimdi Al ve Sepete Ekle düğmeleri, Şimdi sipariş ver, yarın kargoda notu ve Günlük Taze Kavrum, Hijyenik Paketleme, Güvenli Ödeme, 7/24 WhatsApp Destek kutuları.
250 g seçili
Aynı karar alanı 1 kg seçiliyken: fiyat 1.450 TL'ye, Gramaj yazısı 1 kg'a dönüyor; Stokta mevcut çubuğu, Şimdi Al ve Sepete Ekle düğmeleri, kargo notu ve güven kutuları yerinde.
1 kg seçili

Mobil

Telefonda hafif açılan sayfalar

Mobil deneyimi tasarım bittikten sonra küçültülmüş bir masaüstü sürümü olarak ele almadık. Görselleri kullanılacakları alanlara göre hazırladık, sayfalarda yalnız ihtiyaç duyulan içeriklerin yüklenmesi için düzen kurduk ve kategori gezme, ürün inceleme, sepete geçme adımlarını hafif tuttuk.

Mobil hızı tasarım aşamasından itibaren ele aldık. Görselleri baştan uygun boyutlarda hazırladık ve sayfanın yalnız gerekli içeriği yüklemesini sağladık. Hedefimiz tek bir skor değil, müşterinin özellikle telefonda ürünler arasında beklemeden ilerleyebilmesiydi. Hız sonucu mağazaya sonradan eklenen görsellerden, videolardan ve uygulamalardan etkilenir; bu yüzden ölçümü tek seferlik bir sonuç değil, mağaza büyüdükçe tekrarlanan bir kontrol olarak görüyoruz.

Görsel ağırlığı yüksek bir mağazada hız ile ürün sunumundan birini seçmek yerine ikisini birlikte koruyacak bir denge kurduk.

Filinta Kuruyemiş Lokum ve Şekerlemeler kategori sayfasının telefondaki uzun görüntüsü: üstte logo ve arama, Boncuk Lokum, Draje Çikolata, Lokum Çeşitleri ve Çift Kavruk Lokum halkaları, Lokum ve Şekerlemeler başlığı ve Öne Çıkanlar sıralaması; altında iki sütunlu ürün kartları: lokum tepsileri, sarma ve parmak lokumlar, kadayıflı ve çikolatalı lokumlar, her kartta puan, Bugün sipariş ver, yarın kargoda notu, fiyat ve Sepete Ekle düğmesi.
Lokum ve Şekerlemeler, telefonda

Editör

Vitrin ve kampanya alanları ikas'tan yönetiliyor

Temadaki bölüm
33 bölüm
(ana sayfa alanları ile ürün, kategori, sepet, hesap ve blog sayfaları)

Filinta Kuruyemiş’in ana sayfasını sabit bir vitrin olarak hazırlamadık. Kategori sırasını, ürün vitrinlerini, kampanya alanlarını ve metinleri ikas üzerinden değiştirilebilecek biçimde ayırdık. Siz dönemsel bir kampanyada ürün önceliklerini değiştirebilir, farklı kategorileri öne alabilir veya içerikleri güncel ihtiyacınıza göre yeniden düzenleyebilirsiniz.

Yeni ürün grupları için de aynı görsel dili sürdürebilecek bir temel hazırladık. Böylece mağazanın günlük değişiklikleri yapılırken ilk gün kurduğumuz düzenin korunmasını amaçladık.

Sepet ve destek

Sepet çevresinde ödeme, kargo ve destek bilgisi

Kuruyemiş alışverişinde karar yalnızca ürünün görünüşü ve fiyatıyla verilmiyor. Tazelik, paketleme, ödeme, kargo ve sipariş sonrası süreç de müşterinin değerlendirdiği konular arasında yer alıyor. Bu nedenle ana sayfada güvenli alışveriş, kapıda ödeme, ücretsiz kargo ve günlük tazelik mesajlarını görünür bir alanda topladık.

Sıkça sorulan sorular, sipariş takibi ve temel yasal sayfaları da alışverişin çevresindeki destek noktaları olarak mağazaya dahil ettik. Müşterinin satın almadan önce cevap aradığı konularla sipariş verdikten sonra ihtiyaç duyabileceği alanları aynı bütünün parçaları olarak ele aldık.

Altbilgide sipariş takibi, sorular ve yasal sayfalar
Filinta Kuruyemiş masaüstü altbilgisinin yakın planı, koyu zeminde: Müşteri Hizmetleri sütununda İletişim, Sipariş Takip, Sıkça Sorulanlar ve Kargo ve Teslimat; Kurumsal sütununda Hakkımızda ve Blog; Yasal sütununda Mesafeli Satış Sözleşmesi, Gizlilik Politikası, İptal ve İade, KVKK Aydınlatma Metni; sağ altta Visa, Mastercard, Maestro ve Troy logoları.
Sepette kargoya kalan tutar ve ürün
Filinta Kuruyemiş sepet çekmecesinin üstü, masaüstünde: Sepetim (1) başlığı, Sepete 50 ₺ daha ekle, kargo bizden! yazısı ve ucunda kamyon simgesi olan neredeyse dolu yeşil çizgili çubuk; altında sepetteki 1 kg Duble Çatlak Antep Fıstığı, 1.450 ₺ fiyatı ve adet seçici.

Mağaza turu

Filinta Kuruyemiş mağazasında yaptığımız işleri 36 saniyelik bir turda gösteriyoruz

Proje künyesi

MağazaFilinta Kuruyemiş, filintakuruyemis.com
SektörKuruyemiş ve lokum
Platformikas
Yaptığımız işÖzel tema, sıfırdan
Tema altyapısıNext.js tabanlı ikas tema altyapısı (Headless Themes), TypeScript
Ürün yapısıKuruyemiş, kuru meyve, lokum ve kahve; gramaj seçenekli ürünler; ortak dilde kategori kapakları ve videolu ürünler için story alanı
DurumYayında, temamızla çalışıyor (son kontrol: 1 Ekim 2026)

Mağazadan kareler

  • Lokum ve Şekerlemeler vitrinindeki ürün kartının yakın planı: tabakta Antep fıstığı kırığıyla kaplı kaymaklı sarma lokumlar, sağ üstte favori düğmesi; altında Kırık Antep Fıstıklı Kaymaklı Bademli Sarma Lokum adı, Bugün sipariş ver, yarın kargoda notu, 285 ₺ fiyat ve yeşil Sepete Ekle düğmesi.
    Ürün kartı. Yakın plan
  • Filinta Kuruyemiş Karışık Lokum Tepsisi: koyu yuvarlak tepside halka halka dizilmiş Hindistan cevizli, fıstıklı, nar ve çikolata kaplı lokumlar.
    Karışık lokum tepsisi. Ürün fotoğrafı
  • Filinta Kuruyemiş ana sayfasının üstündeki hikâye halkalarının yakın planı: yeşil çerçeveli yuvarlak kapaklarla Tüm Ürünler, Lokum Çeşitleri, Kuruyemişler, Kuru Meyveler, Kampanyalı Paketler, Özel Kutulu Ürünler, Leblebi ve Ceviz.
    Hikâye halkaları. Yakın plan
  • Filinta Kuruyemiş Kedi Bacağı Sarma Lokum ve Draje Tepsisi: koyu yuvarlak tepside çeşit çeşit sarma lokumlar, çikolatalı drajeler ve beyaz şeker toplar.
    Kedi bacağı tepsisi. Ürün fotoğrafı
  • Filinta Kuruyemiş Premium 3KG Karışık Kuruyemiş: bej zeminde altı küçük kâsede fındık, kuru üzüm, fıstık, badem, kaju ve yer fıstığı.
    Premium karışık paket. Ürün fotoğrafı
  • Filinta Kuruyemiş Giresun Çifte Kavrulmuş Fındık: bej taş zemin üzerinde krem seramik kâsede kavrulmuş iç fındık, önünde birkaç fındık.
    Giresun fındığı. Ürün fotoğrafı

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.