О компании

Сеть необычных ресторанов расположенных на крышах Москвы в виде купольных беседок с панорамным видом на город

Кафе нового формата, совмещает в себе ресторанное обслуживание и красоту вида на город с крыш Москвы

Задача

Разработать лэндинги для сети ресторанов igloobar.

Лэндинг должен рассказывать о том, как отпраздновать дни рождения в данном ресторане.

Весь дизайн строится с учетом создания сайта на Tilda

Создать квиз, чтобы посетителям сайта было удобно выбрать подходящие варианты беседок, время, дату и оформить заявку

Сайт должен выглядеть стильно и быть запоминающимя

Wireframe

Для определения структуры сайта были разработаны наброски будущих страниц.

Обложка сайта с акцентным заголовком и большой картинкой в виде плитки

Блок, в котором размещены фотографии, переедающие атмосферу кафе с отзывами посетителей под ними

Блок в кортом более подробно рассказывается
о самом кафе с возможность посмотреть адреса

Рассказывается о имеющихся пакетных предложениях с ценой, онформации о бнонровании и возможностью бронирования

Блок разделитель с яркой картинкой

Акции и скидки

Квиз, с вариантами выбора подходящих беседок, времени, даты и возможностью оформить заявки

Блок с преимуществами

Блок разделитель с яркой картинкой

Видео обзоры кафе

Блок призыва к дейстию

Форма обратной связи

Блок с контактами и картой, отображающей адреса кафе

01

02

03

04

05

06

07

08

09

10

11

12

13

Цвет основного фона выбран четный, чтобы подчеркнуть атмосферные вечерние фотографии. Крупные, акцентные заголовки помогают быстро ориентироваться на сайте и искать нужную информацию о продукте. Оранжевый акцентный цвет кнопок, создает контраст с фоном и привлекает к себе внимание

Roboto

Bold / Medium / Regular

111010

1D3640

EFEFEF

F65732

Типографика и цвет

Минимальное количество цветов придает сайту аккуратность

Дизайн

Дизайн создавался для платформы Tilda под блоки с autodcale

Отображение сайта адаптировано под устройства с разными размерами экранов.

В мобильной версии отзывы сгруппирован в блок
со swap-функцией

При нажатии на кнопку бронирования открывается pop-up окно с формой бронирования

Информация о бронировании открывается в pop-up окне

Функция пошагового квиз-опроса выполнена при помощи стандартного блока тильды BF919