Дизайн

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

Сопровождение

Спорт

Фронт-энд

Функционал

Кейс по разработке сайта для ФК «Космос»

ФК «Космос» — профессиональный футбольный клуб из города Долгопрудный. Выступает в ФНЛ-2.

  • Клиент

    Футбольный клуб «Космос»

  • Год

    2021

Задача

К нам обратилось руководство клуба с предложением поучаствовать в тендере на разработку нового сайта футбольного клуба «Космос».

Наше предложение

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

Предлагаемый подход был принят руководством клуба и нашу компанию выбрали в качестве подрядчика на данный проект.

Проектирование футбольного сайта

Структура сайта была проанализированы и перегруппирована наиболее удобным образом.

  • fk-od-structure1
  • fk-od-structure2
  • fk-od-structure3
  • fk-od-structure4
  • fk-od-structure5
  • fk-od-structure6

Дизайн футбольного сайта

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

Было принято решение использовать простые формы с акцентом на фото и данные, так называемый «плоский» дизайн.

fk-od-design1 fk-od-design2

Индивидуальные профайлы игроков

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

Для действующих игроков приведена подробная статистика выступлений, биография, достижения.

fk-od-player-profile1 fk-od-player-profile2 fk-od-player-profile3

Результаты и календарь
матчей

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

Появился фильтр с возможностью выбора сезона, основного или резервного состава и турнира.

Переключатель позволяет переключаться между сыгранными и будущими матчами без перезагрузки страницы.

fk-od-match-calendar2fk-od-match-calendar1

Виджеты статистики

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

fk-od-statistic-widgets2fk-od-statistic-widgets2

Можно воспользоваться фильтром и отсортировать выдачу альбомов по сезонам и категориям.

Фотоальбомы

Реализована возможность привязки конкретной фотогалереи и видео к конкретному матчу в матч-центре.

grid-block3

Интеграция постов из соцсетей

В общую ленту на сайте автоматически подтягиваются посты инстаграм и твиттер.

@odfcru

  • fk-od-integration1
  • fk-od-integration2
  • fk-od-integration3
  • fk-od-integration4

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

Совместно с руководителями клуба мы разделили всю историю клуба на периоды и реализовали раздел, повествующий о каждом из них.

Интересные архивные кадры снабжены описанием значимой эпохи.

fk-od-club-history1 fk-od-club-history2

Мобильная версия

Все страницы и функционал сайта в полном объёме доступны в мобильной версии сайта.

  • fk-od-mobile-version1
  • fk-od-mobile-version2
  • fk-od-mobile-version3
  • fk-od-mobile-version4
  • fk-od-mobile-version5
  • fk-od-mobile-version6

Создание функционала для футбольного сайта

Матч-центр

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

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

Составы команд, и судейская бригада

Место проведения, погодные условия, количество зрителей

Текстовая трансляция матча

Подробная статистика (голы, замены, нарушения)

fk-od-function-pic

Тайм-лайн с хронологией основных событий

Прямая видео трансляция

Реализована возможность встройки на страницу сайта виджета трансляции из ВК или Youtube.

fk-od-broadcasting1 fk-od-broadcasting2

Опросы для болельщиков

В данном разделе можно проголосовать за предложенные варианты. Мы реализовали несколько видов голосования:

— оценки игрокам матча (от 1 до 10)

— лучший игрок месяца

— лучший гол месяца

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

Лучший игрок сезона определяется автоматически по сумме оценок за все матчи сезона.

Система управления спортивным сайтом

Движок создан специально для спорта и позволяет вам управлять:

  • 1

    Административная панель

    Внутренняя логика разделов была упрощена для удобства редактирования и наполнения контентом (обработка и загрузка фото игроков, руководства, сотрудников).

    Для раздела опросов реализован автоматический подсчёт результатов голосования с суммированием итогов по турам.

  • 2

    Контроль посещаемости

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

SportPress

Готовы к любому спортивному вызову

+ Бонус

Перенос архива новостей со старого сайта

Бонусом к основному объёму работ нами был произведён автоматизированный перенос накопившихся за последние 5 лет архивных материалов с предыдущего сайта.

  • +

    Фотоальбомов

  • Новостных записей

Отзыв о проекте

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

    Команда 2Dit взяла на себя всю основную часть проекта – дизайн и функционал, при этом учла как брендбук, так и пожелания пресс-службы, которая и работает с сайтом каждый день. Подготовительная работа была проведена максимально оперативно, при этом каждую неделю мы встречались с ними онлайн для обсуждения текущих задач и их корректировки.

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

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

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

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

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

    Камила Михалева-Искакова

    Руководитель пресс-службы ФК «Космос»

Заказать услугу по созданию спортивного сайта

  • профессиональные спортивные команды и турниры

  • спортивные клубы и федерации

  • стадионы и спортивные комплексы

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

Какие технологии используем:

  • html5
  • css3
  • php
  • 3D
  • Кейс

    Сайт мини-футбольного клуба

  • Кейс

    Сайт спортивного комплекса "G-Drive Арена"