River — разработка сайта-конструктора

Главное о кейсе

Мы разработали красивый, гибкий и функциональный сайт, состоящий из виджетов. Любую страницу можно построить с их помощью, соблюдая соотношение размеров. В административной панели можно настроить порядок блоков, площадь, занимаемую ими на экране, цвет логотипа (черный или белый), разные паттерны фирменной волны River на виджете, а также задать любые тексты для любого блока и менять картинки.
Маркетологи без знаний программирования смогут самостоятельно изменять информацию и виджеты, делая гибкие промо-страницы для различных активностей.
Также мы разработали красивый и эргономичный дизайн, UI-kit и рекомендации по процессу создания виджетов.

Бизнес-задача и ее решение

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


▶ Решение
Проект делали с нуля: писали техническое задание, программировали сайт, разрабатывали для него дизайн и верстали. Сайт разрабатывали на Symfony. Все страницы сайта River состоят из специальных виджетов, благодаря которым любую страницу сайта и контент на ней можно изменять.


▶ Виджеты
Все страницы сайта состоят из виджетов. Виджеты могут быть нескольких размеров — 30%, 50%, 70%, 100%.
Мы предоставляем возможность клиенту собирать сетку из виджетов, но ограничиваем каждый виджет их типом и размером.

▶ Роль виджетов — дать возможность пользователю настраивать контент по динамичной структуре в зависимости от задачи страницы.

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


▶ Виджет расписания
Расписание может меняться, а актуальную информацию об изменениях часто негде посмотреть, только если вам не сообщат об этом лично. Например, тренер заболел и отменил занятия по йоге в среду, сообщив об этом руководителю. Расписание у River всегда будет актуальным, потому что оно подтягивается напрямую из внутренней CRM-системы River ClubIS. Так что когда руководитель занесет в CRM данные о том, что занятие отменено – это будет отображено и на сайте.


▶ Виджет прямого эфира
Если вы любите плавать, то знаете, как непросто подобрать время, когда людей на дорожках будет мало. Именно для этого мы разработали виджет прямого эфира, в котором выводится камера напрямую из бассейна, чтобы можно было посмотреть, сколько людей плавают в бассейне и выбрать менее загруженное время для посещения.


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

На виджете есть предопределенные графы:
— награды и достижения;
— образование;
— личная информация о тренере;


▶ Виджет групповых программ
Используется, чтобы описать ключевые программы, которые есть в фитнес-клубе. Это важная информация для тех, кто только собирается присоединиться к клубу, потому что это помогает сделать выбор в пользу именно этого клуба.


▶ Виджеты с видео
Чтобы ближе познакомить клиентов с внутренней жизнью клуба, мы разработали специальные видеовиджеты, в которые можно добавлять ролики про специальные тренировки, жизнь клуба, а также транслировать контент с YouTube прямиком на сайт.


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


▶ Виджет картинок
Визуальная составляющая очень важна для гостей любого клуба. В разделе «банный комплекс», например, можно просматривать галерею картинок, чтобы проникнуться атмосферой комплекса. Картинки в галерее плавно сменяют друг друга.


▶ Создание нового блока в футере
В футере можно создавать бесконечное количество новых страниц с виджетами. Их можно использовать для рекламы, делать промо-страницы, указывая разные ссылки в социальных сетях на разные URL, отслеживать трафик из разных источников и эффективность рекламы. Ссылка для URL задается в админке, не нужно обладать никакими специфическими знаниями или привлекать программистов, чтобы что-то наладить. Например, если вы хотите создать страницу для рекламы «SPA со скидкой 50%», то можно самостоятельно прописать URL для этой страницы, например «spa50%» Это гибко и удобно.


▶ Дизайн
Мы проработали UI-kit и рекомендации по процессу создания виджетов: показали сетку, указали нужные размеры виджета. Благодаря этому клиенту не нужно думать, как и что ровно встанет в нужную страницу – мы за него уже все придумали.

Прочая информация о кейсе

Разработали гибкий, функциональный и красивый сайт-конструктор для центра здоровья и спорта.

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

Скриншоты