Цель:

Когда-то данный ресторан был первым из всех в известной сейчас сети true Cost и у него всегда был высокий рейтинг, например, на TripAdviser. Но все имеет тенденцию меняться и собственники ресторана приняли решение о необходимости провести ребрендинг.

Перед нами стояла цель разработать новый промо-сайт ресторана Bar&Grill, показав атмосферу заведения и прежний формат “честной цены”.

Ссылка на сайт: mmp-group.ru/sites/bargrill/

Что сделано:

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

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

Логотип ресторана был нам предоставлен Заказчиком и он задавал стилистику всего сайта по цветовой гамме и подбору шрифтов. По нашему мнению предоставленный логотип нельзя назвать «ВАУ», но разрабатывать новый Заказчик не захотел, и мы работали с тем, что есть.

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

На втором экране Заказчик очень захотел показать адреса этого и второго принадлежащего ему ресторана (неоднозначное решение по нашему мнению, но если очень хочется, то можно).

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

Четвертым экраном мы сделали экран «меню», которое делится на блоки «кухня», «бар», «коктейли» и «винная карта» с переходом на отдельную страницу, где уже по позиционно прописаны развесовки и цены. Надо отдать нам должное, что мы оперативно всё это меню заполнили. В целом около 500 позиций и для каждой указывается не только наименование, но и вес, две цены и плюс выбирается нужный подраздел.

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

На сайте представлен блок для отображения ключевых событий и новостей. И ниже форма для бронирования стола.

Отдельно хотим обратить внимание на блок с выводом последних фотографий непосредственно из аккаунта Bar&Grill в Instagram и возможностью быстрого перехода в сам аккаунт для подписки на него.

Удобное меню-навигация дополняется яркими кнопками (CTA), на которые хочется нажать и забронировать себе столик для дружной компании.

Важно отметить реализацию верстки по технологии FULLPAGE - это когда экраны сайта прокручиваются сами, полностью переходя к следующему легким движением колесика мыши или по тачпаду.

Программирование и функциональная сборка выполнена на базе системы управления сайтами «WordPress». Она позволяет без труда при наличии написанной нами короткой инструкции наполнять и редактировать любой экран сайта, наполнять раздел событий и вносить коррективы в меню.