VITALIANO: концепт-сайт ресторана, где гость сам выбирает стол

VITALIANO — вымышленная итальянская ресторанная группа с тремя ресторанами: в Москве, Санкт-Петербурге и Сочи, где открытие намечено на 2027 год. VITON¹³ сделал её как концепт, чтобы показать, что может сайт ресторана помимо меню и номера телефона. Сайт на английском, блюда названы по-итальянски.

Сайт должен отвечать на вопросы, которые гость задаёт до ужина: что в меню и сколько это стоит, что к этому пить, где находится каждый ресторан и где именно он будет сидеть. Бронирование должно быть выбором места, а не заполнением формы.

14 страниц: главная, La Carta (меню), Il Sommelier, Il Tavolo (бронирование), подтверждение брони, частные мероприятия, Le Case (рестораны на карте), Chi siamo (о нас), вакансии, контакты, демо-кабинет с бронями, правовая информация, политика конфиденциальности и страница 404. В меню 34 блюда и 8 вин с ценами; когда курсор движется по списку, за ним следует фотография блюда.

Il Tavolo рисует план зала каждого ресторана с 20 столами: двухместные у окна, основной зал, общий стол tavolata, стойка шефа у дровяной печи, отдельный кабинет и терраса. Свободные столы меняются в зависимости от ресторана, даты, часа и числа гостей; при наведении стол показывает, чем он особенный, а кнопка «Surprise me» выбирает лучшее свободное место.

Il Sommelier описывает каждое блюдо и вино вкусовым профилем из четырёх измерений. Гость двигает четыре ползунка и выбирает настроение, а сайт собирает ближайшие антипасто, основное блюдо, десерт и бокал в меню с ценой и процентом совпадения для каждой позиции. Блюда, выбранные в меню или у сомелье, становятся предзаказом: он переходит в бронь и подаётся, когда гость садится за стол.

Ключевой путь — Меню → Сомелье → Бронь: гость читает La Carta, доверяет сомелье собрать ужин, переносит этот предзаказ в Il Tavolo, выбирает стол и получает подтверждение, которое появляется и в демо-кабинете. Темп задаёт анимация: прелоадер со счётчиком, оливковые шторки при переходе между страницами, заголовки, которые проявляются построчно, параллакс, закреплённая горизонтальная галерея фирменных блюд, овал, который сам рисуется будто от руки, бегущие строки, ускоряющиеся при прокрутке, «магнитные» кнопки-штампы и собственный курсор.

Сайт написан на чистых HTML, CSS и JavaScript без сборки. Шапка, подвал и оверлеи выводятся одним общим скриптом, поэтому на всех страницах они одинаковые; анимацию и прокрутку ведут GSAP со ScrollTrigger и Lenis. Брони и кабинет — демо-данные в localStorage браузера, они никуда не отправляются. Фото и видео — лицензированные стоковые фотографии и видео с Unsplash и Pexels, подключённые напрямую с их CDN.

Концепт существует как 14 работающих страниц: 34 блюда, 8 вин, 3 ресторана и 20 столов на каждом плане зала. Lighthouse измерил главную страницу 22 сентября 2026 года. На мобильном, со стандартным замедлением: производительность 70, доступность 94, рекомендации 77 и SEO 100, LCP 5,0 с, CLS 0,015, страница весит 5,4 МБ и делает 31 запрос. На десктопе: производительность 93, доступность 94, рекомендации 77 и SEO 100, LCP 1,0 с, CLS 0,025.

Проверка 13 страниц, отрисованных в Chrome (без страницы 404), показала: у каждой страницы уникальный title и ровно один H1, атрибут lang равен en, вёрстка помещается в экран шириной 390 px без горизонтальной прокрутки, alt есть у 100% изображений, битых внутренних ссылок — 0. Canonical, Open Graph и структурированных данных нет ни на одной из 13 страниц (0/13), файлов sitemap.xml и robots.txt тоже нет.

VITALIANO — концепт, который VITON¹³ сделал, чтобы показать диапазон своих работ; это не заказной проект. Ресторанная группа, её три ресторана, люди, блюда, цены и адреса вымышлены. У сайта нет домена, посетителей, поискового трафика и броней: каждая бронь и каждый предзаказ — демо-данные, которые остаются в браузере. Фото и видео — лицензированные стоковые фотографии и видео с Unsplash и Pexels.

Оценки Lighthouse — лабораторные замеры главной страницы в один день, а не данные реальных гостей, и SEO 100 покрывает только базовые вещи. Кейс не показывает, как бронирование работало бы с настоящей системой резервов, кухней или оплатой, и не доказывает, что сайт приведёт гостей в ресторан.