Website · Web development
Website for the delivery of Italian business lunches in Iskele, Northern Cyprus. Logo, dynamic menu, automatic change once a week, shopping cart, CRM and integration with mail and Telegram.
Task
Chef Vladimir Vodka, a chef with many years of experience in Italian and French cuisines and an internship in Hong Kong, opened the first gastronomic project in Northern Cyprus. Business lunches with delivery in Iskele: Italian cuisine, daily menu, three dishes to choose from.
Task: make a website quickly - the client wanted to launch in the coming days. At the same time, it had to solve real business problems: take orders, not require manual updating of the menu every week, and collect a customer base.
The site should work on its own. The chef cooks - does not program.
The key principle that determined all technical solutions
Brainstorm
The main problem: the daily menu is a data structure that changes 6 days a week. Plus two different menus for alternating weeks. If you do this through manual editing, the client will spend an hour every Monday. Automation is needed.
Second challenge: navigation. The menu is long - Mon/Tue/Wed/Thu/Fri/Sat. The user must get to the desired day with one click, without scrolling through the kilometers.
Auto change menu
Two full menus for all 6 days have already been uploaded to the site. The JavaScript script determines the current week number and shows the desired menu - odd/even week. Every Monday itself.
Sticky navigation by day
When you scroll down, the menu blocks go up, and clickable blocks with the days of the week appear in the header. Click - the anchor link goes to the desired day. More convenient than most restaurant sites.
Cart and order
“Add to cart” button on each dish. The client types the order, fills in the name, phone number, address and delivery time. The “remember contacts” checkbox means that when you return, the form has already been filled out.
Three notification channels
The order arrives simultaneously by email, Telegram bot and CRM. The manager sees the notification on his phone a second later. Mail is for the archive. CRM - for working with repeat clients.
Project Mindmap
Logo and identity
The logo was developed and the color system was approved. Cream background, olive accent - Italian aesthetics without clichés. Adapted for web, print, website header.
Menu structure
6 days × 3 dishes × 2 menu options = 36 items loaded at once. Each dish - photo, name, composition, weight, price, add to cart button, pop-up card with details.
Automation of menu changes
JS script: getWeek() → even/odd → show menu-A or menu-B block. Fires when the page loads. The client never gets into the Tilda editor.
UX navigation by day
Custom sticky header with anchor links for every day. On the desktop it appears when scrolling. On mobile - always visible. Tested: time to order reduced.
Cart + form + integrations
Tilda Store: cart, address and delivery time field, “remember” checkbox. Order → simultaneously by email, in a Telegram bot via webhook, in CRM Tilda to collect a customer base.
Multilingual
RUS/TUR/ENG switch in the header. Iskele is an international city, the audience is mixed. Basic version in Russian, translated versions in Turkish and English.
Visual system
The challenge when developing the identity: Italian cuisine, but without the banal red-green flags and pizzas in the logo. Focusing on Mediterranean aesthetics - warm neutral tones, elegant typography, a homey trattoria feel.
Panna
#F5EDD8
Base background
Basilico
#3D4A2E
Accent buttons
Oro
#B8860B
Prices details
Beige
#E8DBC0
Cards block background
Technical solutions
Auto change menu
JavaScript determines the week number of the year. Odd - shows menu A, even - menu B. Both menus are always on the site, just one is hidden. No manual edits.
JS · automationSticky navigation
When you scroll down, the “Mon / Tue / Wed / Thu / Fri / Sat” bars appear. Click - an instant anchor transition to the desired day. Works on both desktop and mobile.
UX navigationSaved checkout details
Tilda Store with custom fields: address, delivery time, name. The “remember” checkbox saves the data in localStorage - the regular client does not fill out the form again.
Tilda Store · UXOrder in Telegram
Webhook Tilda → Telegram Bot API. With each order, the chef receives a message on his phone: name, phone number, address, time, order contents and amount. The notification arrives within seconds.
Telegram API · webhookCustomer CRM
Each order automatically goes into Tilda CRM: name, contact, purchase history. The pool of regular customers for newsletters and promotions is growing.
CRM · TildaThree languages
Switch RUS / TUR / ENG in the header. The audience of Northern Cyprus is mixed: Russian speakers, local Turks, tourists. Everyone reads in their own language.
i18n multi-languageConversion
Each solution was tested by one question: how much does it shorten the path from “saw the dish” to “clicked Order”. Here are the key changes that produced results.
Previously: scroll the entire menu to find the desired day
↓Now: one click on the day sign in the header
Finding a dish now takes seconds, not minutes
It happened: there was no popup with a description - customers could not tell what they were ordering
↓Now: click on the photo - a card with composition, weight, price pops up
Fewer abandoned orders for unfamiliar dishes
Previously: re-enter name, phone number, address each time
↓Now: check “remember” - repeat order in two clicks
Regular customers order faster
Screenshots
Result
The site was launched on time - quickly, as required. At the same time, it solves every core business need: takes orders, changes the menu without manual input from the client, collects a customer base.
The main technical discovery is the automatic menu change via the week number. The client uploaded both menu options to Tilda once and never returned to it. The system runs automatically.
The site is available at osteriya.com — you can see live how navigation by day and switching languages works.