(О проекте)
Вводные и задачи
Осенью 2019 года в Полтавском проезде открылся гастробар «Хайп». Управляющий заведением Филипп Исаев обратился к нам с задачей быстро запустить сайт, который понятно презентовал бы заведение целевой аудитории. Нужно было разработать минималистичный дизайн в сжатые сроки, адаптировать структуру под мобильный рекламный трафик, выстроить воронки конверсии и подключить CRM.
(Создание сайта на Тильде)
Вёрстка страницы
(Кейс лендинг на Тильде)
Результат
Сайт преимущественно выполнен в Zero Block. Фирменный стиль был предоставлен заказчиком. Шрифты — FilterCF и Arial.
Hype Gastrobar — ресторан в Санкт‑Петербурге, недалеко от Московского вокзала. Отцы-основатели: Дмитрий Князев и блогер Николай Соболев. На момент запуска проект представлял собой концепцию с проработанной идеей заведения в формате фюжн-гастробара, где классические вкусы подаются с неожиданными акцентами. В настоящее время принадлежит Hype Group Михаила Алсуфьева.
Сайт на Tilda для HoReCa
(Ссылка на сайт, который мы сделали)
Сайт корректно отображается на любых устройствах. Поскольку значительную часть трафика «Hype» планировал получать из соцсетей, мы тщательно проработали адаптивные версии страниц для разных экранов. Чтобы ускорить загрузку, оптимизировали размер и формат фотографий. Отдельно проработали меню: вместо ссылки на внешний файл в Google Документах, как это часто делают в HoReCa, мы сверстали его непосредственно на сайте.
Типографика
Заголовки:
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
6 колонок, колонки — 132px, межколонник — 17,6px, отступы по краям — 10px
4 колонки, колонки — 65px, межколонник — 10px, отступы по краям — 10px
6 колонок, колонки — 142,3px, межколонник — 10px, отступы по краям — 148px
На главной странице мы сделали слайдер самых маржинальных и фотогеничных блюд
Страницы с меню и напитками заверстали таким образом, чтобы заказчик мог менять цены самостоятельно
На отдельной странице рассказали о гастробаре. Получился небольшой пресс-релиз
Интерьер заведения также презентовали слайдером, адаптированным под мобильные экраны
Отбивки из лаконичной формы бронирования подключили к email и Telegram