Клиент и задача
«Петровские львы»: детская футбольная школа в Санкт-Петербурге для детей от 3 до 12 лет. Логотип и брендбук мы разработали раньше (читайте отдельный кейс), поэтому сайт должен был продолжить тот же стиль: темно-синий, оранжевый и образ льва. Главная задача: чтобы родитель, пришедший с телефона, быстро понял, чем школа хороша, и записал ребенка на пробное занятие.
Что мы сделали
1. Главная страница отвечает на вопросы родителя по порядку
Страница построена как длинный лендинг с нумерованными разделами. Сначала предложение и запись на бесплатное занятие, затем то, о чем родитель думает дальше:
- Что даст футбол ребенку. Шесть карточек: становление личности, здоровье, уверенность, физическое развитие, социальная адаптация, положительные эмоции.
- Методика. Пять коротких пунктов в виде вертикальной шкалы и ссылка на отдельную страницу методики.
- Тренеры. Блок с фотографиями и рассказом о лицензиях и стажировках.
- Безопасность. Отдельный темный блок с тремя оранжевыми карточками: форма, нагрузки и оборудование.
- Программы по возрасту. Четыре группы от 3-5 до 10-13 лет.
- Выбор района. Блок «Запишитесь на бесплатную тренировку в школу рядом с домом»: Савушкина, Крестовский, Автово, Девяткино, Ладожская.
- Дополнительные возможности. Сборы, турниры и просмотр в ведущих клубах.
- Миссия школы и частые вопросы.
2. Дизайн продолжает брендбук
Цвета, шрифт заголовков и скругленные формы взяты из брендбука. Оранжевый используется для действий (ссылки, кнопки, акценты в карточках), темно-синий для заголовков, светло-серый фон отделяет смысловые блоки. Фотографии детей в форме школы работают на узнаваемость: форма с львом из брендбука видна уже на первом экране.
3. Запись в один шаг и выбор района
Все главные кнопки ведут к записи на бесплатное занятие. Родителю не нужно искать адрес: внизу страницы он выбирает район, который ближе к дому. Для школы с несколькими площадками это снимает один из главных вопросов и дает точку входа в заявку.
4. Отдельные страницы и мобильная версия
Кроме главной, сделали страницы «Методика», «Персонал», «Программа», «О школе», «Отзывы», «Новости», «Контакты» и страницу благодарности после заявки. Мобильная версия перестраивает блоки в одну колонку, шапка превращается в меню-бургер, кнопки остаются крупными. Сайт собран на чистых HTML и CSS без конструктора и размещен на Cloudflare Pages, поэтому открывается быстро.
Посмотреть сайт можно по ссылке: petrovsky-lions.pages.dev.
Что вынесли из проекта
- Для детской секции продает доверие. Тренеры, безопасность и методика стоят выше цен и расписания.
- Сайт должен продолжать бренд. Когда логотип и брендбук сделаны заранее, сайт собирается быстрее и выглядит цельно.
- Один главный шаг. Каждый экран ведет к записи на пробное занятие, остальное лишь помогает решиться.
Частые вопросы
Что должно быть на сайте детской спортивной школы?
Понятное предложение на первом экране, что получит ребенок, методика, тренеры, безопасность, программы по возрасту, адреса и запись на пробное занятие. Так родитель получает ответы в том порядке, в котором о них думает.
Зачем на сайте выбор района?
Родителям важна школа рядом с домом. Если есть несколько площадок, выбор района упрощает путь к заявке и показывает, что школа рядом.
Нужен ли сайту школы брендбук?
Он не обязателен, но сильно ускоряет работу: цвета, шрифты и стиль определены заранее, и сайт сразу выглядит как часть бренда.
С какими бюджетами вы работаете?
Мы берем проекты с рекламным бюджетом от 60 000 ₽. С меньшей суммой в современном интернете сложно получить результат и честно посчитать цену заявки.