Kuk Kuruyemiş
Ürünleri ve şubeleri tek haritada buluşturan kuruyemiş sitesi
- Sektör
- Gıda
- Ülke
- Türkiye
- Kategori
- Web tasarım
- Hizmetler
- Web tasarım & geliştirme, SEO & performans
- Teknoloji
- Next.js 16, React 19, TypeScript, Leaflet, OpenStreetMap, Coolify
- Canlı site
- kukkuruyemis.com (yeni sekmede açılır)

01 /
İhtiyaç
Kuk Kuruyemiş, İstanbul’da şubeleri olan ve kuruyemişten kurutulmuş meyveye, lokumdan bitkisel çay ve yağlara kadar geniş bir ürün yelpazesi sunan bir marka. Siteye gelen kişi genelde iki şey arar: aradığı ürünün olup olmadığı ve kendisine en yakın şubenin nerede olduğu. Siteyi bu iki soru üzerine kurduk. Ürünler kategorilere ayrılıyor; arama kutusuna “badem” ya da “lokum” yazan ziyaretçi doğru kategoriye hemen ulaşıyor. Şubeler sayfasında bütün noktalar tek bir haritada ve ilçe ya da şube adıyla aranabiliyor. İletişim sayfasında genel mesaj ve bayilik başvurusu iki ayrı sekmede duruyor. Siteyi WordPress’ten Next.js’e taşıdık; canonical etiketleri, yapılandırılmış veri, site haritası ve paylaşım görselleri kodla birlikte üretiliyor, yayın Coolify üzerinden yapılıyor.
02 /
Yaklaşım
Projeyi şekillendiren üç karar.
Ürün ve şube ekseninde yapı
Menü iki soruya cevap veriyor: ne var, nerede var. Ürünlerimiz ve Şubelerimiz sayfaları sitenin iki ana kapısı.
Lezzeti öne çıkaran tasarım
Büyük ürün fotoğrafları ve sade tipografi. Arayüz geri çekiliyor, ürün konuşuyor.
Hızlı ve aramaya hazır altyapı
Görseller boyutuna göre optimize ediliyor, yazı tipleri sitenin kendi sunucusundan yükleniyor. Meta etiketleri ve JSON-LD her sayfada otomatik üretiliyor; alan adı değişse bile tek bir ayar yetiyor.
03 /
Neler yaptık
- Ürün araması ve kategori sayfaları
- Haritalı, aranabilir şube rehberi
- İletişim ve bayilik başvuru formu
- Blog
- KVKK metni ve çerez onayı
- Otomatik SEO etiketleri ve site haritası
Kullanılan teknolojiler
- Next.js 16
- React 19
- TypeScript
- Leaflet
- OpenStreetMap
- Coolify
Kod ve alan adı tamamen müşterimize ait.
Yayında
Siteyi ziyaret edin
kukkuruyemis.com (yeni sekmede açılır)
Sonraki proje
A—31
Seda Gür
Seda Gür’ü ve danışmanlık alanlarını anlatan kişisel marka sitesi
Kişisel marka · Türkiye
