В 2022 году к нам обратился футбольный клуб «Спартак» Кострома: перед началом нового сезона он получил профессиональный статус — и руководители клуба решили сфокусироваться на его продвижении.
Основным каналом продвижения, который поможет вывести клуб во Второй лиге на более высокие позиции, должен был стать сайт.
PR-команда уже пробовала создать на конструкторе Тильды. Это хорошее решение, когда нужно быстро запустить простой лендинг или небольшой сайт без особых навыков в дизайне. Но заказчик планировал разработать многостраничный сайт и подключать к нему дополнительные сервисы. К тому же, на Тильде сложно реализовать нестандартные дизайнерские решения, а сайт из-за них начинает слишком много весить и долго прогружаться. Даже для разработки такого сайта на конструкторе нужна помощь дизайнеров и разработчиков.
Заказчик решил, что для проекта нужна профессиональная команда — и предложил разработать сайт нам. Задачи сформулировали так: у сайта имиджевая задача, поэтому он должен выглядеть современно и ярко. Еще было важно сделать его удобным для пользователей любого возраста.
Итоговая структура предполагала несколько разделов:
Команда — с фотографиями и описанием каждого игрока;
История клуба;
Расписание матчей;
Информация о стадионе;
Интернет-магазин, где можно купить мерч или оформить карту болельщика;
Контакты для партнеров и пресс-служб спортивных организаций.
Нам было интересно заняться таким проектом. Мы разрабатывали сайты для разных клиентов, но для футбольного клуба — впервые.
Запуститься хотели быстро, поэтому разбили проект на два релиза:
Выявили частые проблемы сайтов футбольных клубов:
Недостаток сайтов иностранных клубов — устаревший дизайн. Они выглядят архаично, много лишней информации.
У российских сайтов другая проблема — большинство перегружено баннерами. В итоге 30% сайта — контент, а 70% — это реклама развлекательных мероприятий и приглашение заглянуть в магазин.
Всего мы проанализировали 30 сайтов разных клубов. Выбрали три примера, на которые дальше ориентировались: Manchester United, Real Madrid и Juventus. По дизайну и структуре нам больше всего понравился сайт Juventus — понятная иерархия материалов, контент по делу, яркий дизайн.
Есть два способа разработать сайт: взять готовую CMS вроде WordPress и дополнить ее плагинами — или разработать все с нуля. Мы выбрали второй путь — сайт еще будет развиваться, а у готовых решений есть ограничения.
Веб-версию разработали с помощью фреймворков React и PHP Laravel, в части БД использовали PostgreSQL. В мобильной версии — React Native.
Для контент-менеджеров сайта мы разработали веб-кабинет, чтобы ребята могли сами менять данные. Например, загрузить фото игрока и добавить к нему описание. Или в разделе «О стадионе» поменять адрес и количество мест.
Все выбранные технологии позволяют сделать сайт адаптивным — не нужно ломать голову, как поступить, чтобы все работало одинаково на всех устройствах. Макеты мы проработали таким образом, чтобы разработчикам было легко все сверстать — и в итоге получилось именно так, как задумали дизайнеры.
Мы столкнулись с небольшими проблемами на этапе подготовки и в процессе разработки: со стороны футбольного клуба не было сотрудников, которые сформулировали бы для нас техническое задание. Поэтому мы подключали к проекту своих аналитиков — именно они общались с заказчиком и потом формулировали бизнес-требования и спецификацию на разработку ПО. Чтобы создать подробное ТЗ и подобрать стек технологий для проекта, у нас ушел примерно месяц.
В 2023 году приступим ко второй части проекта — будем разрабатывать магазин с сувенирами, подключать к нему платежные шлюзы и систему регистрации болельщиков.
Чтобы презентовать и согласовать проект, мы подготовили анимированные прототипы и показали скролл-механики с параллаксовыми эффектами. Так заказчик увидел сайт в максимально реалистичном режиме.