✔ Передать характер авторского мясного ресторана с первого экрана
✔ Вести гостя к брони столика, меню и доставке
✔ Продавать VIP-комнату и банкетный зал как площадки для событий
✔ Принимать заявки на банкеты и подарочные сертификаты
✔ Одинаково удобно работать на смартфоне и компьютере, на украинском и английском
Beef&Cake — авторский мясной ресторан на Проскуровской в Хмельницком. Кроме основного зала у него есть VIP-комната на 8–10 гостей с отдельным входом и балконом и банкетный зал до 50 человек с LED-экраном и барной стойкой, а ещё подарочные сертификаты, сувенирная лавка и 3D-тур. Ресторану нужен был сайт, который всё это показывает и ведёт к брони.
Я разложил контент по сценариям гостя: «хочу поужинать» — бронь столика и меню, «у меня событие» — VIP-комната, банкетный зал и заявка, «ищу подарок» — сертификаты. Сайт собрал на WordPress с собственной темой, чтобы ресторан сам обновлял новости, фото и тексты.
Результат — сайт в украинской и английской версиях с полной мобильной версией: главная, о ресторане, VIP-комната, банкетный зал, 3D-тур, галерея, новости, всплывающее окно сертификатов и формы заявок на банкет и сертификат.
Сайт, на котором ресторан показывает свой характер, а гость в пару касаний бронирует столик, банкет или сертификат.
От брони столика и меню — к VIP-комнате, банкетам, сертификатам, новостям и наградам
Все страницы, формы и всплывающие окна удобно работают на смартфоне
Contact Form 7: имя, email, телефон с маской +380 и сообщение «Отправлено»
«Наше меню», «Наша атмосфера», «Наш интерьер» на Photo Gallery — фото добавляются из админки
Переключатель ENG | UKR в шапке на каждой странице, на компьютере и смартфоне
Google Site Kit: данные о посещаемости и поиске видны прямо в консоли WordPress
Характер заведения виден с первого экрана, а нужное действие — в одном касании, на любом устройстве и на двух языках.
Сайт решает несколько основных задач:
Ответ гарантированно в течение 24 часов.
Первая консультация бесплатна и ни к чему не обязывает.
Гость решает, куда пойти, за пару минут — по фотографиям, атмосфере и тому, насколько легко забронировать стол. На примере Beef&Cake из Хмельницкого рассказываю, как я сделал сайт ресторана на WordPress — с банкетами, VIP-комнатой, сертификатами, двумя языковыми версиями и полной мобильной версией.
Beef&Cake — авторский мясной ресторан в центре Хмельницкого, на улице Проскуровской. Ставка здесь на мясные блюда по авторским рецептам, а кроме основного зала есть VIP-комната и банкетный зал. Ресторан продаёт подарочные сертификаты, держит сувенирную лавку, показывает залы в 3D-туре, получает награды и пишет собственные новости — например, о рекордном для Украины тартаре из говядины, который зафиксировала Книга рекордов Украины.
Всё это нужно было собрать в сайт, который передаёт характер заведения и ведёт к действию: забронировать столик, заказать банкет или купить сертификат. Я сделал этот сайт на WordPress с собственной темой — с двумя языковыми версиями, формами заявок, галереями, новостями и полной мобильной версией.
Я начал не со списка страниц, а с того, зачем человек открывает сайт ресторана. Получилось три сценария, и под каждый — свой короткий путь:
Остальные страницы поддерживают выбор: о ресторане, 3D-тур, галерея и новости. В шапке — логотип, ссылка на 3D-тур, переключатель языка ENG | UKR и кнопка меню. Меню раскрывает все разделы сайта, а также другие проекты владельца, кейтеринг и сувенирную лавку.
Первый экран — тёмное фото зала с кирпичными стенами и тёплым светом, логотип со схемой разделки туши и золотая кнопка «Забронировать столик». Дальше главная коротко проводит по всему, что есть у ресторана:
В подвале — разделы сайта, другие проекты владельца и услуги: кейтеринг и сувенирная лавка. Фоном подвала служит контурная схема разделки туши — тот же мотив, что и в логотипе.
Площадки для событий — отдельный источник заявок, поэтому у каждой своя страница. Текст чередуется с вертикальными фото в шахматном порядке, а ключевые фразы выделены рукописным шрифтом: длинное описание читается легче, и главное не теряется.
Обе страницы заканчиваются слайдером фотографий, а на странице банкетного зала кнопка «Запрос на банкет» открывает форму заявки.
Галереи собраны на плагине Photo Gallery и разбиты на три темы — «Наше меню», «Наша атмосфера» и «Наш интерьер». На общей странице галереи видно по подборке из каждой темы, а у каждой темы есть своя страница с полным набором фото. Новые снимки ресторан добавляет сам из админки, без правки кода.
Новости — это записи WordPress: они выводятся слайдером на главной и открываются отдельной страницей статьи. 3D-тур вынесен в шапку и в блок «О ресторане» и открывается своей страницей — гость может заглянуть в зал ещё до визита.
Заявки на банкет и на подарочный сертификат я собрал на Contact Form 7 и сделал короткими и одинаковыми по логике: имя, email и телефон с маской +380, пояснение, что менеджер перезвонит, и пометка о согласии на обработку персональных данных. Маска не даёт ввести номер в неверном формате, поэтому менеджер получает телефон, по которому можно сразу звонить. После отправки гость видит сообщение «Отправлено» — понятно, что заявка ушла.
Для сертификатов сделано всплывающее окно: изображение сертификата, описание и кнопка «Купить», которая ведёт к форме заявки. Гость не уходит со страницы, на которой заинтересовался подарком.
Сайт работает на WordPress с собственной темой, написанной под этот проект. Тексты страниц, новости и фото ресторан меняет из админки, а внешний вид остаётся цельным, потому что все блоки — слайдеры, коллажи, карточки, формы — заложены в шаблоны темы.
Сайт ресторана продаёт не блюда, а впечатление: атмосферу, вкус и повод прийти. Поэтому, создавая сайт для ресторана, я опираюсь на несколько принципов:
Если вам нужен сайт для ресторана, кафе или бара, я помогу превратить характер заведения в сайт, где гость быстро находит меню, бронирует столик и оставляет заявку на банкет.
