Проект :: Mythos – нов ресторант на морето, пуснат заедно със сайта си

ВРЕМЕ ЗА ЧЕТЕНЕ: Мин

Повечето сайтове на ресторанти се правят за ресторант, който вече съществува – има снимки, има установено меню, има отзиви, има име, което хората познават. Mythos нямаше нищо от това. Това е чисто нов гръцки ресторант на самия бряг в Св. св. Константин и Елена и сайтът трябваше да отвори в същия момент, в който отвориха и вратите.

Това променя задачата. Сайтът не е справка за хора, които вече познават мястото – той е първото впечатление, първото меню, което някой прочита, и първият канал за резервации. Трябва да каже каква е тази вечер за около три секунди, на български и на английски, на човек, който стои на алеята и търси къде да вечеря.

Проектирахме и изградихме авторски едностраничен сайт на Next.js, доставян от мрежата на Cloudflare, с истинското печатно меню и винената карта на ресторанта, четими в страницата, и резервации, които пристигат като имейл – без CMS, без плъгини, без месечна платформа.

За проекта

Mythos е гръцка кухня на Черно море: прясна риба, месо на огън, маслини, лимони и хляб от пещта. Сайтът е една скролваща се страница – историята, кухнята, галерията, менютата, локацията и резервацията – на два езика, със светла и тъмна версия на целия дизайн.

Всичко, от което гостът има нужда, е на едно докосване от телефона: телефонният номер, навигацията в Google Maps или Waze, менюто и формата за резервация. Домейнът, сертификатът и DNS бяха настроени като част от пускането, без да се пипа пощата на ресторанта.

Цели

• Да отвори заедно с ресторанта – завършен сайт от първия ден, а не страница „очаквайте скоро“
• Храната и залата да са съдържанието: снимки в цялата ширина, хедър, който се сменя плавно между кадрите
• Печатното меню и винената карта да се показват като книжки, на български и английски, точно както са на масата
• Резервациите да минават през системата за резервации на ресторанта, с форма по имейл, която поема, ако уиджетът го няма
• Български и английски от самото начало, и двата индексируеми, с коректни canonical и hreflang тагове
• Сайт, който собствениците не трябва да поддържат, обновяват или плащат като абонамент

Ключови функционалности

Първо впечатление, което се зарежда мигновено

Страницата отваря с бавно преливане между хедър снимките – без плъзгане и без движение, което се бори с текста – върху името на ресторанта и един ред за това какво представлява. Изображенията са оптимизирани и кеширани според устройството, така че първият екран се появява веднага дори на мобилни данни през август, когато всички мрежи по морето са претоварени.

Светло и тъмно, и двете проектирани

Целият сайт съществува в светла и тъмна палитра, превключвани от хедъра и запомняни между посещенията, а изборът се прилага преди първото изчертаване, така че страницата никога не проблясва в грешния цвят. На практика тъмната версия е това, което хората виждат вечер – тоест точно когато решават къде да вечерят.

Истинското меню, в страницата

Кухнята ни даде файловете за печат на менюто и винената карта на двата езика. Вместо линк към PDF, сайтът ги показва като книжки, които се прелистват, обвити в истинските печатни корици на ресторанта, на езика на страницата, на която сте. Четецът се сваля само когато гост отвори меню, така че разглеждането на останалата част от сайта не струва нищо допълнително.

Резервации с резервен вариант, който винаги работи

Секцията за резервации зарежда уиджета на системата за резервации на ресторанта. Ако уиджетът го няма – блокиран скрипт, бавна мрежа, срив в услугата – на негово място застава форма за резервация, без гостът да забележи: проверява се с Cloudflare Turnstile и се изпраща по SMTP към пощата на ресторанта. Ако и това не стане, секцията показва телефона. Гост, който иска маса, никога не стига до задънена улица.

Намираем от първата седмица

Новият ресторант няма история в Google, затова техническата част трябва да е правилна от първия ден: Restaurant в структурираните данни с кухня, адрес, телефон, снимки и социални профили, заглавия и описания за всеки език, canonical адреси, hreflang двойки, Open Graph изображения, sitemap и robots правила. Същото чете и един AI асистент, когато някой го попита за гръцки ресторант край Св. св. Константин и Елена.

Направен за човека, който стои отвън

По-голямата част от трафика е от телефон, наблизо, в момента. Хедърът държи телефона и бутона за резервация подръка по цялата дължина на страницата; секцията с локацията отваря Google Maps или Waze с едно докосване; галерията се отваря в лайтбокс на цял екран; и нищо в страницата не изисква второ зареждане, преди да бъде полезно.

Технологии

• Фронтенд: Next.js 16 (App Router), React 19, TypeScript и ръчно писан CSS – без тема и без конструктор на страници
• Хостинг: един Cloudflare Worker през OpenNext – без сървър, без база данни, доставка от edge мрежата
• Изображения: Cloudflare Images зад пайплайна за изображения на Next.js
• Менюта: PDF.js и StPageFlip върху файловете за печат на ресторанта, зареждани при нужда, по език
• Резервации: уиджетът на системата за резервации, с форма, проверена с Turnstile, и SMTP клиент за Workers като резервен вариант
• Двуезичност: български в корена, английски под /en, с canonical, hreflang и локализиран Open Graph
• SEO: schema.org Restaurant и WebSite, генерирани sitemap и robots
• Домейн и TLS: Workers custom domains – Cloudflare сама издава DNS записите и сертификата, без да пипа записите за пощата

Акценти в архитектурата

• Нищо в сайта не зависи от база данни или административен панел, така че няма вход за компрометиране и няма обновяване, което да счупи страница в нощта преди натоварен уикенд
• Изборът на тема се записва преди първото изчертаване – затова тъмната версия никога не проблясва в бяло
• Двата езика са истински страници със свои адреси и метаданни, а не клиентски слой за превод, който търсачките не могат да индексират
• Всеки тежък компонент (четецът на менюта, лайтбоксът, картите) се зарежда само при нужда
• Потокът за резервация има степенуван резервен вариант – уиджет, форма, телефон – така че гостът винаги има път напред
• Съдържанието живее в типизирани файлове в хранилището: промяната е малка редакция и публикуване, а грешката проваля build-а, не сайта

Резултати

Mythos отвори със завършен двуезичен сайт: историята си, снимките си, истинското си меню и винена карта, локацията си и път за резервация, който работи дори когато външен уиджет не работи. Няма CMS за поддръжка, няма плъгин за обновяване и няма месечна такса за платформа – сайтът работи върху мрежата на Cloudflare и поддръжката му струва на ресторанта почти нищо.

Вижте го на живо: tastemythos.com.

Защо да работите с Vipe Studio

Откриването на обект е моментът, в който сайтът се изплаща веднага – той е начинът първите гости да ви намерят, да прочетат менюто и да резервират маса, преди някой да е написал отзив. Това работи само ако сайтът е завършен, бърз и правилен в деня, в който отваряте.

Точно това правим: проектиран двуезичен сайт около вашето меню и вашите снимки, с поет домейн, сертификат, поток за резервации и основите в Google, върху инфраструктура без текуща поддръжка. Кажете ни кога отваряте и ще планираме пускането назад от тази дата.

Още по темата

• Проект :: Вила Чинка – ресторант и хотел в един сайт, на четири езика
• Проект :: MORE – три ресторанта на морето в един Next.js сайт
• Проект :: Story Gym – приложение за денонощен достъп до фитнес с QR турникет и картови плащания
• Проект :: Coach by Vipe – платформа за треньори и мобилно приложение за спортни отбори
• Проект :: CRM за спедиция и логистични операции

Съдържанието на този сайт е запазено от силата на договора с Creative Commons 4.0.

Автор Vipe Team

Нашият неуморен екип, който създава качествено WordPress насочено съдържание за Вас 24/7/365.