Пинта: создание нового сайта

Клиент

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

Задание

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

Процесс и решение

В ходе работы, составили карту сайта (что, какие ссылки, пути будут), собирали референсы, выбирали направление по подаче материала. (Не знаю, нужен текст, что я не показываю муд борды и тд — «Это все я не буду показывать»).

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

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

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

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

Бронирование и трансляции

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

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

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

Страница описания заведения и пива

Страницы опасения заведений и описания пива, сделаны плюс-минус одинаково: заглавная картинка, краткое описание, галерея. Отличие только, в заведениях добавлен контактный блок и карта, а в пиве характеристики в виде таблички.

Бонусная программа

Отдельно хочу выделить страницу про описание бонусной программы. Она состоит из объемного текста, пары таблиц большим количеством заголовком и без картинок. Все это необходимо было удобно отобразить для понимая на всех размерах экранов. Была выбрана трех и двух и одноколоночная верстка на мобильном соответственно.