Разработка корпоративного сайта с применением искусственного интеллекта
Футбольная школа для детей с разным уровнем подготовки.
О проекте
О футбольной школе
Детская футбольная школа «СИТИ» работает с 2012 года. На данный момент имеется 8 филиалов по Москве и Самаре, где занимаются дети от 3 до 15 лет с разным уровнем подготовки.
В арсенале комфортный подготовительный центр для детей от 3 до 5 лет, собственная футбольная инфраструктура, манежи и большой открытый стадион. В компании работают профессиональные тренеры, постоянно проходящие обучение от лучших футбольных специалистов в детском направлении.
Задача
Сайт Клиента был устаревшим, информация представлена очень кратко. Было необходимо:
- »
разработать удобный сайт с подробной информацией о футбольной школе, показать ее возможности, современную инфраструктуру, профессиональных тренеров;
- »
разработать удобное отображение расписания занятий;
- »
подключить оплату услуг в режиме онлайн, на сайте.
Сложности, с которыми мы столкнулись:
- »
сжатые сроки и ограниченный бюджет — проект необходимо было запустить к открытию новых спортивных комплексов в Москве;
- »
не было сформировано техническое задание;
- »
специфика проекта — нельзя размещать фото и данные детей на сайте без согласия родителей, но при этом необходимо показать, что это детская школа.
Предпроектные работы
Перечень предпроектных работ и исследований:
Анализ конкурентов
Провели анализ конкурентов, чтобы взять лучшие практики и отбросить неудачные решения.
Целевая аудитория
Определили ключевые сегменты целевой аудитории.
CustDev-интервью
Провели CustDev — серию глубинных интервью с респондентами.
Сегментация ЦА
Сегментировали аудиторию и составили подробные портреты персон.
Проведение CustDev — глубинных интервью
Чтобы спроектировать полезный и удобный сайт, нам нужно больше узнать о пользователях, их ожиданиях и потребностях. Поэтому мы подобрали респондентов для проведения интервью, сформулировали цель исследования и разработали гайд. Интервью помогли лучше понять чувства, прошлый опыт, образ мышления, убеждения, мотивацию опрашиваемых.
«Когда я выбирал футбольную школу для сына, мне было важно, чтобы школа была недалеко от дома и не приходилось много времени тратить на дорогу.»
Сергей
«Я боялась, что сыну могут не понравиться тренировки. Хотелось сначала прийти на пробное занятие, а потом решить, будем мы ходить или нет.»
Татьяна
«Мне очень важно, чтобы была возможность оплачивать тренировки по безналичному расчету, потому что на занятия сына водит дедушка, и я сама редко бываю на его тренировках.»
Ольга
«Мне важно, чтобы у школы была необходимая инфраструктура и комфортные условия для занятий. Я переживаю, что ребенок будет часто болеть, особенно зимой.»
Екатерина
«Хочу, чтобы сын занимался у опытных тренеров и участвовал в соревнованиях, потому что достижения будут его мотивировать продолжать тренировки.»
Юрий
«Я бы хотел иметь возможность посмотреть расписание тренировок без необходимости тратить время на звонки в школу или тренеру.»
Андрей
Сегментация целевой аудитории
Категория
Возраст
Образ жизни
01
Родители, которые сами занимаются или занимались спортом и хотят приобщить детей к регулярным тренировкам.
28–40 лет
- Имеют семью и детей. Уровень дохода — средний и выше среднего.
- В свободное время занимаются спортом, следят за футбольными матчами и готовы инвестировать в развитие ребенка.
- Часто это отцы с футбольным опытом, которым важны тренерский состав, достижения и престиж школы.
02
Родители, которые хотят, чтобы дети развивались физически и социализировались в команде.
28–35 лет
- Доход — выше среднего. Семья готова вкладываться в тренировки, форму и участие в турнирах.
- Ребенка активно поддерживают на матчах и тренировках, включая выезды на соревнования.
- Этот сегмент часто выбирает футбол как популярный и статусный вид спорта.
03
Родители, которые в первую очередь думают о здоровье ребенка.
32–40 лет
- Имеют семью и детей, уровень дохода чаще средний.
- Сами сталкивались с проблемами здоровья и хотят сформировать у ребенка правильные спортивные привычки.
- Внимательно относятся к питанию, режиму и физическому состоянию детей.
04
Родители, которым важно занять ребенка полезной активностью.
30–45 лет
- Уровень дохода — средний и выше среднего.
- Родители много работают и ищут для ребенка структурированную спортивную среду рядом с домом.
- Важны безопасность, дисциплина и удобная логистика до школы.
05
Родители очень активных детей, которым нужен управляемый спортивный ритм.
28–40 лет
- Уровень дохода чаще средний.
- Рассматривают тренировки как канал безопасного «выброса» энергии ребенка.
- Ожидают, что спорт поможет улучшить дисциплину, концентрацию и самоорганизацию.
Портреты персон
CJM (карта пути пользователя)
Цель
Потребность
Отдать ребенка в спортивную секцию.
Поиск
Найти футбольную школу в своем городе.
Исследование
Выбрать среди нескольких футбольных школ одну конкретную.
Принятие решения
Записать ребенка на занятия.
Каналы
Потребность
Интернет, соц. сети, семья.
Поиск
Интернет.
Исследование
Интернет, соц. сети, друзья, знакомые, коллеги.
Принятие решения
Сайт ФШ, телефон.
Процесс
Потребность
Советуется с членами семьи, смотрит соцсети, видео на YouTube.
Поиск
Изучает сайты в поисковой выдаче.
Исследование
Изучает информацию на сайте школы. Читает отзывы. Спрашивает мнение друзей. Сравнивает цены, расписание, программы. Ищет преимущества.
Принятие решения
Звонит по телефону или оставляет заявку на сайте, чтобы записать ребенка на тренировки.
Барьеры
Потребность
Боится, что ребенку не понравятся тренировки, что будет высокая стоимость, неудобный график, территориально неудобно добираться.
Поиск
Много бесполезных ссылок. Не у всех школ есть сайт. Нет адаптивной версии. Сайты с неудобной структурой. Трудно найти информацию.
Исследование
На сайте нет всей необходимой информации. Не получает ответа на возникшие вопросы.
Принятие решения
Не может дозвониться, нет возможности онлайн-оплаты.
Идеи
Потребность
Настроить контекстную рекламу по геопозиции. На сайте разместить адреса филиалов, расписание тренировок, стоимость, видео о том, как проходит тренировка.
Поиск
SEO-продвижение. Контент-маркетинг. Разместить информацию о ФШ в тематических сообществах. Разработка адаптивной версии. Улучшение юзабилити сайта.
Исследование
Разработать удобную структуру сайта. Наполнить сайт информацией, необходимой для принятия решения (программы, стоимость, адреса, расписание, преимущества).
Принятие решения
Добавить форму обратной связи и возможность онлайн-оплаты.
| Этапы | Потребность | Поиск | Исследование | Принятие решения |
|---|---|---|---|---|
| Цель | Отдать ребенка в спортивную секцию. | Найти футбольную школу в своем городе. | Выбрать среди нескольких футбольных школ одну конкретную. | Записать ребенка на занятия. |
| Каналы | Интернет, соц. сети, семья. | Интернет. | Интернет, соц. сети, друзья, знакомые, коллеги. | Сайт ФШ, телефон. |
| Процесс | Советуется с членами семьи, смотрит соцсети, видео на YouTube. | Изучает сайты в поисковой выдаче. | Изучает информацию на сайте школы. Читает отзывы. Спрашивает мнение друзей. Сравнивает цены, расписание, программы. Ищет преимущества. | Звонит по телефону или оставляет заявку на сайте, чтобы записать ребенка на тренировки. |
| Барьеры | Боится, что ребенку не понравятся тренировки, что будет высокая стоимость, неудобный график, территориально неудобно добираться. | Много бесполезных ссылок. Не у всех школ есть сайт. Нет адаптивной версии. Сайты с неудобной структурой. Трудно найти информацию. | На сайте нет всей необходимой информации. Не получает ответа на возникшие вопросы. | Не может дозвониться, нет возможности онлайн-оплаты. |
| Идеи | Настроить контекстную рекламу по геопозиции. На сайте разместить адреса филиалов, расписание тренировок, стоимость, видео о том, как проходит тренировка. | SEO-продвижение. Контент-маркетинг. Разместить информацию о ФШ в тематических сообществах. Разработка адаптивной версии. Улучшение юзабилити сайта. | Разработать удобную структуру сайта. Наполнить сайт информацией, необходимой для принятия решения (программы, стоимость, адреса, расписание, преимущества). | Добавить форму обратной связи и возможность онлайн-оплаты. |
Разработка структуры и проектирование
По результатам проведенного анализа была разработана структура сайта, которая поможет посетителям легко ориентироваться и находить необходимую информацию. Наличие четкой иерархии страниц и логичного навигационного меню значительно повышает удобство использования сайта, уменьшает процент отказов и удерживает посетителя.
Были спроектированы варфреймы страниц, на которых схематично показано распределение контента, местоположение графических объектов и интерактивных элементов. Прототип помогает акцентировать внимание на функциональности, а не на визуальных деталях, и внести корректировки до создания дизайна и начала полноценной разработки.
Структура сайта
- О школе
- О нас
- Новости
- Достижения
- Перспективы
- Тренеры
- Расписание
- Статьи
- Вопрос-ответ
- Адреса
Варфреймы
Колористика и типографика
Выбранный шрифт отражает динамичный и энергичный стиль спорта. Он легко читаем, выразителен и хорошо работает как в заголовках, так и в текстовом контенте.
- Regular
- Medium
- Semibold
- 48
- 40
- 32
- 24
- 20
- 18
Для сайта спортивной тематики мы выбрали акцентные цвета, которые ассоциируются с энергией, динамикой и здоровьем. Синий цвет — символ надежности и уверенности, а яркий зеленый — свежести и чистоты. Выбранные оттенки отлично сочетаются друг с другом, создавая гармоничный дизайн с уникальным настроением.
Мобильная версия
Дизайн
Визуальный контент
В процессе подбора изображений для оформления сайта, мы столкнулись с тем, что нельзя размещать детей на сайте без согласия родителей. Но не смотря на это, надо было показать что это детская школа футбола. Было принято решение сгенерировать медиаконтент при помощи нейросети Midjourney. Мы подготовили промты на английском языке, и на их основе нейросеть создала подходящие изображения.
SEO-продвижение и контент-маркетинг
Рост органического трафика через семантику и контент
Мы проанализировали целевую аудиторию клиента. Подобрали слова и фразы, наиболее релевантные предложенным услугам и используемые потенциальными клиентами при поиске в интернете. Провели анализ конкурентов и определили ключевые слова для целевых страниц.
Подготовили ТЗ для создания качественного и релевантного контента, который привлекает внимание пользователей и стимулирует естественное получение внешних ссылок. На сайте создали раздел статей, где разместили полученный контент. Блог регулярно пополняется новым контентом, привлекая целевой органический трафик.
Проделанные работы
Этапы реализации проекта
Анализ рынка и конкурентов
Анализ рынка помог разработать стратегию отстройки от конкурентов, сформулировать ценности и преимущества продуктов и услуг клиента.
Выявление целевой аудитории
Мы определили каких людей должны привлечь на сайт. Сегментировали ЦА и составили ее портрет.
Разработка структуры сайта
На основе результатов исследования составили схему сайта, которая отражает иерархию разделов и взаимосвязь всех страниц.
Разработка прототипа
Создали упрощенное отображение страниц сайта со схематичным расположением информационных блоков, меню, кнопок, форм заявок и других элементов в соответствии с ТЗ.
Дизайн
После разработки прототипа продумали визуальное оформление страниц, чтобы сайт был не только красивым, но и удобным для пользователя.
Верстка и настройка
Собрали в формат HTML согласованные дизайн-макеты. Настроили сайт на CMS 1С-Битрикс.
Нужен похожий результат?
Созвонимся на 30–40 минут, зададим вопросы о задаче и подготовим предложение
