✔ Передати характер авторського м’ясного ресторану з першого екрана
✔ Вести гостя до бронювання столика, меню й доставки
✔ Продавати 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 із власною темою, написаною під цей проєкт. Тексти сторінок, новини й фото ресторан змінює з адмінки, а зовнішній вигляд лишається цілісним, бо всі блоки — слайдери, колажі, картки, форми — закладено в шаблони теми.
Сайт ресторану продає не страви, а враження: атмосферу, смак і привід прийти. Тому, створюючи сайт для ресторану, я спираюся на кілька принципів:
Якщо вам потрібен сайт для ресторану, кафе чи бару, я допоможу перетворити характер закладу на сайт, де гість швидко знаходить меню, бронює столик і надсилає заявку на банкет.
