15.10.2026
Проекти
Проект :: Вила Чинка – ресторант и хотел в един сайт, на четири езика
ВРЕМЕ ЗА ЧЕТЕНЕ: Мин
Съдържание
Вила Чинка стои над морето в Св. св. Константин и Елена – ресторант с италианска кухня във вила, която прилича на малка крепост, и в същата сграда хотел. Два бизнеса, един адрес, едно име и гости, които идват по съвсем различни поводи: вечеря с изглед към морето или стая за седмица.
Изградихме villachinkataste.com като авторски Next.js сайт върху мрежата на Cloudflare, който обслужва и двата, без да избира между тях – ресторантът води, хотелът има свой път към системата си за резервации, а посетителят никога не бива изхвърлен към втори, несвързан сайт по средата.
Това е и проектът, в който решихме проблем, който има всеки курортен бизнес в България: сайтът се пише и поддържа на български, но голяма част от гостите са немско- и рускоговорящи. Вместо три недовършени превода, които никой не обновява, страниците се превеждат сами в браузъра на посетителя – и трябваше да направим това да работи, без да счупи сайта.
За проекта
Сайтът покрива ресторанта (залата, кухнята, менюто, галерията, резервациите), легендата на самата вила, локацията, хотела и офертите му, съседния Astor Garden Hotel и пълен 360° виртуален тур – плюс правните страници, които един хотелиерски бизнес трябва да има.
Резервациите за маса пристигат като имейл в собствената поща на обекта. Резервациите за стаи отиват към съществуващата система за резервации на хотела, защото точно там живеят наличността и цените – работата на сайта е да отведе правилния гост дотам с минимално триене, а не да дублира система за резервации.
Цели
- Един сайт за ресторант и хотел, в който нито единият не е затрупан от другия
- Един език за поддръжка – българският – но четим за англо-, немско- и рускоговорящи гости
- Резервациите за маса да влизат в пощата на обекта; тези за стаи – в съществуващата система за резервации
- Да пренесем целия маркетингов инструментариум на стария сайт: Tag Manager, Google Ads, Meta пиксела и два брояча на Yandex Metrika, под работещ банер за съгласие
- Имотът да се показва както трябва – големи снимки, галерии и 360° турът – без тежка страница
- Без CMS за поддръжка и без плъгини за обновяване
Ключови функционалности
Два бизнеса, един сайт
Ресторантът владее началната страница и основната навигация; хотелът има собствена страница, собствен телефон и поща, своите оферти и пряк път към системата си за резервации. Структурираните данни описват и двата – Restaurant и Hotel на един и същ адрес – така че Google и AI асистентите разбират, че това е един имот с две услуги, а не два несвързани бизнеса.
Един език за писане, четири за четене
Съдържанието се пише веднъж, на български. Бутоните EN / DE / RU превеждат страницата на място, в браузъра на посетителя, и запомнят избора из целия сайт, така че немски гост чете целия имот на немски, без собствениците да поддържат още три версии, които се разминават след първата смяна на менюто.
Това е по-трудно, отколкото изглежда: преводът в браузъра подменя текстовите възли със собствен код, а React сайт нормално се чупи в момента, в който се опита да обнови част от страницата, пренаписана под него. Направихме сайта да търпи точно това, така че преводът и интерфейсът да съществуват заедно, вместо да се борят.
360° тур, вътре в сайта
Гости, които избират място за сватба, фирмена вечеря или почивка, искат да видят мястото, а не снимки на мястото. Виртуалният тур живее на собствена страница в сайта, в същия дизайн, така че е страница, към която можем да сочим и да рекламираме – а не външна връзка, която отвежда посетителя някъде другаде.
Маркетингът, който вече работи, е запазен
Курортните бизнеси рекламират сериозно, а точно при подмяна на сайт тази история обикновено се къса. Пренесохме контейнера в Tag Manager, тага за реализации на Google Ads, Meta пиксела и двата брояча на Yandex Metrika – последните имат значение точно за рускоговорящата аудитория, която преводът обслужва – и ги вързахме към банер за бисквитки, който държи всичко в режим „отказано“, докато посетителят не се съгласи.
Снимки, които не наказват посетителя
Морето, терасата, стаите и храната са целият аргумент, затова сайтът е построен около изображения в цялата ширина, слайдери и галерии. Всяко от тях се преоразмерява, прекодира и кешира според устройството на edge мрежата, така че страниците остават леки на телефон – включително за гост, който разглежда от чужбина, преди да пътува.
Всичко, което един хотелиерски сайт трябва да има
Форми за резервация и запитване, защитени с Cloudflare Turnstile и доставяни по имейл, светла и тъмна палитра, менюта, оферти, навигация до мястото, правните страници и тази за бисквитките, sitemap и robots правила, както и заглавия, описания и социални изображения за всяка страница.
Технологии
- Фронтенд: Next.js 16 (App Router), React 19, TypeScript, ръчно писан CSS
- Хостинг: един Cloudflare Worker през OpenNext, върху Workers custom domains – Cloudflare сама издава DNS записите и сертификата
- Изображения: Cloudflare Images зад пайплайна за изображения на Next.js
- Превод: превод в браузъра на английски, немски и руски, с избор, запазен в бисквитка, и React дърво, подсилено срещу пренаписването на DOM, което преводът предизвиква
- Форми: Worker API маршрут с Cloudflare Turnstile и SMTP клиент за Workers, който доставя в пощата на обекта
- Резервации за стаи: пряк път към съществуващата система за резервации на хотела
- SEO: schema.org Restaurant, Hotel и BreadcrumbList, метаданни за всяка страница, генерирани sitemap и robots
- Маркетинг: Google Tag Manager, Google Ads, Meta пиксел и Yandex Metrika, зад банер за съгласие
Акценти в архитектурата
- Един код обслужва ресторант и хотел като една марка, със структурирани данни, които ги държат различими за търсачките
- Преводът е помощ при четене, а не съдържателна стратегия: един български източник на истината, без остарели преводи и с точно възстановен оригинален текст при връщане назад
- React дървото е изрично подсилено срещу хирургията по DOM, която прави преводът в браузъра – сривът, който обикновено следва, просто не се случва
- Резервациите за маса и за стая вървят по различни пътища нарочно, всяка към системата, която притежава отговора
- Без CMS, без база данни, без обновяване на плъгини – и без административен панел, изложен в интернет
- Цялото проследяване се зарежда само след съгласие, от едно място, така че банерът наистина контролира това, което твърди, че контролира
Резултати
Вила Чинка вече представя ресторанта, хотела и самия имот в един бърз сайт, който собствениците не трябва да поддържат, четим на четири езика от един български източник, с резервации за маса, които пристигат по имейл, резервации за стаи, които отиват директно в системата за резервации, и непокътната рекламна и аналитична история от стария сайт.
Вижте го на живо: villachinkataste.com.
Защо да работите с Vipe Studio
Хотелите и ресторантите по българското Черноморие имат едни и същи три проблема: гости на няколко езика, система за резервации, която вече съществува и не може да бъде сменена, и сайт, който никой няма време да поддържа между май и септември. Този проект е нашият отговор и на трите.
Проектираме и изграждаме сайта, свързваме го със системите, за които вече плащате, пазим кампаниите и позициите ви през прехода и ви предаваме нещо, което работи без поддръжка. Разкажете ни за обекта си и ще се върнем с план и фиксирана цена.
Още по темата
- Проект :: Mythos – нов ресторант на морето, пуснат заедно със сайта си
- Проект :: MORE – три ресторанта на морето в един Next.js сайт
- Проект :: Story Gym – приложение за денонощен достъп до фитнес с QR турникет и картови плащания
- Проект :: Coach by Vipe – платформа за треньори и мобилно приложение за спортни отбори
- Проект :: CRM за спедиция и логистични операции
Съдържанието на този сайт е запазено от силата на договора с Creative Commons 4.0.
