Project

Ateş Usta

Kebab, soup and pide cooked over charcoal: a corporate site, QR menu and admin panel under one roof.

Corporate WebsiteQR Menu SystemAdmin PanelSEOSocial Media Design

Industry: Restaurant — kebab, soup, pide
Location: Çekmeköy, Istanbul
Year: 2026
Scope: Corporate site · QR menu · Admin panel · Blog · Social media
Status: Live

products, 7 categories

In the QR menu, from the client's real list

desktop performance

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

mobile performance

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

100

SEO score

Mobile and desktop

Starting point

Ateş Usta needed three things, all under one roof and consistent with each other: a site that tells the story of a charcoal-fire kitchen, a menu that opens on a phone in seconds at the table, and an admin panel the team can update without writing code. We built all of it from scratch in a single codebase.

How we did it

The real menu first
We started from the client's actual product and price list: 7 categories, 82 items. The category order is fixed — soups, the house signature, always sit in the first tab.
A standalone menu on the guest's phone
The QR menu is designed mobile-first: category tabs, live search, and photo cards. It opens independently of the rest of the site, so a guest scanning the code lands straight on the menu instead of a corporate page.
Management without code
The password-protected panel handles adding, editing, deleting, unpublishing items, and updating prices and categories. Sessions use a signed cookie, every change is re-verified on the server, and uploaded photos are converted to WebP automatically.
Brand voice and search visibility
A hero that opens with a cinematic soup clip, plus about, branches and map pages, and a blog with categories, tags and JSON-LD schema. Performance of 92 on mobile and 95 on desktop; SEO score 100 on both.

What we delivered

Corporate website

Hero video, about, category showcase, branches, contact, and map.

QR menu system

7 categories, 82 items, live search, product detail with photos.

Admin panel

Product, price, category and publish-state management; password-protected.

SEO blog

Categories and tags, JSON-LD schema, mobile reading layout.

Launch social media content

Product-focused Instagram posts for the opening week.

Data and security

Postgres database, row-level access policies, signed sessions.

Technology we used

Next.js (App Router)TypeScriptTailwind CSS v4shadcn/uiSupabase (Postgres)Vercel BlobVercel

What the code is written in

TypeScript96.1%
CSS2.5%
SQL1.0%
JavaScript0.4%

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

Corporate Site

A hero that opens with a cinematic soup clip, about, category showcase, branches, contact and map, plus an SEO blog with categories and tags.

QR Menu System

A standalone, mobile-first digital menu opened by the QR code on the tables: category tabs, live search and photo cards. On desktop the same menu opens in two columns.

Social Media Content

Instagram posts prepared for the opening week — product-led, short and appetizing headlines in a feed consistent with the brand's dark-and-orange identity.

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.

Metric	Mobile	Desktop
Performance	92	95
Accessibility	93	93
Best Practices	100	100
SEO	100	100
Largest Contentful Paint (LCP)	3.4 sn	1.0 sn
Cumulative Layout Shift (CLS)	0	0

More projects

Corporate Website

Stage Medya

A corporate website presenting influencer marketing and production services alongside selected projects.

View project

Corporate Website

İrisnet

For İrisnet, installing security systems in Kadıköy since 2015, we built a fast, mobile-first corporate site that brings five service areas and the product catalogue together in one place.

View project