с 11:00 до 20:00

Nau Bistro

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

Москва | Петербург

пн-пт, 11:00 — 20:00

+7 999 214-88-99

info@whitemedia.studio

Nau Bistro

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

Вводные

Задача

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

Создать одностраничный сайт под чёткое описание ЦА. Снять фото и видео-контент для сайта. Подключить формы приёма данных и CRM Tilda.

Результат:

naubistro.ru

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

Результат

Планшет, сетка

8 колонок, колонки — 60px, межколонник — 20px, отступы по краям — 20px

4 колонки, колонки — 60px, межколонник — 20px, отступы по краям — 0px

Телефон, сетка

12 колонок, колонки — 60px, межколонник — 40px, отступы по краям — 20px

Десктоп, сетка

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

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