о компании
портфолио
ФК «Спартак» Кострома
От блога на Тильде — до полноценного сайта: новое лицо ФК «Спартак» Кострома
С нуля разработали сайт для футбольной команды, не опираясь на примеры большинства клубов.

В 2022 году к нам обратился футбольный клуб «Спартак» Кострома: перед началом нового сезона он получил профессиональный статус — и руководители клуба решили сфокусироваться на его продвижении.

задача
Cделать имиджевый сайт для футбольного клуба

Основным каналом продвижения, который поможет вывести клуб во Второй лиге на более высокие позиции, должен был стать сайт.

Главные функции будущего ресурса:
1
Познакомить болельщиков с командой;
2
Дать актуальное расписание матчей;
3
Привлечь партнеров и спортивные организации;
4
Продавать сувениры с символикой команды.

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

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

Итоговая структура предполагала несколько разделов:

Команда — с фотографиями и описанием каждого игрока;

-

История клуба;

-

Расписание матчей;

-

Информация о стадионе;

-

Интернет-магазин, где можно купить мерч или оформить карту болельщика;

-

Контакты для партнеров и пресс-служб спортивных организаций.

-

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

решение
Разработать сайт с нуля,
используя проверенный стек технологий

Запуститься хотели быстро, поэтому разбили проект на два релиза:

1
Базовая версия сайта с общими разделами — о команде, клубе и стадионе. На подготовку макетов и анализ — 1,5 месяца; на разработку — 2 месяца; на тестирование — 3 недели.
2
Доработка сложных разделов — магазина и оформления карты болельщика.
этап №1.
Проанализировали сайты других футбольных клубов
Мы провели исследование — посмотрели разные сайты российских футбольных команд и европейских клубов. Были уверены, что так соберем много удачных примеров. На деле все оказалось иначе.

Выявили частые проблемы сайтов футбольных клубов:

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

-

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

-

Всего мы проанализировали 30 сайтов разных клубов. Выбрали три примера, на которые дальше ориентировались: Manchester United, Real Madrid и Juventus. По дизайну и структуре нам больше всего понравился сайт Juventus — понятная иерархия материалов, контент по делу, яркий дизайн.

этап №2.
Разработали MVP — базовую версию сайта

Есть два способа разработать сайт: взять готовую CMS вроде WordPress и дополнить ее плагинами — или разработать все с нуля. Мы выбрали второй путь — сайт еще будет развиваться, а у готовых решений есть ограничения.

Веб-версию разработали с помощью фреймворков React и PHP Laravel, в части БД использовали PostgreSQL. В мобильной версии — React Native.

Для контент-менеджеров сайта мы разработали веб-кабинет, чтобы ребята могли сами менять данные. Например, загрузить фото игрока и добавить к нему описание. Или в разделе «О стадионе» поменять адрес и количество мест.

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

— Александр Кудинов, арт-директор компании НЕОТЕХ

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

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

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

Чтобы презентовать и согласовать проект, мы подготовили анимированные прототипы и показали скролл-механики с параллаксовыми эффектами. Так заказчик увидел сайт в максимально реалистичном режиме.

Если вам нужен сайт под ключ, приходите в Неотех — мы работаем не только с футболистами :)
пусть ваш проект будет следующим
Оставьте заявку — и мы свяжемся с вами, чтобы обсудить проект