____

Разработка сайта для трансляции детско-юношеских соревнований

Направление:
Тип проекта:
Отрасль:

Задача

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

Решение

Для этих целей были предприняты следующие действия:

  • Реализация сайта на 1C-Bitrix 
  • Адаптивная верстка на базе TypeScript
  • Интеграция с реестром ФХР по API
  • Адаптивная верстка под все современные экраны в диапазоне 320 — 4к 

Реализация

Нашей командой была выполнена сложная интеграция с реестром ФХР.  Проведена трудоемкая работа, чтобы обеспечить корректное выведение данных по турниру, матчам, составам команд, а также качественное отображение  сводных таблиц. Выполнена настройка частичного и частого обновления данных. Благодаря этому турниры можно смотреть в режиме реального времени (онлайн).

Настройка частичного и частого обновления данных

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

При трансляции матча в режиме онлайн отображается соответствующий значок

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

Превью конкретных таблиц соревнований с краткой информацией

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

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

Фотоальбомы и трансляции прошедших матчей

На странице матча демонстрируется актуальный счет и таймлайн. При наведении на шайбу можно узнать информацию о том, кто забил, в каком периоде, на какой минуте. Также можно увидеть протокол по матчу и трансляцию (если она идет онлайн).

Актуальный счет и таймлайн

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

Меню турнира

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

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

Логотипы спортивных команд

Реализован проект за 1,5 месяца вместо 4. Достичь такого результата нам удалось за счет грамотно выстроенной работы по Scrum.

Была создана удобная мобильная версия сайта, так как  85% пользователей посещают его с телефонов/планшетов.

Ресурс полностью оправдал свои ожидания. Об этом говорит статистика: посещение сайта во время турниров составляла более 6 000 посетителей в сутки. 

За счет полноты и корректности данных, обновлялись которые в Real Time, любители хоккея могли смотреть матчи  в отличном качестве, следить за актуальным счетом, видеть таймлайн матча, наблюдать за последними новостями. Кроме того, в тематических чатах пользователи отмечали сайт детско-юношеских соревнований, как самый корректный и удобный. 

Веб-ресурс позволил привлечь внимание к детско-юношеским соревнованиями. При анализе спрос на него  в октябре составлял 700 000, а вот в декабре эта цифра достигла 24 000 000 посетителей!

Следующий проект