Разработка сайта для парка активного отдыха Family Park

ЗаказчикFamily Park — парк активного отдыха в Ивановской области.Задачасоздать новый сайт с современным и узнаваемым дизайном, который будет привлекать новых клиентов и способствовать их переходу в постоянные.

Старый сайт выглядел устаревшим и не мотивировал молодую и активную аудиторию обратиться в Family Park за организацией праздника.

8c12acf1ce3d267111608973a00a0c52.png

РЕШЕНИЕ ЗАДАЧИ

  • Дизайн сайта — активный, с видеофоном и фотографиями хорошего качества.
  • Для увеличения обращений с сайта — возможность оставить заявку (для удобства — на каждом экране).
  • Для сохранения интереса у существующих клиентов — личный кабинет и бонусная система лояльности.

ЧТО СДЕЛАЛИ

1. Уникальный дизайн.

Для парка развлечений важно вызвать эмоциональный отклик у аудитории (спортивная, активная, семьи с детьми), поэтому мы установили на главной странице видеофон, наглядно показывающий весь спектр развлечений в парке.

9c9e0520fdb888597f47691751beb18a.png

На все услуги добавили качественные фотографии, сделанные непосредственно в самом парке.

353bbd5263c0992dfe998b45cac5a9d2.png

4e3bf6a94ee9a8bcb2182b274e8a71a3.png

Мы разработали 2 цветовые схемы в зависимости от сезона. Цвета, использованные в дизайн-системе, подобраны с учетом диетического минимума элементов. Это означает, что для решения задач, стоящих перед продуктом, требуется минимальный набор цветов.

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

7fbdde34dcc65bce92b09eb81eebc5cb.png

30dc130ce412f72d963284497a09b92f.png

Кроме цветовых значений дизайн-система проекта включает типографику.

454f784ec5da49fac562ef6a9f615455.png

Для страниц с услугами отрисовали фоновые иконки.

c2b7ee0d5a41d3a731e9defd1ffbd266.png

А также иконки для позиций меню.

2d0ae82f36fa283857221d8a5d92039c.png

2. Переключение сезонов.

Реализовали переключение сезона, вместе с которым меняются цветовая схема сайта, услуги, фото, часто задаваемые вопросы в карточке услуги.

В декстопной версии:

3169216bd1bbf78fd79831302418b31a.png

92d051b6094035cea96428c39a3ad149.png

В мобильной версии:

ca14a91f6e10658f81708a0d58f8eeea.png

042283d225bc7cd916ab115a0ec44e2f.png

3. Форма заказа.

Сделали удобную форму заказа услуги с популярными значениями по умолчанию.

8dcfed814222943ab19704410462a2f0.png

Здесь решается сразу 2 задачи — клиенту удобно и понятно сделать заказ, а также психологически сделать заказ легче, если часть данных уже заполнена.

4. Интерактивная карта.

Создали интерактивную карту-схему парка, с помощью которой можно:

  • посмотреть взаимное расположение зон и площадок на территории парка;
  • узнать предназначение каждого участка;
  • выбрав вид активности понять, на каком участке она организована.

104d9df42ff1dfa60e88c7db3050c88b.png

Осуществили мы это при помощи нашей личной разработки — веб-сервиса Планограф, на нем пользователь может:

  • создать интерактивную карту без помощи программиста и дизайнера, используя для разметки геометрические фигуры и с помощью полученных разметок вывести информацию об объектах на карте;
  • опубликовать карту на любой своей веб-площадке или в приложении (вне зависимости от среды разработки).

5. Отзывы.

Для повышения степени доверия разместили блок с отзывами, при этом добавили ссылки на реальные отзывы в Яндексе и Гугле.

b920472e6b9572ba9bb8f2f097a092e8.png

6. Все на одной странице.

Одной из сложностей проекта было пожелание клиента разместить все мини-карточки услуг на одной странице. При этом услуг много и структура их имеет разный уровень вложенности.

Например, в разделе «Гостевые территории» сразу представлены услуги, а в разделе «Развлечения» − подразделы «Пейнтбол», «Лазертаг», «Катание по бездорожью», «Бамперболл», внутри которых заложены услуги. При таком решении могут возникнуть сложности с поисковым продвижением сайта, так как нет уникальных страниц, на которых могут быть сгруппированы по смыслу услуги. С точки зрения поисковой оптимизации было лучше, если мини-карточки услуг каждого раздела или подраздела будут доступны на отдельных страницах с уникальными мета-тегами по уникальным ссылкам.

Решая эту проблему мы разработали двухуровневый слайдер с переключением на предыдущую вкладку. При этом есть возможность пройти и почитать подробнее про каждую услугу подробнее, посмотреть фото, выбрать тариф и отправить заявку. Для SEO-оптимизации есть возможность настроить уникальные URL-ссылки на каждый раздел или подраздел дерева услуг.

447ede689c05b1c6c799fa1798f69ca1.png

c370740156021c25f341fdc06f2d2f2a.png

7. Адаптивность.

Реализовали адаптивность сайта к мобильным устройствам.

a11ecf2b7d7627a3a776b95a530fb643.png

8. Личный кабинет.

Разработали личный кабинет, в котором пользователь может следить за состоянием своего бонусного баланса. Также в личный кабинет могут приходить уведомления о статусе заказанных услуг, изменении бонусного баланса и персональных скидках.

d35b99f5f85ad72a08dc3c1cbe9d4444.png

8. Уведомления.

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

d2f80f521bfc5e7e22a5eb80171222e7.png

381f23c2749cc5c8444a6ad8e2628913.png

6454e27c811a7f92171e838e282fc84c.png

10. Массовая загрузка фото.

Для удобства клиента разработали скрипт для массовой загрузки фото в фотогалерею, с указанием сезонности загружаемых фото.

7474cbca287abf02bb78a0c6c705216d.png

11. Рассылка в день рождения.

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

88cd6c2c428b05504885ed921f26ae61.png

РЕЗУЛЬТАТ

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

НАШИ РЕКОМЕНДАЦИИ

  • Проработать описания услуг, в частности, это касается раздела «Организация праздников». Будет гораздо лучше, если пользователь сможет найти описание программы проведения, например, выпускного 9–11 классов, при этом указать, что программа может быть составлена индивидуально.
  • Проработать систему уведомлений на большинство поводов (например, новогодние корпоративы, выпускные и пр.), чтобы автоматизировать их отправку в нужное время.
  • Заниматься продвижением сайта за счёт SEO-оптимизации и контекстной рекламы.

Перейти на сайт

Полный текст статьи читайте на CMS Magazine