с 11:00 до 20:00

Hype Gastrobar

Создали сайт для петербургского фьюжн гастробара известного YouTube блогера Николая Соболева
Москва | Петербург
Hype Gastrobar
Создали сайт для петербургского фьюжн гастробара известного YouTube блогера Николая Соболева

Вводные

Задача

Осенью 2019 года в Полтавском проезде открыло двери новое заведение, гастробар «Хайп», одним из совладельцев которого был блогер Николай Соболев. К нам обратился управляющий заведения, Филипп Исаев, с задачей создать в кратчайшие сроки понятный для ЦА сайт.
Создать минималистичный сайт в экстремально сжатые сроки; предусмотреть воронки конверсий под мобильный трафик, интегрировать CRM-систему; провести фотосъёмку меню.
Результат:
UPD: заведение продано

Фото

Работы начали с продакшна. Александра Столярова, наш фотограф, отсняла все позиции меню, а также интерьер заведения. Эти food-фото легли в основу сайта.
В дальнейшем заказчик использовал снимки повсеместно, не только на сайте.
Food-фото, Александра Столярова
Food-фото, Александра Столярова
Интерьер гастробара Хайп
Гастробар Hype
Фотограф: Александра Столярова
Фотограф: Александра Столярова
Фотограф: Александра Столярова
Фотограф: Александра Столярова

Вёрстка

Разработка

Типографика

Сайт преимущественно выполнен в Zero Block. Фирменный стиль был предоставлен заказчиком. Шрифты — FilterCF и Arial.
Сайт идеально работает на любых устройствах. Так как большую долю трафика «Hype» планировал вести из социальных сетей, мы тщательно проработали адаптивные версии страниц, чтобы они корректно отображались на всех экранах. Кроме прочего, для быстрой загрузки страницы, оптимизировали размер и формат фотографий. Отдельно стоит упомянуть, что мы заверстали меню, в отличие от большинства сайтов HoReCa, ссылающихся на файл в Google Документах.
Десктоп
Заголовки:
50px, normal
spacing 1.55; 0
Основной текст:
30px, normal
spacing 1.55; 0
Заголовки:
45px, normal
spacing 1.55; 0
Основной текст:
25px, normal
spacing 1.55; 0
Планшет
Телефон
Заголовки:
25px, normal
spacing 1.55; 0
Основной текст:
18px, normal
spacing 1.55; 0

Результат

Скрин сайта гастробара Хайп
Скрин сайта гастробара Хайп
Скрин сайта гастробара Хайп
Скрин сайта гастробара Хайп
Скрин сайта №2, телефон, гастробар Хайп
Скрин сайта №1, телефон, гастробар Хайп
Главный экран, ПК, гастробар Хайп
Скрин сайта №1, планшет, гастробар Хайп
Скрин сайта №3, планшет, гастробар Хайп
Планшет, сетка
6 колонок, колонки — 132px, межколонник — 17,6px, отступы по краям — 10px
4 колонки, колонки — 65px, межколонник — 10px, отступы по краям — 10px
Телефон, сетка
6 колонок, колонки — 142,3px, межколонник — 10px, отступы по краям — 148px
На главной странице мы сделали слайдер самых маржинальных и фотогеничных блюд
Страницы с меню и напитками заверстали таким образом, чтобы заказчик мог менять цены самостоятельно
На отдельной странице рассказали о гастробаре. Получился небольшой пресс-релиз
Интерьер заведения также презентовали слайдером, адаптированным под мобильные экраны
Отбивки из лаконичной формы бронирования подключили к email и Telegram
Скрин сайта гастробара Хайп
Десктоп, сетка
Скрин сайта №2, планшет, гастробар Хайп

Хотите так же?

Создаём лендинги на Tilda, реализуя дизайнерские решения любой сложности. Но главное, что наш дизайн не просто радует глаз, а приносит лиды, ведь в его основе — маркетинг и аналитика.

Отрасли экспертизы:

Промышленность
Образование
Доставка
Мебель
HoReCa
Одежда
Туризм
Beauty
Retail
Титры
Олеся Таран
Копирайтер
Анна Величко
Дизайнер на Tilda
каша с ягодами
азиатская лапша
Александра Столярова
Food-фотограф
средиземноморский салат
Виктор Глухов
Аккаунт-менеджер
сковородка вок
Кейс опубликован: 18 сентября 2019 г.
Кейс обновлён: —