All Projects
Project

Lezzet Pınarı — Digital Menu

The price list on the shop sign became a digital menu with 8 categories, easy to browse one-handed on a phone.

QR MenuMobile-FriendlyRestaurantCategory Navigation
Industry
Restaurant — patso, döner, burgers
Year
2026
Scope
Digital menu · Admin panel
Status
Live
Lezzet Pınarı — Digital Menu logo

52

products

From the real price list on the shop sign

8

categories

From patso to drinks

98

desktop performance

Google PageSpeed Insights, 28 Oct 2026 (median of 3 runs)

95

mobile performance

Mobile LCP 2.7 s · median of 5 runs

Starting point

Lezzet Pınarı's price list lived on a shop sign. We wanted to turn it into a menu that's easy to browse on a phone with one hand, even in a crowd — and build it so the business can update it on its own.

How we did it
  1. The real price list

    The menu data was entered by hand from the actual sign: 52 items across 8 categories. No item or price is made up.

  2. A visual category grid

    On the home screen, Patso, Döner, Toast, Burgers, Meatballs, Sausage & Goralı, Combos and Drinks sit as large visual cards; a guest reaches a category with one tap.

  3. In the business's own hands

    Through the admin panel, items are added, edited and deleted, and sold-out items are flagged. Address, phone and opening hours are included in the menu.

What we delivered

Digital menu

Mobile-first, 8 categories and 52 items.

Category grid

A home screen made of visual cards.

Admin panel

Adding, editing, deleting items and marking them sold out.

Business information

Address, phone and opening hours.

Technology we used

Next.jsTypeScriptTailwind CSSZodVercel

What the code is written in

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

1,452 lines of source code, counted in the project repository on 15 October 2026. TypeScript includes TSX.

Live website

See it for yourself

The site is public — open it to browse the desktop and mobile experience.

Open the live website

The menu on a phone

Current screenshots from the live menu: eight categories open as visual cards, and each category page lists products and prices in a single column.

Categories and location

The rest of the category grid and the business map; call and WhatsApp buttons stay pinned at the bottom of the screen.

Performance: Google PageSpeed Insights Results

Measured with Google PageSpeed Insights on 28 October 2026; because single runs swing by ±20 points, the median of five mobile and three desktop runs is shown. The SEO category is excluded: the site is not yet open to search engines (noindex), which artificially depresses that score.

MetricMobileDesktop
Performance9598
Accessibility9696
Best Practices100100
Largest Contentful Paint (LCP)2.7 sn0.7 sn
Cumulative Layout Shift (CLS)00

Put your menu on the table too

Tell us about your products and prices; we'll build a menu that opens fast on mobile and that you can update yourself.

Lezzet Pınarı — Digital Menu — Project | Vinci Studio