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

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

Проект делали с нуля: писали техническое задание, программировали сайт, разрабатывали для него дизайн и верстали. Сайт разрабатывали на 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 и рекомендации по процессу создания виджетов.