К основному содержанию
Год создания — 2026

MOLOKO — кафе на Алексеевской

Веб-дизайн Разработка HoReCa Бронирование

// Цель

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

// Задача

Передать атмосферу места съёмкой и типографикой, показать меню и залы и довести до брони стола за несколько касаний — без звонка администратору.

MOLOKO | Кафе на Алексеевской
Бронь в один экран
день, время, гости и контакты
2 этажа
залы до восьмидесяти гостей
4 раздела меню
завтрак, кухня, бар и ланч

Реализация

Первый экран построен на интерьерной съёмке и крупной типографике: три слова поверх фотографии зала с камином. В шапке держится статус «открыто до 22:00» и кнопка брони, адрес вынесен прямо на первый экран. Дальше — короткий блок о кафе, где вместо текста стоят три цифры: два этажа, до восьмидесяти гостей на банкете и завтраки с девяти утра по выходным.

Атмосфера показана мозаикой из фотографий с подписями — камин, стеллаж с растениями, книжные полки, фотостена, бар. Меню не выгружено целиком, а собрано в четыре вкладки: завтрак, кухня, бар и ланч. В каждой — позиции, которые объясняют кухню лучше описания: оливье с телятиной, борщ со сметаной, драники с куриным филе, домашние котлеты с пюре, жареные пельмени со сметаной.

Акции разложены плиткой, где процент стоит на первом плане, а условие — мелким шрифтом под ним. Залы разобраны на три сценария: отдельный зал на двенадцать гостей, весь второй этаж и комплексные обеды для групп — у каждого свои условия по депозиту, своим напиткам и скидкам. Форма брони собирает день (на неделю вперёд), время, число гостей, имя и телефон и показывает собранную бронь одной строкой перед отправкой, чтобы гость проверил её до того, как нажмёт кнопку.

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

Этапы реализации

01

Первый экран на интерьерной съёмке

Крупная типографика поверх фотографии зала, статус «открыто до 22:00» в шапке и адрес на первом экране.

02

Кафе в трёх цифрах

Два этажа, вместимость банкета и время завтраков вместо абзаца о том, какое кафе уютное.

03

Атмосфера фотоплиткой

Камин, стеллаж с растениями, книжные полки, фотостена и бар — подписанными кадрами, а не одной общей фотографией.

04

Меню в четыре вкладки

Завтрак, кухня, бар и ланч с позициями, которые показывают, что это за кухня.

05

Акции и залы со сценариями

Скидки с условиями и три сценария зала — отдельный, второй этаж и группы — с депозитом и правилами по своим напиткам.

06

Бронирование с подтверждением

День, время, количество гостей, имя и телефон, собранная бронь строкой и отдельное согласие на обработку данных.

Результат

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

Перед отправкой формы гость видит свою бронь одной строкой — дата, время и количество гостей — и отдельный чекбокс согласия на обработку персональных данных.

Другие кейсы

// Фитнес-клуб / Сайт Green Fitness — Круглосуточный фитнес-клуб Смотреть кейс → // Сеть клубов / Сайт ФизКульт — Сеть фитнес-клубов с бассейном Смотреть кейс → // Автосервис / Сайт САНРЕНО — Сеть автосервисов Смотреть кейс →

Хотите такой же результат?

Расскажите о задаче — спроектируем, соберём и запустим решение под неё.

Telegramнаписать напрямую WhatsAppнаписать в мессенджер Телефон+7 933 408-56-38 Почтаinfo@soliton.studio