OSBSA Bilişim

Restoran ve kafe için web sitesi örneği

Ev yemeği çıkaran bir lokanta için kurduğumuz gezilebilir site. Menü tablo hâlinde, masa rezervasyon formu çalışıyor.

Kısa cevap

Yemek yiyeceği yeri arayan kişi üç şeyi otuz saniyede bulmak istiyor: bugün ne var, açık mısınız, masa var mı. Rakip paketlerin neredeyse hepsi menüyü görsel ya da PDF olarak koyuyor; ikisi de telefonda okunmuyor ve müşteri sonunda telefon açıyor. Aşağıdaki örnek sitede menü metin tablosu hâlinde duruyor, günlük yemek listesi panelden her sabah güncelleniyor ve masa rezervasyonu için bir form var. Menüde fiyat yok: gıda maliyeti haftalık değişiyor ve sitede duran eski bir rakam masada tartışmaya dönüşüyor.

Demodaki firma yok, numarası da yok; sayfanın nasıl çalıştığını görmeniz için kuruldu. Panelin parolasını görüşmede veriyoruz — isteyin, ekranda birlikte bir ürün adı değiştirelim.

Ekranda nasıl duruyor

Aşağıdakiler demonun kendi sayfalarından alındı; kurgu görsel değil.

Sıcak tonlu ilk ekranın altında o günün yemek listesi ve yanında masa rezervasyon formunun gün, saat ve kişi sayısı alanları.
Günün listesi ve rezervasyon formu ilk ekranın altında.
Menü sayfası: çorbalar, tencere yemekleri ve kahvaltı başlıkları altında ürün, porsiyon ve not sütunlarından oluşan tablolar; fiyat sütunu yok.
Kategori, ürün ve porsiyon tabloda; fiyat masadaki menüde.

Bir restoran sitesinde ne olmalı

Sektörü tanımayan bir ajans bunları sormaz; sorulmayınca da siteye girmez.

Menü sayfası, dosya değil

Kategori, ürün ve porsiyon tablo hâlinde. PDF telefonda açılmıyor, açılsa da okunmuyor ve arama motoru içindekini göremiyor.

Günlük liste panelden

Her sabah değişen yemekleri kendiniz giriyorsunuz. Bunu yapmak için bizi aramanız gerekmiyor, iki dakikalık iş.

Masa rezervasyon formu

Gün, saat, kişi sayısı ve özel istek. Panelde 'cumartesi akşam, 6 kişi, pasta getirecekler' diye görüyorsunuz.

Saatler ve neyin olmadığı

Mutfağın kaçta kapandığı, kahvaltının kaçta bittiği, alkol servisi olup olmadığı. Üçü de gelmeden önce sorulan şeyler.

Paket servis bölgesi

Hangi saatlerde, nereye kadar. Adresini yazan müşteri gelip gelmediğinizi hemen görüyor.

Organizasyon sayfası

Salon kaç kişi alıyor, menü ne zaman belirleniyor, kişi sayısı ne zamana kadar değişebiliyor. Kurum yemeği arayan kişi bunları arıyor.

Müşteriniz siteye girer girmez ne arıyor

Üçü de demonun ilk ekranında cevaplanıyor. Cevap sayfanın dibinde kalırsa ziyaretçi telefonu eline alıyor ya da çıkıyor.

  1. Bugün ne var

    Lokantaya gelen ilk soru bu ve rakip sitelerin çoğunda cevap yok, çünkü menü bir görsel dosyanın içinde duruyor ve her gün değişen bir listeyi görsel olarak güncellemek kimsenin yapmak istemediği bir iş. Örnek sitede menü metin tablosu hâlinde; günlük tencere yemekleri panelden sabah dokuzda giriliyor ve sitede aynı anda beliriyor. Telefonda okunuyor, aranabiliyor, indirilmesi gerekmiyor. Arama tarafında da karşılığı var: metin olan bir menü Google'ın okuyabildiği bir menü.

  2. Masa var mı

    İkinci soru bu. Otuz kişilik bir salonda masa düzenini otomatik yönetmek gerçekçi değil, çünkü aynı masa iki kişilik de dört kişilik de kullanılıyor ve düzeni değiştiren şey o akşamın kalabalığı. Örnek sitede form gün, saat, kişi sayısı ve özel isteği soruyor; talep panele düşüyor, siz deftere bakıp teyit için arıyorsunuz. Formun altında da bu yazılı: istek tek başına masa ayırmıyor. Kalabalık gruplarda menünün önceden konuşulması gerektiği de aynı yerde yazıyor.

  3. Paket servis bize geliyor mu

    Çevredeki iş yerlerinin sorduğu şey bu ve cevabı bölgeye bağlı. Örnek sitede dağıtım saatleri ve bölgenin nasıl sınırlandığı ayrı bir sayfada duruyor; komisyonlu sipariş platformlarında olmama tercihi de yazılı, çünkü tencere yemeğinde komisyon oranı fiyatı yukarı çekiyor. Ambalaj kuralı da orada: kendi kabını getiren müşteriden ambalaj ücreti alınmıyor. Bu üç satır telefonu kesen satırlar.

Siteyi kendiniz yönetiyorsunuz

Aşağıdakiler demonun kendi panelinden alındı. Hazır site satan sağlayıcıların çoğu panelden söz ediyor ama ekranını göstermiyor.

Örnek Lokanta panelinde kayıt listesi: günün menüsü, kahvaltı, toplu yemek ve organizasyon, paket servis satırları; yanlarında sıra numarası ve yayında kutusu.
Günlük yemek listesini her sabah buradan giriyorsunuz.
Menü sayfasının düzenleme formu: başlık, gövde metni ve içine yazılmış tablo satırları; altında fiyatın neden yazılmadığını anlatan not alanı.
Menü tablosu panelde metin olarak duruyor, dosya yüklenmiyor.

Panel demoda açık. Adresi /demo/restoran/panel; parolayı görüşmede veriyoruz. İstediğiniz kadar karıştırabilirsiniz, panelin altındaki "demoyu sıfırla" düğmesi her şeyi eski hâline döndürüyor.

Bu sitede neler var

Hepsi demoda çalışıyor. Yazmadığımız şey yok demektir.

Yönetim paneli

  • Ürün ve hizmet

    Kalem ekleyip çıkarıyor, adını ve açıklamasını değiştiriyor, sırasını siz belirliyorsunuz.

  • Teknik tablo

    Ürün sayfasındaki ölçü ve süre satırları panelden yazılıyor: solda ad, sağda değer.

  • İçerik sayfaları

    Hakkımızda, süreç, sertifikalar. Yeni sayfa açmak için bizi aramanız gerekmiyor.

  • Haber ve yazı bölümü

    Panelden yazı ekleyip yayınlıyorsunuz: başlık, özet, gövde ve tarih. Yazı aynı anda sitede ve ana sayfadaki son yazılar şeridinde beliriyor.

  • Rakam şeridi

    Ana sayfadaki dört rakam (kuruluş yılı, teslim süresi, kapasite) panelden güncelleniyor.

  • Gelen talepler

    Formdan gelen her talep panelde: ad, telefon, e-posta ve yazdığı mesajla.

  • Yedek indirme

    Sizin sürümünüzde bir düğme bütün içeriği JSON dosyası olarak indiriyor.

  • Parola korumalı

    Panel ayrı bir girişin arkasında; ziyaretçi panelin varlığını görmüyor.

Arama motoru tarafı

  • Sayfa başına tek H1

    Her sayfanın tek ana başlığı var. Eski sitelerde en sık bulduğumuz hata bu.

  • Başlık ve açıklama

    Arama sonucunda görünen iki satır her sayfa için ayrı yazılıyor.

  • Sektör şeması

    İşin türünü söyleyen yapısal veri gömülü: nakliyatta MovingCompany, klinikte Dentist.

  • Soru–cevap işaretlemesi

    Sık sorulanlar FAQPage biçiminde işaretli; sonuçta açılır cevap olarak çıkabiliyor.

  • Site haritası ve robots

    Panelden eklediğiniz ürün haritaya kendiliğinden giriyor, kaldırdığınız çıkıyor.

  • Görseller AVIF ve WebP

    Fotoğraflar yayın öncesi iki biçimde üretiliyor; tarayıcı desteklediğini indiriyor.

  • Telefonda açılış hızı

    Yavaş 4G'de ölçülen LCP 1,6 saniye (Google'ın eşiği 2,5) ve sayfa inerken zıplamıyor.

Formlar ve iletişim

  • Teklif formu

    Gönderilen talep veritabanına yazılıyor ve panelde görünüyor. Süs değil.

  • WhatsApp ve arama

    İkisi de hazır mesajla ve tek dokunuşla açılıyor; numara kopyalanmıyor.

  • Bot koruması

    Forma gizli bir tuzak alanı gömülü. İstenirse doğrulama kutusu da ekleniyor.

Telefon ekranı

  • Önce telefon

    Sayfalar dar ekrana göre kuruldu, masaüstü düzeni onun üstüne bindi.

  • Yapışık alt çubuk

    Dar ekranda altta Ara ve WhatsApp düğmeleri; kaydırma nereye giderse gitsin orada.

Dil ve barındırma

  • Sitenin dili

    Demolar ve size kurulan sürüm Türkçe. İngilizce, Arapça, Almanca, Rusça ve Fransızca altyapısı çalışıyor; kurulumu ek hizmet olarak fiyatlanıyor.

  • Nerede duracak

    Kendi sunucunuza da kurulur bizimkine de (Node 22 ve MariaDB). Kendi klasörü ve veritabanı olduğu için taşınabiliyor.

Restoran tarafında ayrıca

  • Menü tablosu

    Menü panelde metin olarak duruyor: kategori, ürün ve porsiyon satırları. Dosya yükleme yok, ürün ekleyip çıkarmak bir satır işi.

  • Masa rezervasyon formu

    Dört seçmeli alan okunabilir bir cümleye dönüşüyor ve talep panelde geliş sırasına göre listeleniyor.

Sık sorulanlar

Menüye fiyat yazalım mı
Kararı siz veriyorsunuz, ama önerimiz yazmamak. Sebze ve et fiyatı hafta hafta değişiyor; sitede duran bir rakam iki hafta sonra yanlış oluyor ve masaya oturmuş müşteriyle o rakamı tartışmak istemiyorsunuz. Fiyat yazmak isterseniz panelden tek tek girilebiliyor, ama o zaman güncel tutmak sizin rutininize giren bir iş oluyor. Ara bir yol da var: fiyat yerine aralık yazmak ya da yalnız değişmeyen kalemlerde rakam göstermek.
QR menü yerine bu site yeter mi
İkisi farklı iş yapıyor. QR menü masada oturan müşteri için; menü sayfası ise henüz gelmemiş, gelip gelmeyeceğine karar veren kişi için. Örnek sitedeki menü sayfasının adresini bir QR koda basıp masaya koyabilirsiniz, ayrı bir abonelik gerekmiyor. Ama QR menü yazılımlarının sunduğu masadan sipariş ve adisyon takibi bu sitede yok; onu istiyorsanız o ayrı bir sistem ve ikisi birlikte de çalışabiliyor.
Çevrimiçi sipariş almak istiyoruz, olur mu
Teknik olarak olur: ödeme altyapısı kurulu ve kapalı teslim ediliyor, açmaya karar verdiğinizde tek ayar değişiyor. Ama sipariş almanın asıl yükü teknik değil operasyonel. Mutfağın o siparişi kim ne zaman görecek, stokta olmayan bir kalem seçilirse ne olacak, teslim süresi kim tarafından yazılacak. Bunlar yazılı olmadan açılan bir sipariş kanalı üç hafta sonra kapanıyor. Önce telefonla sipariş düzenini oturtup sonra açmak daha çok işe yarıyor.
Instagram hesabımız var, site gerekli mi
İkisi aynı işi yapmıyor. Instagram bugünü gösteriyor, arama sonuçlarında yeri yok ve menünüzü arayan kişi oraya düşmüyor. 'Kadıköy ev yemeği' diye arayan kişinin ineceği yer bir web sayfası. Öte yandan hesabınızı kapatmanızı da önermiyoruz; menü sayfasının adresini profile koymak ikisini birbirine bağlıyor ve fotoğraf akışı siteye trafik getiriyor.
İki şubemiz var, ikisi aynı sitede olur mu
Olur. Şube başına iletişim sayfası, ayrı saatler ve rezervasyon formunda şube seçimi ekleniyor; talep hangi şubeye geldiyse orada görünüyor. Menüler farklıysa iki ayrı menü sayfası kuruluyor. Şubelerin adresi ayrı sayfalarda durduğunda haritada da ayrı ayrı bulunuyor, bu tek sayfada toplamaktan daha çok işe yarıyor.

Sonraki adım

Demodaki menü sayfasını telefonunuzda açın, sonra masa rezervasyon formunu doldurup gönderin. Kendi işletmenizde telefonda en çok tekrarlanan soruyu not alın: çoğu lokantada bu soru 'bugün ne var' oluyor ve cevabı bir sayfada durabilecek kadar basit.

Projenizi konuşalım

Ne istediğinizi kısaca yazın; kapsamı, süreyi ve bedeli içeren bir teklifle dönelim.