Как сделать лендинг для фитнес-студии

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

Почему главная кнопка — пробное занятие

Купить абонемент в незнакомом месте — решение крупное. Пробное занятие снижает ставки: человек знакомится с тренером, группой и залом и решает уже по своему опыту. Поэтому главная кнопка на странице одна — «Записаться на пробное», и она видна на каждом экране.

Условия пробного пишите прямо рядом с кнопкой:

• бесплатное оно или платное — и если платное, сколько стоит;
• что в него входит: само занятие, знакомство с тренером, экскурсия по студии;
• сколько длится и за сколько минут прийти, чтобы спокойно переодеться;
• что взять с собой и что есть на месте: полотенца, вода, коврики.

Запись — в несколько касаний: направление и время из расписания, имя и телефон, подтверждение. Если после заявки звонит администратор, напишите, когда ждать звонка. Специальное предложение для тех, кто купит абонемент после пробного, — хороший повод решиться, но только если оно у вас действительно есть.

Как показать расписание на сайте студии

Расписание — блок, к которому возвращаются: его проверяют перед тренировками. Картинка с таблицей на телефоне плохо читается, а обновить её забывают — и человек приходит на занятие, которое перенесли. Лучше выводить расписание текстом или виджетом системы записи, которой пользуется студия: администратор меняет занятие в одном месте, и сайт сразу показывает актуальную версию.

Что должно быть в расписании:

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

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

Как объяснить форматы и абонементы

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

Абонементы показывайте карточками, а не мелкой таблицей: разовое посещение, пакеты занятий, безлимит, персональные тренировки. У каждого — цена, срок действия, условия заморозки и возврата. Если есть утренние или семейные абонементы, выделите их отдельно. Условия, о которых человек узнаёт только на ресепшене, оставляют неприятный осадок, даже если сама студия хорошая.

Как представить тренеров

В студии человек тренируется не с залом, а с конкретным тренером, поэтому карточки тренеров — один из главных блоков. В карточке:

• фото в студии, а не постановочная съёмка в стиле обложки журнала;
• направления и занятия, которые тренер ведёт, — со ссылкой на расписание;
• образование, сертификаты, опыт — как есть, без «лучший тренер»;
• подход в одной-двух фразах: как тренер работает с новичками и что делает, если упражнение не получается;
• короткое видеознакомство, если есть возможность его снять.

Чего боятся новички и как ответить на это на сайте

Новички часто боятся не столько нагрузки, сколько неловкости. Ответы на эти страхи стоит собрать в блок «Первый раз у нас» или разнести по странице.

Страх	Как ответить на лендинге
«Я не в форме и буду хуже всех»	Группы для начинающих, уровень у каждого занятия, фото обычных людей на тренировках
«Не знаю, что взять и как всё устроено»	Короткая инструкция: когда прийти, что надеть, что взять, что будет на занятии
«Тренер не заметит, что я делаю неправильно»	Сколько человек в группе, если группы небольшие; как тренер поправляет технику
«Не выдержу нагрузку»	Как тренер подбирает нагрузку и есть ли упрощённые варианты упражнений
«Заставят купить дорогой абонемент»	Цены, разовое посещение, честные условия пробного
«Негде переодеться и принять душ»	Фото раздевалок и душевых, шкафчики — если всё это есть

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

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

Каким должен быть сайт студии на телефоне

Расписание смотрят по дороге на работу, в обеденный перерыв, перед выходом из дома — с телефона. Что важно в мобильной версии:

• кнопка «Записаться на пробное» закреплена внизу экрана;
• расписание — списком по дням, с крупными строками и кнопкой записи в каждой;
• телефон и мессенджер — в одно касание;
• блок «Как нас найти»: если студия в бизнес-центре, напишите этаж и вход, нужен ли пропуск, и покажите фото входа;
• фильтры и переключатели откликаются сразу: по Core Web Vitals хорошей считается задержка отклика до 200 мс (INP).

Подробнее о том, как проектировать под телефон, — в статье об адаптивном дизайне. Видео тренировки на фоне первого экрана выглядит живо, но утяжеляет страницу. Когда движение на сайте помогает, а когда мешает, мы разобрали в статье об анимации на сайте.

Частые ошибки

• Расписание картинкой, которую не обновляли с прошлого сезона.
• Главная кнопка «Купить абонемент» для человека, который ещё ни разу не был в студии.
• Только глянцевые фото тренеров — новичок решает, что студия не для него.
• Цены абонементов «по запросу».
• «Бесплатное пробное», условия которого выясняются только на месте.
• Вопросы о здоровье в форме записи.
• Не написано, где вход и есть ли душ.

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