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

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

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

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

Темп задаёт анимация: прелоадер со счётчиком, оливковые шторки при переходе между страницами, заголовки, которые проявляются построчно, закреплённая горизонтальная галерея фирменных блюд, овал, который сам рисуется будто от руки, и «магнитные» кнопки-штампы. Сайт написан на чистых HTML, CSS и JavaScript с GSAP, ScrollTrigger и Lenis; брони и кабинет — демо-данные в localStorage браузера.

Концепт — это 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 страниц, файлов sitemap.xml и robots.txt тоже нет.