Champions Premier

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

Год запуска

2023

Отрасль

Спорт

Лого

●связаться с нами

●связаться с нами

Срок реализации

3 недели

Команда

арт-директор
дизайнер
верстальщик

Цели

Получать заявки на обучение. 
Рассказать о своей методике обучения

Задачи

• Разобраться почему нет заявок с сайта
• Сделать сайт более запоминающимся, этим отстроиться от конкурирующих школ
• Привлечь новых ребят-футболистов и их родителей. 

Как выглядел старый сайт

Старый сайт выглядел вот так и открывался через раз:

• Полупустой сайт, попадая на который не сразу понимаешь куда ты попал и что продает компания
• Запутанная навигация

Результаты

• Поняли почему нет заявок, исправили эту ошибку на новом сайте
• Сделали вау-дизайн, который очень понравился владельцу и надеемся понравится ребятам и их родителям.
• Владелец школы в восторге, причем ему совсем недавно сделали новый сайт, но как он сказал: "Ваш вариант это самое крутое, что я видел"
• Мы кайфанули от работы над проектом)

Особенности проекта

На старом сайте почти не было текстов и он казался заброшенным, поэтому больше всего времени ушло на аналитику ниши. Зато концепт дизайнер сделал за 4 дня.

Менеджмент проекта

Всю работу над проектом мы разбиваем на этапы:

• Бриф
• Аналитика
• Прототипирование
• Техническое задание
• Дизайн
• Разработка

Каждый этап мы согласовываем с клиентом на звонке чтобы в конце работы не было сюрпризов.

Аналитика и исследования

Текущий сайт клиент сам собирал на Wix. У клиента нет опыта в разработке и в дизайне, поэтому нет понимания как строятся страницы, как сделать так чтобы посетитель увидел то что ему необходимо увидеть и оставил заявку. 

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

• Изучить какие смыслы доносят конкуренты на сових сайтах
• Какие у них услуги помимо тренировок. Как проходит тренировка
• Как устроена структура каждой страницы их сайтов
• Какое УТП
• Какая монетизация: абонементы, стоимость обучения на месяц/полгода/год
• Есть ли у них выездные соревнования, как они устроены
• Есть ли спортивные лагери на школьных каникулах. Что они там делают
• Какие результаты у их учеников, чем гордятся
• Что важно, родителям и детям, зачем они занимаются футболом.

Все эти данные после аналитики мы передаем клиенту и используем в построении архитектуры сайта.

Благодаря аналитике мы поняли:

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

Прототипирование

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

Наводим красоту

Главная страница

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

Мы не хотели использовать зеленый цвет (как цвет футбольного поля), потому что не хотелось работать со смыслами в лоб. Зато мы использовали черно-белые фото как отсылку к фотографиям первых матчей в 1872 году. И этот прием очень понравился любителям футбола, мы получили много приятных комментариев и подняли волну обсуждения футбола)
‍

Например, в этом проекте мы использовали очертания футбольного поля и ворот. 
И посетитель изучая сайт, на самом деле как-будто двигается по футбольному полю, но поймет это только после того как дочитает сайт до конца.
Это вызывает вау эффект за счет эффекта неожиданности и понимания что все это время сам находился на футбольном поле.
Таже мы задумали анимации, чтобы добавить немного игры и динамичности.  
‍
Проект шел довольно быстро, дизайнер за 3 дня создал концепцию которая была сразу же принята. На верстку ушло больше времени за счет того что много нестандартных решений.

В этом блоке говорим для чего ребенку заниматься футболом, этот блок необходим чтобы родитель понял что это та школа которую он так долго искал и начал читать дальше
‍

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

А кроме того в школе воспитывают личные качества: волю к победе, принципы честной игры, командного духа. Ну какой родитель от такого подхода откажется?
‍

Показываем тренеров, рассказываем кто они такие и какие у них заслуги, Родители понимают кому ведут своего ребенка на занятия и примерно какой результат получат занимаясь с этим тренером.
‍

Добавили блок с расписанием как будет проходить тренировок, что они не просто играют на поле, а у них есть

• 10 минут разминают основные мышечные группы
• 30 минут изучают технику игры. Работают с мячом, делают упражнения на командное взаимодействие
• 15 минут функциональная подготовка
• 10 минут игра в футбол без подкатов, оффсайдов и остановок
• 15 минут растяжка, приводят пульс и температуру тела в норму, растягивают основные мышечные группы.

Родители видят что школа очень серьезно подходит к физическому развитию детей. 

Пришла пора рассказать про варианты оплаты и на этом этапе когда уже все основные важные моменты разъяснены, посетитель готов приобрести абонемент на тренировку.

Если этого недостаточно, то мы дальше показываем расписание тренировок по каждому тренеру чтобы не пришлось звонить и узнавать. Все можно посмотреть прямо на сайте и понять подходит это расписание или нет.

У школы есть лагерь: осенний, зимний, летний и весенний. Показали их расписание чтобы люди могли подстроить свои планы под него.

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

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

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

Собрали UI-kit возможно для одностраничников это не так важно, но тем не менее мы всегда делаем дизайн даже самых мелких элементов.