Академия спорта: дизайн и разработка сайта

В рамках наших исследований на основе поисковой статистики мы выяснили: 80% релевантной аудитории ищут фитнес-услуги через общий запрос «фитнес клуб + [город]». Даже если человеку нужно конкретное занятие, знакомство с предложением клуба часто начинается с главной страницы.

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

Остальные 20% аудитории ищут конкретные направления по узким, но достаточно конкурентным запросам: 

• «йога + [город]», 
• «бассейн + [город]» и др. 

Для этих посетителей первой точкой знакомства с клубом становится страница услуги.

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

Детальные страницы направлений спроектировали как самостоятельные страницы выбора: 

собрали информацию 

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

Вместо стандартного SEO-текста с объяснением, что такое йога или плавание, сосредоточились на том, что помогает выбрать исполнителя. 

Человек, который ищет конкретную услугу в своём городе, уже знаком с ней — ему важно понять, кому доверить свои тренировки.

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

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

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

Клубные карты оформили по единой структуре: название, условия, состав предложения и действие для покупки. Так посетитель может сопоставить варианты и выбрать подходящий формат посещения.

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

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

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

На компьютере карточки реагируют на наведение: фотография слегка увеличивается, появляется плашка стажа, а ссылка «Подробнее» меняет цвет. На телефоне тренеров можно просматривать в слайдере; видимый край следующей карточки подсказывает, что список продолжается.

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

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

Разработали сайт на 1С-Битрикс с самостоятельными страницами направлений, клубных карт и тренеров. Главная представляет возможности комплекса и отвечает на основные вопросы, а страницы услуг помогают оценить условия и преимущества занятий в «Академии спорта».

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

Общие элементы интерфейса объединили в UI-систему и адаптировали страницы для компьютеров и телефонов. Объём работ ниже посчитан по исходным макетам и коду проекта.

После обновления сайта продолжили работу с поисковым продвижением. Структура, переезд и измеренные результаты SEO разобраны в отдельном кейсе.