2022

Дизайн сайта для ресторана BUTLER

Адрес:

https://butler.rest/

Задача:

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

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

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

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

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

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

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

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

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

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

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

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

Дизайн

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

Вёрстка

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

Анимация

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