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

О проекте  

River — центр здоровья и спорта. Здесь можно сходить на фитнес, отдохнуть в бане, посетить SPA, поплавать в бассейне, сходить в ресторан и сводить ребёнка на тренировку.

Цели и проблемы

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

Задачи

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

Решение

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

Разработка

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

У River есть шесть базовых направлений бизнеса: фитнес, детский клуб, SPA-центр, банный комплекс, ресторан, автомойка. Эти блоки – фиксированные, для них уже составили структуру.

Но есть если у River откроется еще одно направление, например, хаммамный комплекс, то они смогут добавить новый блок самостоятельно и наполнить его контентом и виджетами, сделав полноценную страницу с услугами.

Виджеты

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

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

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

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

Виджет клубных карт

Клубные карты – специальные виджеты предопределенного вида. Все карточки клубных карт и ценники настраиваются, иконки и картинки – тоже.

Виджет расписания

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

Виджет групповых программ

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

Виджет прямого эфира

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

Виджет команды

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

На виджете есть предопределенные графы: 

• награды и достижения;
• образование;
• личная информация о тренере;

Виджеты с видео

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

Виджет карты комплекса

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

Виджет картинок

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

Создание нового блока в футере

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

Дизайн

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

Итого

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

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

Также мы разработали красивый и эргономичный дизайн, UI-kit и рекомендации по процессу создания виджетов.