Miss Et & Balık, Kaman'da (Kırşehir) et ve balık yemekleri sunan bir restoran. Bu proje, restoranın kendini internette tanıtacağı web sitesini ve masadaki misafirin telefonuyla açacağı QR menüyü tek bir hafif yapıda bir araya getirir. Amaç, küçük bir işletmeye bakım yükü ve aylık yazılım maliyeti getirmeden, misafirin ilk saniyede kullanabileceği bir dijital vitrin kurmaktı.

Proje bağlamı ve ihtiyaç

Restoranın üç somut ihtiyacı vardı. Birincisi, yemekleri ve mekânı fotoğraflarla gösteren, telefonda düzgün açılan bir tanıtım sitesi. İkincisi, basılı menü yerine masadan okutulabilen ve uygulama indirmeyi gerektirmeyen bir dijital menü. Üçüncüsü, rezervasyon taleplerinin restoranın zaten kullandığı kanala, yani WhatsApp'a düşmesi. Ayrı bir yönetim paneli öğrenmek ya da gelen talepleri başka bir ekrandan takip etmek işletme için gerçekçi değildi; çözümün bu alışkanlığa uyması gerekiyordu.

Çözüm ve kapsam

Tek sayfa tanıtım sitesi

Ana sayfa, bölümler arasında kaydırarak gezilen tek sayfalık bir yapıdır. Açılışta kısa bir yükleme animasyonu, ardından parallax arka planlı karşılama bölümü gelir. Hakkımızda bölümü mekânı anlatır; menü bölümü et yemekleri, balık ve deniz ürünleri, mezeler ve tatlılar olmak üzere dört kategoride 14 yemeği fotoğraf ve kısa açıklamalarla sunar. Sağ kenardaki navigasyon noktaları, kullanıcının sayfanın hangi bölümünde olduğunu gösterir ve tıklanınca ilgili bölüme kaydırır.

Yemek galerisi ve tam menü

Yemek fotoğrafları bir galeride toplanır; bir görsele tıklandığında lightbox açılır. Lightbox fareyle olduğu kadar klavyeyle de kullanılabilir: ok tuşlarıyla görseller arasında geçilir, Escape tuşu ya da dışarıya tıklama pencereyi kapatır. Tüm menüyü tek bakışta görmek isteyen ziyaretçi için ayrıca bir tam menü penceresi bulunur.

WhatsApp'a bağlanan formlar

Rezervasyon formunda ad soyad, telefon, tarih, saat, kişi sayısı ve isteğe bağlı özel not alınır. Gönder'e basıldığında bu bilgiler düzenli bir mesaj hâline getirilir ve restoranın WhatsApp hattında hazır mesaj olarak açılır. İletişim formu ve bülten kaydı da aynı yolu izler. Böylece sunucuda kişisel veri saklanmaz, ayrı bir veritabanı ya da e-posta altyapısı gerekmez ve talepler restoranın her gün baktığı uygulamaya gelir.

Mobil öncelikli QR menü

QR menü, masadaki kodu okutan misafir için ayrı ve sade bir sayfa olarak tasarlandı. Üstte Et, Balık, Mezeler ve Tatlılar sekmeleri yer alır; sekme değiştirildiğinde ilgili kategori açılır ve sayfa yumuşak biçimde başa kayar. Her üründe ad ve tarifi anlatan kısa bir açıklama bulunur. Sayfanın altında WhatsApp ile hızlı iletişim ve ana siteye dönüş bağlantısı vardır.

Yazdırılabilir QR kod sayfası

Restoranın masalara ve duvara asacağı QR kartları için ayrı bir sayfa hazırlandı. QR kod tarayıcıda üretilir, kart logoyla ve kısa bir okutma talimatıyla birlikte yazdırmaya uygun hâle getirilir. Sayfadaki Yazdır / İndir düğmesi, yalnız kartı içeren baskı görünümünü açar; işletme yeni kart gerektiğinde bir tasarımcıya ihtiyaç duymadan çıktı alabilir.

Yönetim modeli

Bu projede bilinçli olarak yönetim paneli kurulmadı. Menü içeriği az ve seyrek değişiyor; panel, veritabanı ve kullanıcı hesabı eklemek hem güvenlik yüzeyini hem bakım maliyetini artırırdı. Menü ve içerik güncellemeleri doğrudan statik dosyalarda yapılıyor ve dakikalar içinde yayına alınıyor. Restoranın günlük işle ilgili tek teması WhatsApp'a gelen taleplerdir.

Teknik mimari

Site herhangi bir framework kullanmadan HTML5, CSS3 ve sade JavaScript ile yazıldı. Stiller global değişkenler, header, menü, formlar, galeri, tam menü, QR menü ve responsive kurallar gibi 13 ayrı dosyaya bölündü; renk ve tipografi CSS değişkenleriyle tek yerden yönetilir. Davranışlar yükleme animasyonu, navigasyon, nokta göstergesi, lightbox, tam menü ve formlar için altı küçük JavaScript dosyasında tutulur. Görsel dışındaki tüm kod yaklaşık 105 KB'dir; build adımı yoktur.

Menü ve galeri görselleri tembel yükleme (lazy loading) ile, ekrana yaklaştıkça indirilir. Tipografide el yazısı başlık fontu ile okunaklı gövde fontları birlikte kullanıldı. Site masaüstü, tablet ve telefon için ayrı kırılım noktalarıyla düzenlendi; koyu restoran estetiği her ekranda korunur. Sayfa açıklaması ve viewport etiketleri arama motorları ve mobil görüntüleme için tanımlıdır.

Entegrasyonlar ve yayın

• WhatsApp: rezervasyon, iletişim ve bülten formları hazır mesaj bağlantısıyla.
• QR kod üretimi: tarayıcıda çalışan hafif bir kütüphaneyle, sunucuya gerek kalmadan.
• Nginx ve Let's Encrypt: statik dosyalar HTTPS üzerinden doğrudan sunulur.

Sonuç

Proje 2026 Mart'ında tamamlandı ve menu.guezelwebdesign.com adresinde yayında; QR menü aynı alan adında ayrı sayfa olarak çalışıyor. Restoran, misafirin telefonda hızlı açtığı bir menüye ve rezervasyonları doğrudan WhatsApp'a getiren bir siteye sahip oldu. Yapının sunucu tarafında çalışan bir uygulaması olmadığı için bakım ihtiyacı yalnız içerik güncellemesinden ibaret.