2022

Разработка сайта для ресторана BUTLER

Адрес:

https://butler.rest/

Задача:

Разработать дизайн корпоративного сайта для Московского ресторана Butler

Задачи и решения

Создание дизайна

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

Разработка на CMS

Сайт работает на CMS 1C:Bitrix, благодаря чему его создание обошлось дешевле. Удобная панель управления позволяет владельцу изменять информацию без привлечения разработчиков, что делает сайт дешевле еще и в обслуживании.

Бронирование столика

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

Настройка форм

Подключили формы, которые автоматически передают введенные пользователями данные в CRM-систему для управления заявками.

Адаптивный дизайн

При создании мобильных версий сайтов мы придерживаемся ряда принципов, которые делают взаимодействие с интерфейсом комфортным и интуитивно понятным:

Упрощение интерфейса, удаление ненужных элементов для фокусировки на важном

Поддержка свайпов, долгих нажатий и других жестов для интуитивного взаимодействия

Оптимизация контента для сокращения времени загрузки, особенно на мобильных сетях

Предпросмотр дизайна

Для ознакомления прокрутите экран ниже

Особенности проекта

Дизайн

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

Вёрстка

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

Анимация

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