Fit SiparişSağlıklı Beslenme · Diyet Yemek · E-ticaret · 2015'dan beri

On yıllık mutfağı sipariş alan bir sisteme bağladık.

Fit Sipariş'in on yılı aşkın saha deneyimi vardı; sipariş akışı ise telefon, WhatsApp ve elle tutulan listeler arasında dağınık duruyordu. 2024'te markayı anlatan kurumsal siteyi ve paket seçiminden ödemeye giden dört adımlık sipariş akışını aynı çatı altında kurduk. Bugün dokuz beslenme programı, diyetisyen içerikleri ve üyelik paneli tek yerden yönetiliyor.

Fit Sipariş, diyetisyen kontrolünde hazırlanan günlük taze diyet menülerini paket programlar hâlinde adrese teslim eden İzmir merkezli bir kişiye özel beslenme markası. Kilo verme, kilo koruma, sporcu, ketojenik ve detoks programlarıyla sağlıklı beslenmeyi tek seferlik bir karar değil, sürdürülebilir bir düzen hâline getiriyor.

Fit Sipariş ana sayfasının kapak ekranı: uzman diyetisyen görseli, yeşil vurgulu başlık ve paket listesine giden buton.
KapsamKurumsal site + e-ticaretYıl2024ŞehirİzmirProgram9 paket

Sorun → Çözüm

Mutfak hazırdı, sipariş akışı değildi

  1. 01

    Sipariş üç kanala dağılmıştı

    Paket talepleri telefon, WhatsApp ve Instagram mesajları arasında bölünüyor, hiçbiri tek bir kayıtta buluşmuyordu.

  2. 02

    Program her seferinde sıfırdan anlatılıyordu

    Dokuz beslenme programının içeriği, kalorisi ve öğün sayısı her yeni müşteriye telefonda tek tek aktarılıyordu.

  3. 03

    Teslimat planı not kâğıdındaydı

    Teslim günleri ve adresler elde tutulduğu için mutfağın günlük üretim planı her sabah yeniden kuruluyordu.

  4. 04

    Online ödeme ve hukuki metinler yoktu

    Kartla ödeme seçeneği bulunmadığı gibi KVKK, iade ve mesafeli satış metinlerinin eksikliği yeni müşteride tereddüt yaratıyordu.

  5. 05

    Aramada görünmüyordu

    İzmir'de diyet yemeği arayan kişi markaya ulaşamıyor, trafiğin tamamı sosyal medya paylaşımlarına bağlıydı.

Tek site: anlatan yüz, satan altyapı

Markayı anlatan kurumsal sayfaları ve dört adımlık sipariş akışını tek bir sistemde birleştirdik.

Önce paket mimarisini kurduk: dokuz program, beş beslenme hedefine göre etiketlendi (kilo verme, kilo koruma, sporcu, detoks, özel beslenme) ve her paket kendi sayfasında detaylar, örnek menü, kalori ve öğün sekmeleriyle anlatıldı. Ardından siparişi dört adıma indirdik: paket seçimi → tarih seçimi → teslimat adresi → ödeme. Üyelik ve giriş yapısı eklendi; tekrar sipariş veren müşteri bilgilerini bir daha girmiyor. Kurumsal tarafı aynı çatıya bağladık: Hakkımızda, Nasıl Oluyor, Diyetisyenimiz ve blog. Diyetisyen içerikleri düzenli yayınlanabilir hâle geldi, İzmir'e özel açılış sayfası kuruldu. Son olarak güven katmanını tamamladık: KVKK, gizlilik, mesafeli satış, iptal-iade ve teslimat şartları metinleri yayına alındı; iletişim formu ve diyetisyen hattı her sayfadan erişilebilir yapıldı.

Sipariş akışının dört adımlı ilerleme çubuğu: paket seçimi, tarih seçimi, teslimat adresi, ödeme.

Dört adımlı sipariş akışı — müşteri hangi adımda olduğunu hiç kaybetmiyor.

Teslim edilen sayfalar

Bir site, iki iş: anlatmak ve satmak

Ana akışı taşıyan sayfalar aşağıda; paket detayları ve blog yazıları bu şablonlardan çoğalıyor.

Paketler sayfası: üstte hedef filtreleri, altında günlük fiyatı ve etiketleri görünen program kartları.

Paketler

1.104 pxakıyor

Dokuz program; kilo verme, kilo koruma, sporcu, detoks ve özel beslenme filtreleriyle listeleniyor.

Fit Sipariş anasayfasının masaüstü görünümü: yeşil kapak alanı, paket kartları ve blog bölümü.

Anasayfa

3.778 px

Paket vitrini, diyetisyen anlatısı, "neden biz" ve blog akışı tek ekranda; sıcak menü kısayolu sağ üstte.

Fit Paket detay sayfası: solda ürün görseli, sağda fiyat ve satın alma butonu, altta sekmeli içerik.

Paket detayı

1.118 pxakıyor

Detaylar, örnek menü, kaloriler ve öğünler sekmeleri; günlük fiyat ve "hemen satın al" aynı kolonda.

Sipariş ekranı: üstte dört adımlı ilerleme çubuğu, altında seçilebilir paket kartları ve İleri butonu.

Sipariş akışı

1.171 px

Dört adım: paket seçimi, tarih seçimi, teslimat adresi, ödeme. Her adım numaralı ilerleme çubuğunda işaretli.

Hakkımızda sayfası: "Biz kimiz" bölümü, dört adımlı çalışma şeması ve yıl yıl ilerleyen zaman çizelgesi.

Hakkımızda

2.612 pxakıyor

Biz kimiz, nasıl çalışırız, misyon ve vizyon; yıllara yayılan başarı çizelgesi aynı sayfada.

Diyetisyen tanıtım sayfası: portre görseli ve yanında özgeçmiş metni.

Diyetisyenimiz

817 px

Mutfak yönetimini ve üye takibini yürüten diyetisyenin eğitimi, stajları ve uzmanlık alanları.

Blog listesi: üç kolonlu yazı kartları, her kartta kategori, tarih ve okuma süresi.

Blog

6.485 pxakıyor

Aylık beslenme rehberleri ve mevsim içerikleri; arama görünürlüğünü besleyen düzenli yayın akışı.

İletişim sayfası: solda telefon, e-posta, adres ve saat kartları; sağda mesaj formu.

İletişim

1.340 px

Diyetisyen hattı, iki e-posta adresi, Alsancak ofisi, çalışma saatleri ve konu bazlı mesaj formu.

Izgara

1600 piksel, 12 sütun, 32 piksel kenar

Aşağıdaki değerler canlı siteden okundu; kart, boşluk ve yarıçap ölçüleri bu ızgaraya sabitlendi.

Azami içerik genişliği
1600 px
Kenar boşluğu
32 px
Ürün kartı aralığı
24 px
Özellik ızgarası aralığı
32 px
Vitrin bölümü aralığı
64 px
Künye ızgarası aralığı
48 px
Kart yarıçapı
16 px
Rozet yarıçapı
12 px
3/12305 px3/12305 px3/12305 px3/12305 px
1440 px ekran · 1280 px içerik alanı12 sütun · 4 kart

Palet

Nötr zemin, tek vurgu yeşili

Yüzdeler, ekranda kaplanan alanın yaklaşık payıdır — kartela değil, kullanım oranı.

01 · Sayfa arka planıZemin#F5F5F5
02 · Kart, form ve tablo yüzeyleriKart yüzeyi#FFFFFF
03 · Buton, etiket ve vurgularMarka yeşili#71AE47
04 · Gövde ve başlık metniMetin#343A40
05 · Bilgi rozetleri ve bağlantılarİkincil mavi#006FAB
06 · Sipariş ve ödeme butonlarıButon lacivert#02337C

Sayfanın üçte ikisi nötr zemin; yeşil yalnızca harekete geçiren yerlerde — butonlar, etiketler ve fiyat vurguları.

Tipografi

Tek aile: Montserrat, dört kademe

Ölçüler masaüstü görünümden alındı; mobilde aynı kademeler orantılı küçülüyor.

  • "Kişiye Özel Diyet Menüsü" kapak başlığının iki satırlık kutusu.
    Kapak başlığı · Montserrat 700 · 80/88793 × 176 px
  • "Sağlıklı Yaşama İlk Adım" bölüm başlığının tek satırlık kutusu.
    Bölüm başlığı · Montserrat 600 · 40/60502 × 60 px
  • Paket kartı başlığının 400 piksel genişlikteki kutusu.
    Kart başlığı · Montserrat 600 · 19,2/28,8400 × 29 px
  • İki satırlık giriş paragrafının ölçülmüş kutusu.
    Giriş metni · Montserrat 500 · 20,8/37,4753 × 75 px

Başlık ağırlığıyla gövde ağırlığı arasındaki fark okumayı yönetiyor; ikinci bir yazı ailesine gerek kalmadı.

Hücreler

Sistemi ayakta tutan parçalar

Sayı, kısa metin ve görsel hücreleri karışık yerleşiyor; her biri projenin bir parçasını tek başına anlatıyor.

20.000+Mutlu müşteri
9Beslenme programı
4Adımda sipariş

Diyetisyen kontrolü

Her tabak, diyetisyenin hazırladığı plana göre porsiyonlanıyor; site de aynı planı anlatıyor.

Paket kartı

Hedef etiketi, günlük fiyat ve liste fiyatı tek kartta.

Tek takvim

Menü planı, üretim ve teslimat artık aynı takvimden besleniyor.

6Hukuki metin

Sipariş akışı

Paket, tarih, adres ve ödeme; dört adım tek ekranda ilerliyor.

Teslim

Paketten çıkanlar

01

Kurumsal web sitesi — 9 sayfa şablonu

  1. 02E-ticaret altyapısı ve dört adımlı sipariş akışı
  2. 03Üyelik ve giriş yapısı
  3. 04Paket ve menü yönetim paneli
  4. 05Blog altyapısı ve içerik şablonu
  5. 06Mobil uyumlu arayüz — 12 sütun ızgara, Montserrat
  6. 07SEO temeli: başlık, açıklama ve Open Graph etiketleri
  7. 08Hukuki metin seti: KVKK, gizlilik, mesafeli satış, iptal-iade, teslimat, kullanım koşulları
  8. 09İletişim formu ve diyetisyen hattı bağlantısı
  9. 10İzmir'e özel açılış sayfası
Kaktüs Yazılım

On yıllık bir mutfak, 2024'te kendi sipariş sistemine kavuştu.

Kurumsal site ve e-ticaret, Kaktüs Yazılım tarafından tek çatı altında kuruldu.