Техническое задание на создание сайта для фитнес центра

Техническое задание на создание сайта для фитнес центра

1. Общие сведения

Нужен сайт фитнес-клуба: расписание, абонементы, тренеры, онлайн-запись и покупка.

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

Цели проекта

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

Целевая аудитория

  • Новички, пришедшие за пробной тренировкой.
  • Постоянные клиенты, записывающиеся на занятия.
  • Корпоративные клиенты.
  • Потенциальные тренеры.

Как поймём, что сайт работает

Цифры ниже — ориентиры для обсуждения. Точные значения фиксируются на старте проекта по данным Яндекс Метрики и CRM заказчика, а замеряются через 1, 3 и 6 месяцев после запуска.

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

2. Структура сайта

Ниже — страницы первой версии сайта и то, что должно быть на каждой. Глубина вложенности — не больше трёх кликов от главной до любой целевой страницы.

Главная

  • Видео зала, кнопки «Пробная тренировка» и «Абонементы», направления, акции, тренеры, отзывы.

Абонементы

  • Тарифы и сравнение: безлимит, дневной, утренний, семейный, корпоративный; что входит, заморозка, гостевые визиты.
  • Покупка онлайн и бронирование.

Расписание

  • Таблица занятий с фильтрами по направлению, тренеру, дню; запись и отмена.

Направления

  • Тренажёрный зал, йога, пилатес, кроссфит, единоборства, плавание, детские группы — по странице на каждое.

Тренеры

  • Фото, специализация, образование, достижения, расписание и запись на персональные тренировки.

Клуб и контакты

  • Зоны клуба, раздевалки, душевые, парковка, адрес, карта, телефон.

3. Функциональные требования

Расписание и запись

  • Синхронизация с CRM клуба (Mobifitness, Fitness1C, Tilda-Fit) — свободные места и записи видны в реальном времени.
  • Подтверждение записи на почту, напоминание за 2 часа и ссылка на отмену.

Покупка абонемента

  • Выбор тарифа и даты старта, оплата онлайн, чек на почту, QR-код на вход.

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

  • Абонементы, посещения, бонусы, заморозка, персональные тренировки.

Формы и заявки

  • Каждая форма содержит не больше трёх обязательных полей: имя, телефон, комментарий. Остальное — необязательное.
  • Маска телефона, проверка адреса почты, защита от спама без капчи, которая мешает человеку (скрытое поле-ловушка, ограничение частоты отправки).
  • Обязательный чекбокс согласия на обработку персональных данных со ссылкой на политику; чекбокс не отмечен по умолчанию.
  • После отправки — понятное сообщение на странице и цель в Яндекс Метрике; заявка приходит на почту ответственного сотрудника и дублируется в CRM или мессенджер.
  • Заявка сохраняется в админке сайта, даже если почта в этот момент недоступна.

4. Дизайн и удобство

  • Динамика и энергия: крупные фотографии занятий, видео, чёткая цветовая схема клуба.
  • Тарифы и расписание — самые удобные блоки сайта: читаются без приближения на телефоне.
  • Дизайн делается под три основные ширины: 360, 768 и 1440 пикселей; промежуточные размеры проверяются на этапе вёрстки. Первым рисуется мобильный экран — на него приходится большая часть трафика.
  • Основное действие страницы (позвонить, оставить заявку, купить) видно на первом экране без прокрутки и повторяется после каждого смыслового блока.
  • Размер основного текста не меньше 16 px, контраст текста и фона не ниже уровня AA по WCAG 2.1, кнопки и ссылки не меньше 44 × 44 px на телефоне.
  • Заказчик получает макеты ключевых страниц в Figma; правки согласуются в два круга на каждый макет.

5. Контент

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

  • Фото и видео зала, занятий, тренеров (с согласием).
  • Расписание, описание направлений, прайс.
  • Правила клуба, условия заморозки и возврата.
  • Отзывы клиентов и истории изменений.

6. Технические требования

Платформа и разработка

  • Рекомендуемая платформа — MODX/WordPress с интеграцией CRM клуба или собственная разработка; расписание подтягивается из CRM, а не заполняется руками.
  • Админка на русском языке: менеджер без навыков программирования сам правит тексты, цены, контакты, добавляет страницы и материалы.
  • Семантическая вёрстка HTML5, один h1 на странице, логичная иерархия заголовков, у всех изображений заполнены alt.
  • Адаптивность без горизонтальной прокрутки на экранах от 320 до 2560 px. Поддержка двух последних версий Chrome, Safari, Firefox, Edge и Яндекс Браузера.

Скорость

  • Largest Contentful Paint не больше 2,5 секунды, Cumulative Layout Shift не больше 0,1, Interaction to Next Paint не больше 200 мс — по данным PageSpeed Insights для мобильных.
  • Изображения в WebP или AVIF с ленивой загрузкой, размеры заданы в разметке; шрифты хранятся на сайте, не больше двух начертаний.
  • Скрипты аналитики и чатов загружаются после основного контента и не блокируют отрисовку.

Безопасность и закон

  • Сайт работает только по HTTPS, http перенаправляется на https одним редиректом.
  • Ежедневная резервная копия сайта и базы данных, хранение не меньше 14 дней, проверка восстановления на этапе запуска.
  • Пароли администраторов — длинные и уникальные, вход в админку защищён ограничением числа попыток; доступы передаются заказчику в день приёмки.
  • Политика обработки персональных данных (152-ФЗ) и баннер cookie: метрика и сторонние скрипты не запускаются до согласия там, где это требуется.
  • Условия возврата и заморозки абонементов изложены понятно и соответствуют закону о защите прав потребителей.
  • Медицинские противопоказания в формулировках осторожные; «похудение за неделю» и подобные обещания не размещаем.

7. Интеграции

  • CRM фитнес-клуба (Fitness1C, Mobifitness, Hermes) — расписание, абонементы, клиенты.
  • Эквайринг и рассрочка (Тинькофф, Сбер, Долями).
  • Приложение клуба, СМС и пуши.
  • Коллтрекинг, Яндекс Метрика.

8. SEO-требования

Поисковая оптимизация закладывается при проектировании структуры, а не добавляется после запуска. Что делаем в рамках разработки:

  • Собираем семантику и распределяем запросы по страницам до утверждения структуры. Ключевые направления: фитнес-клуб + район; абонемент в фитнес + город; йога / пилатес + город; бассейн для детей.
  • Уникальные title, description и H1 для каждой страницы; человекопонятные адреса без служебных параметров; хлебные крошки на внутренних страницах.
  • Микроразметка schema.org: HealthClub, Event, Offer, Person (тренеры).
  • XML-карта сайта и robots.txt, канонические адреса, страница 404 с полезными ссылками, склейка адресов с www и без, со слэшем и без.
  • Если у заказчика уже есть сайт: выгрузка старых адресов, таблица соответствия и постраничные 301-редиректы до выкладки, чтобы не потерять позиции и трафик.
  • Подключение Яндекс Метрики и Вебмастера, настройка целей: отправка формы, звонок по клику на номер, клик по мессенджеру, переход к ключевым страницам.

9. Этапы и сроки

Сроки считаются в рабочих неделях с момента, когда подписан договор, внесена предоплата и получены доступы и материалы, перечисленные выше. Этапы идут частично параллельно.

  1. Аналитика и структура — 1–2 недели. Результат: согласованные структура, прототипы ключевых страниц и семантическое ядро
  2. Дизайн — 3 недели. Результат: макеты в Figma для десктопа и телефона, два круга правок
  3. Вёрстка и разработка — 4–6 недель. Результат: сайт на тестовом домене с админкой и формами
  4. Наполнение и интеграции — 2 недели. Результат: загруженный контент, подключённые CRM, почта и аналитика
  5. Тестирование и приёмка — 1–2 недели. Результат: закрытый список замечаний, подписанный акт
  6. Запуск — 1 неделя. Результат: сайт на боевом домене, редиректы, проверка индексации

10. Порядок приёмки

  • Приёмка проходит на тестовом домене по чек-листу, который заказчик получает заранее: страницы, формы, адаптивность, скорость, аналитика, редиректы.
  • Замечания собираются в одном списке и делятся на критичные (мешают работе сайта) и пожелания. Критичные исправляются бесплатно и в первую очередь.
  • Сайт считается принятым, когда закрыты все критичные замечания, формы доставляют заявки, а PageSpeed на главной и ключевых страницах укладывается в требования раздела 6.
  • Гарантийный период — 3 месяца: ошибки, найденные в этот срок, исправляются без доплаты.

11. Что получает заказчик

  • Работающий сайт на боевом домене и доступ в админку.
  • Исходные файлы дизайна в Figma, исходный код и документацию по структуре и развёртыванию.
  • Короткую инструкцию и видеоурок: как править страницы, добавлять материалы, смотреть заявки.
  • Настроенные Метрику, Вебмастер и цели, доступы к ним на аккаунт заказчика.
  • Рекомендации по продвижению на первые три месяца: что публиковать, какие страницы расширять.

Превращаем идеи в символы успеха

Разрабатываем проекты, которые помогут вам быть заметными в постоянно меняющимся мире

Наши проекты

(16)