Нажмите «ОК», если вы соглашаетесь с условиями обработки cookie и ваших данных о поведении на сайте, необходимых для аналитики. Запретить обработку cookie можете через браузер.
ОК
Сайт
Услуги
Назад
Поддержка сайта
TILDA
Дизайн

Brasserie 2.0

Made on TILDA
о клиенте
Brasserie 2.0 — пивной ресторан от создателей Brasserie Lambic с понятной европейской кухней для встреч в теплой атмосфере без повода.

Задача

Разработать простой, но удобный и информативный сайт, который передаст настроение заведения, на основе имеющегося фирменного стиля.

Что сделали

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

Главная страница

Главный экран построен вокруг крупного визуала: фотография ресторана во весь экран и лаконичный заголовок, задающий настроение.

Ключевая особенность — нестандартный скролл.
Контент прокручивается только в правой части экрана,
в то время как левая остаётся статичной. Такое решение помогает сфокусировать внимание пользователя и делает восприятие информации более управляемым.

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

Меню

Меню представлено в формате классического листинга
с карточками блюд и подробным описанием внутри.

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

О нас

На странице рассказали о концепции и философии ресторана, чтобы передать его характер и настроение.

Сделали бренд более живым и создали ощущение личного знакомства добавив блок с фотографиями команды.

Анимация

Блок «Резерв стола» был собран в конструкторе нашей системы бронирования retain booking. Форма подтягивает свободные слоты в режиме реальной наполненности зала. Она интегрирована с Яндекс Метрикой и UIS (Comagic) готовой интеграцией, что позволяет заказчику легко ее настраивать и отслеживать ключевых целей бизнеса.

Адаптивность

Финальным шагом была разработка адаптивов всех страниц под планшет и мобильное устройство.

Наша команда экспертов воплотит ваше видение
в реальность

Раскройте весь потенциал своего проекта с помощью современного и функционального дизайна от Keep Calm. Мы создадим визуал, отражающий ваш уникальный стиль и индивидуальность.
следующий проект
Дизайн
Разработка
Поддержка сайта