Кейс · ресторан · 5 дней

«Венеция»: ресторан с меню на 200 блюд
и без единой пригодной фотографии

Запрос был на дизайн-концепцию. За пять дней собрала работающую демо-версию: сайт на WordPress с каталогом меню, корзиной, оформлением заказа и разделом банкетов. Фирменный стиль и логотип разработала с нуля.

5 днейот брифа до готовой демо-версии
180изображений блюд оцифровано вручную
14разделов меню с фильтрами
6форматов событий в разделе банкетов

Задача: показать, а не описать

Ресторан у воды с деревянными залами, летней террасой и залом на 60 человек. Атмосфера - главный актив, и её невозможно передать текстом. Нужна была демо-версия, по которой владелец сразу поймёт, как проект будет выглядеть и работать: не набор макетов, а сайт, по которому можно кликать.

Отдельная задача - показать два разных сценария использования. Доставка еды и бронирование банкета - это разные люди с разными вопросами, и один общий шаблон обслуживает обоих плохо.

Фирменный стиль и первый экран

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

Главная страница сайта ресторана Венеция: блок Атмосфера у воды с фотографией террасы над прудом и показателями вместимости залов
Блок «Атмосфера у воды». Три цифры под ним отвечают на вопросы, которые задают до звонка: вместимость на банкет, вместимость на конференцию, объём меню.

Меню: 14 разделов и фильтры

Двести блюд в одном списке - это стена, по которой невозможно ориентироваться. Разбила каталог на четырнадцать разделов с быстрыми фильтрами наверху и плитками категорий с указанием количества позиций. Человек, который знает, что хочет суп, попадает в супы за один клик.

Страница меню ресторана Венеция с фильтрами по разделам и плитками категорий блюд с указанием количества позиций
Каталог меню. Фильтры-таблетки сверху, ниже - плитки разделов с фотографией и счётчиком позиций. Счётчик снимает вопрос «а есть ли у вас вообще выбор».

Про фотографии. Пригодных цифровых изображений блюд не было - обычная ситуация, на которой такие проекты встают на первой же неделе в ожидании фотосессии. Я оцифровала и обработала около 180 изображений сама. Демо ушло на презентацию с полностью заполненным каталогом, а не с серыми заглушками.

Корзина и оформление заказа

Демо - не картинка, а работающий магазин. Товар добавляется в корзину, на оформлении выбирается доставка курьером или самовывоз, считается итог, проходит онлайн-оплата картой. На презентации это можно показать целиком, от блюда до подтверждения заказа.

Страница оформления заказа на сайте ресторана Венеция: контактные данные, выбор доставки курьером или самовывоза, расчёт итоговой суммы
Оформление заказа. Минимум обязательных полей, выбор способа доставки сразу влияет на итоговую сумму.
Страница подтверждения заказа на сайте ресторана Венеция с номером заказа, составом, стоимостью доставки и способом оплаты
Подтверждение заказа. Номер, состав, итог и способ оплаты - всё, что человек будет искать глазами после нажатия кнопки.

Банкеты: второй сценарий, отдельная логика

Человек, который выбирает зал под свадьбу, и человек, который заказывает лагман на вечер, ищут разное. Раздел банкетов вынесен отдельно и разложен по шести форматам: дни рождения, семейные праздники, корпоративы, конференции, стратсессии, свадьбы. Под каждым - что именно ресторан предлагает для этого повода.

Раздел банкетов на сайте ресторана Венеция с фотографиями террасы и накрытого банкетного зала
Раздел банкетов. Две фотографии закрывают два вопроса сразу: как выглядит место и как выглядит накрытый стол на компанию.
Блок форматов мероприятий на сайте ресторана Венеция: дни рождения, семейные праздники, корпоративы, конференции, стратсессии
Форматы событий. Карточки реагируют на скролл и движение курсора - на презентации это работает лучше статичной сетки, потому что сайт выглядит живым.

Партнёрство как отдельный канал

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

Блок партнёрства для организаторов событий на сайте ресторана Венеция
Блок партнёрства. Обращение не к гостю, а к тому, кто приводит гостей.
Блок обсуждения банкета, свадьбы или деловой встречи на сайте ресторана Венеция
Точка обращения. Формулировка перечисляет поводы прямо в заголовке - человек узнаёт свою ситуацию и понимает, что попал по адресу.

Что в итоге

За пять дней - фирменный стиль, логотип, работающий сайт с каталогом на 200 блюд, корзиной, оплатой, разделом банкетов и партнёрским блоком. Не макет в фигме, а версия, по которой можно кликать и которую можно показывать.

Демо-версия передана заказчику на рассмотрение.

Почему демо, а не презентация. Слайды с макетами требуют от заказчика воображения: он должен сам достроить, как это будет работать. Кликабельная версия ничего не требует - человек проходит путь клиента сам и принимает решение по факту, а не по обещанию. Разница в сроке принятия решения обычно измеряется неделями.

Обсудить похожую задачу Сайты под ключ