с 11:00 до 20:00

Nau Bistro

Одностраничный сайт для японского бистро в центре Санкт-Петербурга
Москва | Петербург
Nau Bistro
Одностраничный сайт для японского бистро в центре Санкт-Петербурга

Вводные

Задача

Летом 2020г. за созданием лёгкого, лаконичного сайта по индивидуальному проекту к нам обратился маркетолог Nau Bistro, Ирина Труфанова. Заведению требовалась посадочная страница для лидогеренации из социальных сетей, с удобной формой бронирования и примитивной CRM.
Создать одностраничный сайт под чёткое описание ЦА. Снять фото и видео-контент для сайта. Подключить формы приёма данных и CRM Tilda.
UPD: бистро продано

Фото

Сайт задумывался как визуальная витрина, поэтому мы организовали серию съёмок — передали атмосферу заведения и показали авторскую подачу блюд от шефа Евгения Викентьева.
Открыть кейс в новой вкладке →
Цель — пробудить интерес, вызвать аппетит и желание попробовать.
Хваловская Горная, фотопродакшн
Хваловская Премиум и летний коктейль
Хваловские воды, фото

Видео

Вёрстка

Разработка

Типографика

Сайт выполнен в Zero Block с использованием стандартных блоков CN401 и CR32N. Шрифты — PT Sans и Open Sans.
Поскольку планировалось направлять основную часть трафика из социальных сетей, мы тщательно оптимизировали мобильную версию сайта. Для обеспечения корректного отображения страниц и их быстрой загрузки мы скрыли видео на устройствах с маленькими экранами, а все изображения сжали. Меню и барную карту, что характерно для сайтов сегмента HoReCa, мы сделали ссылками на Google Документы. Также интегрировали CRM Tilda и формы.
Десктоп
Заголовки:
60px, semiblod
spacing 1; 3
Основной текст:
20px, normal
spacing 1.3; 0
Заголовки:
40px, semiblod
spacing 1; 3
Основной текст:
17px, normal
spacing 1.4; 0
Планшет
Телефон
Заголовки:
30px, semiblod
spacing 1; 3
Основной текст:
14px, normal
spacing 1.2; 0

Результат

Мобильная версия сайта Nau, скрин №2
Мобильная версия сайта Nau, скрин №1
White Media студия, сайт ИОГВ, вид с ПК
Планшетная версия сайта Nau, скрин №1
Планшетная версия сайта Nau, скрин №3
Планшет, сетка
8 колонок, колонки — 60px, межколонник — 20px, отступы по краям — 20px
4 колонки, колонки — 60px, межколонник — 20px, отступы по краям — 0px
Телефон, сетка
12 колонок, колонки — 60px, межколонник — 40px, отступы по краям — 20px
Десктоп, сетка

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

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

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

Промышленность
Образование
Доставка
Мебель
HoReCa
Одежда
Туризм
Beauty
Retail

Титры

Валерий Дятлов
Видеомонтажёр
Анна Величко
Дизайнер на Tilda
лапша вок
Томям
Александра Столярова
Фотограф, видеограф
Японская еда
Виктор Глухов
Аккаунт-менеджер
суши
Кейс опубликован: 14 июля 2020 г.
Кейс обновлён: —