Нажмите «ОК», если вы соглашаетесь с условиями обработки cookie и ваших данных о поведении на сайте, необходимых для аналитики. Запретить обработку cookie можете через браузер.
Brasserie 2.0 — пивной ресторан от создателей Brasserie Lambic с понятной европейской кухней для встреч в теплой атмосфере без повода.
Задача
Разработать простой, но удобный и информативный сайт, который передаст настроение заведения, на основе имеющегося фирменного стиля.
Что сделали
Собрали и утвердили референсы, разработали несколько концепций на их основе, а потом сверстали сайт по одной из утвержденных концепций. Дизайн получился понятным и дружелюбным, как и атмосфера в Brasserie.
Главная страница
Главный экран построен вокруг крупного визуала: фотография ресторана во весь экран и лаконичный заголовок, задающий настроение.
Ключевая особенность — нестандартный скролл. Контент прокручивается только в правой части экрана, в то время как левая остаётся статичной. Такое решение помогает сфокусировать внимание пользователя и делает восприятие информации более управляемым.
Дополнительно этот подход упростил адаптацию под мобильные устройства — структура изначально заложена таким образом, что контент логично перестраивается в одноколоночный формат.
Меню
Меню представлено в формате классического листинга с карточками блюд и подробным описанием внутри.
Для удобной навигации добавили фиксированный скроллбар с категориями в нижней части экрана, позволяющий быстро переключаться между разделами.
О нас
На странице рассказали о концепции и философии ресторана, чтобы передать его характер и настроение.
Сделали бренд более живым и создали ощущение личного знакомства добавив блок с фотографиями команды.
Анимация
Блок «Резерв стола» был собран в конструкторе нашей системы бронирования retain booking. Форма подтягивает свободные слоты в режиме реальной наполненности зала. Она интегрирована с Яндекс Метрикой и UIS (Comagic) готовой интеграцией, что позволяет заказчику легко ее настраивать и отслеживать ключевых целей бизнеса.
Адаптивность
Финальным шагом была разработка адаптивов всех страниц под планшет и мобильное устройство.
Наша команда экспертов воплотит ваше видение в реальность
Раскройте весь потенциал своего проекта с помощью современного и функционального дизайна от Keep Calm. Мы создадим визуал, отражающий ваш уникальный стиль и индивидуальность.