Tüm Projeler
Proje

Lezzet Pınarı — Dijital Menü

Tabeladaki fiyat listesi, telefonda tek elle gezilen 8 kategorili bir dijital menüye dönüştü.

QR MenüMobil UyumluRestoranKategori Yönetimi
Sektör
Restoran — patso, döner, burger
Yıl
2026
Kapsam
Dijital menü · Yönetim paneli
Durum
Canlı
Lezzet Pınarı — Dijital Menü logo

52

ürün

Tabeladaki gerçek fiyat listesinden

8

kategori

Patso'dan içeceklere

98

masaüstü performans

Google PageSpeed Insights, 28 Ekim 2026 (3 ölçümün ortancası)

95

mobil performans

Mobil LCP 2,7 sn · 5 ölçümün ortancası

Başlangıç noktası

Lezzet Pınarı'nın fiyat listesi tabelada duruyordu. Bu listeyi telefonda, tek elle, kalabalıkta bile kolayca gezilen bir menüye çevirmek ve işletmenin kendi başına güncelleyebileceği bir yapıda kurmak istedik.

Nasıl yaptık
  1. Gerçek fiyat listesi

    Menü verisi, tabeladaki gerçek listeden elle girildi: 8 kategoride 52 ürün. Hiçbir ürün ya da fiyat uydurma değil.

  2. Görsel kategori ızgarası

    Ana ekranda Patso, Dönerler, Tostlar, Burgerler, Köfteler, Sosisli & Goralı, Menüler ve İçecekler büyük görsel kartlar olarak duruyor; misafir tek dokunuşla kategorisine geçiyor.

  3. İşletmenin kendi elinde

    Yönetim panelinden ürün eklenir, düzenlenir, silinir; bitenler “tükendi” olarak işaretlenir. Adres, telefon ve çalışma saatleri menüde yer alır.

Teslim ettiklerimiz

Dijital menü

Mobil öncelikli, 8 kategori ve 52 ürün.

Kategori ızgarası

Görsel kartlarla ana ekran.

Yönetim paneli

Ürün ekleme, düzenleme, silme ve tükendi işaretleme.

İşletme bilgileri

Adres, telefon ve çalışma saatleri.

Kullandığımız teknolojiler

Next.jsTypeScriptTailwind CSSZodVercel

Hangi dillerle yazıldı

  • TypeScript96,6%
  • CSS2,5%
  • JavaScript0,9%

Proje deposunda 15 Ekim 2026 tarihinde sayılan 1.452 satır kaynak kod. TypeScript, TSX'i de kapsar.

Canlı site

Kendi gözünüzle inceleyin

Site herkese açık — masaüstü ve mobil deneyimi incelemek için ziyaret edebilirsiniz.

Canlı siteyi aç

Telefonda menü

Gerçek menüden güncel ekran görüntüleri: sekiz kategori görsel kartlarla açılıyor, kategori sayfasında ürünler ve fiyatlar tek sütunda okunuyor.

Kategoriler ve konum

Kategori ızgarasının devamı ve işletmenin haritası; arama ve WhatsApp düğmeleri ekranın altında sabit duruyor.

Performans: Google PageSpeed Insights Sonuçları

28 Ekim 2026 tarihinde Google PageSpeed Insights ile ölçüldü; tek ölçümler ±20 puan oynadığı için mobilde beş, masaüstünde üç ölçümün ortancası alındı. SEO kategorisi dahil edilmedi: site henüz arama motorlarına kapalı (noindex), bu da o skoru yapay olarak baskılıyor.

MetrikMobilMasaüstü
Performans9598
Erişilebilirlik9696
En İyi Uygulamalar100100
En Büyük İçerikli Boyama (LCP)2.7 sn0.7 sn
Kümülatif Düzen Kayması (CLS)00

Menünüz de masada açılsın

Ürün ve fiyat listenizi anlatın; mobilde hızlı açılan, kendi başınıza güncelleyebileceğiniz bir menü kuralım.