Разработка сайтов для сети интерактивных парков BEZOOM

о проекте

BEZOOM — сеть интерактивных парков для детей 3−12 лет: 15+ игровых зон и аттракционов на 1 000 м², где проекции на стенах и полу реагируют на движение. Парки работают в Иркутске, Екатеринбурге, Тольятти и Волгограде. Мы разработали на Тильде пять сайтов: основной сайт сети и отдельный сайт для каждого из четырёх городов. Пользователь выбирает город на основном сайте и попадает на страницу своего парка с его адресом, графиком и ценами.

Для кого сайт
и какую задачу решает

Аудитория сайта — взрослые, которые выбирают, куда пойти с детьми или где провести праздник. Им нужны цена, адрес, график и понятный формат праздника. Дети сайт не выбирают, но парк строится на яркой подаче, поэтому дизайн сохраняет игровое настроение, а информация при этом читается за несколько секунд.
Дать пользователю цену, адрес и график без поиска
Показать, что происходит в парке: проекции, зоны, формат праздника
Заложить рост сети: новый город должен добавляться без редизайна.
Заложить рост сети: новый город должен добавляться без редизайна.

Концепции и выбранная стилистика

Перед разработкой мы подготовили три концепта главной страницы. Все три опирались на брендбук BEZOOM: типографика, акцентные цвета, лого и графика взяты из него. Клиент выбрал направление быстро: ультрасовременный digital-дизайн с отсылкой к азиатским трендам, о которых парк говорит в собственном описании. Основной сайт и городские сайты работают в этой стилистике как единая система.

Дизайн-система: типографика, сетка, цвет

Основа дизайн-системы — брендбук BEZOOM. Мы адаптировали его под веб и свели в единую систему для пяти сайтов.
Сайт построен на 12-колонной сетке с контейнером 1200 px, отступами по 100 px и расстоянием между колонками 20 px. Благодаря AutoScale элементы пропорционально масштабируются под разные разрешения экранов, сохраняя композицию и визуальные пропорции. Для планшетов и мобильных устройств предусмотрены отдельные адаптивные раскладки, обеспечивающие удобство просмотра на любом устройстве.

Главная: путь от «что это» до «сколько стоит»

Блоки главной идут в том порядке, в котором пользователь принимает решение. Сначала слоган «Интерактивный парк, где игры вырываются с экранов!» и четыре смысловых блока: приключения, проекции, эмоции, технологии. Затем цифры парка: 15+ игровых зон и аттракционов, возраст 3−12 лет, 1 000 м². Потом зоны: игровая зона с проекциями, кафе и три party room. Дальше тарифы, выбор города и праздники. Каждый блок отвечает на один вопрос, поэтому до цены пользователь доходит, уже понимая, за что платит.

Цены на видном месте

Тарифы вынесены в отдельный блок рядом с описанием зон, а не спрятаны в прайс-листе. Пользователь считает бюджет визита до звонка.

Пять сайтов и выбор города

Основной сайт bezoompark.ru показывает сеть целиком и ведёт в нужный город. Каждый из четырёх городов работает на своём поддомене: ekb.bezoompark.ru, irkutsk.bezoompark.ru, tolyatti.bezoompark.ru, volgograd.bezoompark.ru. с переадресацией по геопозиции. У каждого парка свои адрес, график (в Тольятти и Волгограде ежедневно с 10:00 до 22:00) и свои соцсети. Дизайн и структура общие, поэтому новый город добавляется копией шаблона с новыми данными, без новой разработки.

результат

Рост сети без редизайна
Следующий парк открывается копией шаблона с новыми адресом, графиком и ценами за 1 день.
Цена и формат визита ясны до звонка
Четыре цены (два тарифа, будни и выходные) стоят на видном месте.
Одна система вместо пяти отдельных сайтов
Основной сайт и четыре городских работают в общей дизайн-системе. Пользователь, перешедший из города в город, видит ту же структуру и находит цену и график на том же месте.
Made on
Tilda