Projelere Dön

Ciğerim Restoran

Girne'de iki şubesi olan bir ciğer ve kebap restoranı için; telefondaki ziyaretçiyi birkaç dokunuşla WhatsApp siparişine, menüye ya da yol tarifine ulaştıran iki dilli site.

Proje türü
Müşteri Projesi
Sektör
Restoran
Konum
Girne, KKTC
Rolüm
Tasarım ve geliştirme
Yıl
2025 · 2026
Diller
Türkçe, İngilizce

FIG. 01Ana sayfa

Canlı site ·
Ana sayfa: kampanya görselleri, gece 01:00 etiketi ve şube seçmeli sipariş paneli
Problem
Ziyaretçi çoğunlukla gece geç saatte, telefondan geliyor ve üç şeyden birini istiyor: sipariş, menü ya da yol tarifi.
Çözüm
Şubesini seçen ziyaretçi hazır mesajla doğrudan o şubenin WhatsApp hattına geçiyor; menü ve yol tarifi aynı panelde.

Bağlam

Ciğerim Restoran, 2010'dan beri Girne'de (KKTC) hizmet veren; Arnavut ciğeri, Edirne ciğeri ve ciğer şişin yanında Mersin tantunisi, döner ve kebap çeşitleri sunan bir restoran. Karakum ve Karaoğlanoğlu'nda iki şubesi var, ikisi de gece 01:00'e kadar açık.

Restoranın ilk sitesini 2025'te hazır bir tema üzerine kurmuştum. Eylül 2026'da siteyi sıfırdan yeniden yazdım. Çıkış noktası şuydu: ziyaretçilerin çoğu telefondan, çoğu zaman gece geç saatte geliyor ve siteden tek bir şey istiyor. Sipariş vermek, menüye bakmak ya da şubeye yol bulmak.

Yaklaşım

  • Sipariş sitede değil, WhatsApp'ta. Ziyaretçi şubesini seçiyor, gönderilecek mesajın önizlemesini görüyor ve tek dokunuşla o şubenin WhatsApp hattına hazır mesajla geçiyor. Sepet ya da ödeme adımı yok; restoranın zaten kullandığı kanal olduğu gibi korunuyor.
  • İki şube, ayrı ayrı. Her şubenin WhatsApp, menü, yol tarifi ve telefon bağlantısı kendi kartında; bilgiler iki şube arasında karışmıyor.
  • Geç saat bir ayrıcalık. "Gece 01:00'e kadar açık" etiketi ilk ekranda. Mobilde başlıktan önce saat, yemek ve sipariş paneli geliyor.
  • Yalnızca doğru olan söyleniyor. Doğrulanmış bir puan, ödül ya da müşteri sayısı olmadığı için sitede bunlara yer verilmedi.
  • Tasarım. Beyaz karo bir servis tezgâhından esinlenen, ince çizgilerle ayrılan bölümler; logodan alınan kırmızı yalnızca vurgu için.

Öne çıkanlar

  • Süreli kampanyalar: Restoranın kampanya görselleri tarihli; süresi dolan kampanya kendiliğinden yayından kalkıyor.
  • Ocaktan çıkanlar: Fotoğraflarıyla 9 imza yemek.
  • Film: 4,8 saniyelik sessiz döngü ekrana yaklaşınca, 13,7 MB'lık tam film yalnızca tıklanınca yükleniyor.
  • Galeri: 33 fotoğraf, filtreler ve lightbox.
  • Menü: Ayrı çalışan QR menü uygulamasına şube bazlı bağlantılar.

Teknik altyapı

  • Çatı: Framework, jQuery ya da Bootstrap kullanmayan PHP 8 sayfaları; build adımı yok. Şubeler, yemekler ve kampanyalar tek bir veri dosyasından okunuyor.
  • Dil: /tr/ ve /en/ altında iki dil, dil başına 156 çeviri anahtarı; her sayfada canonical ve hreflang.
  • Yapısal veri: İki şube adresini, menü bağlantısını ve sosyal profilleri içeren Restaurant JSON-LD.
  • Performans: Ana sayfa HTML'i sıkıştırılmış 9 KB. Tek CSS (10,5 KB) ve tek ertelenmiş JavaScript (5,7 KB) dosyası; kendi sunucusundan yüklenen font; WebP ve JPEG yedekli, boyutları belirtilmiş görseller. İlk kampanya görseli öncelikli yükleniyor.
  • Erişilebilirlik: İçeriğe atlama bağlantısı, klavye odağını içinde tutan mobil menü ve hareketi azaltma tercihine uyum.
  • Yayın: Kimlik bilgilerini ortam değişkenlerinden okuyan ve sunucudaki her dosyanın önceki halini yedekleyen bir FTP dağıtım betiği.

Sonuç

Yeni site Eylül 2026'dan beri yayında. Telefondaki ziyaretçi şubesini seçip sipariş mesajını WhatsApp'tan gönderebiliyor; menüye ve yol tarifine de aynı yerden ulaşıyor.

FIG. 02Sayfalar

1440 × 900
  1. Ocaktan çıkanlar: fotoğraflarıyla imza yemekler

    01

    Ocaktan çıkanlar — fotoğraflarıyla imza yemekler

  2. Şubeler: her şube için WhatsApp, menü, yol tarifi ve telefon

    02

    Şubeler — her şube için WhatsApp, menü, yol tarifi ve telefon

FIG. 03Mobil görünüm

390 × 844
  1. Mobil ana sayfa: saat etiketi ve kampanya görseli başlıktan önce

    01

    Mobil ana sayfa — saat etiketi ve kampanya görseli başlıktan önce

  2. Sipariş paneli: şube seçimi ve WhatsApp'a gidecek mesajın önizlemesi

    02

    Sipariş paneli — şube seçimi ve WhatsApp'a gidecek mesajın önizlemesi

  3. Mobil şube kartları: tek dokunuşla arama, menü ve yol tarifi

    03

    Mobil şube kartları — tek dokunuşla arama, menü ve yol tarifi

  4. Galeri: 33 fotoğraf ve filtreler

    04

    Galeri — 33 fotoğraf ve filtreler