Разработка сайта для трансляции детско-юношеских соревнований
Задача
Необходимо было создать MVP-версию сайта для запуска онлайн-трансляций детско-юношеских турниров по хоккею за короткий срок. Работа над проектом будет продолжаться, планируется реализация большего функционала.
Решение
Для этих целей были предприняты следующие действия:
- Реализация сайта на 1C-Bitrix
- Адаптивная верстка на базе TypeScript
- Интеграция с реестром ФХР по API
- Адаптивная верстка под все современные экраны в диапазоне 320 — 4к
Реализация
Нашей командой была выполнена сложная интеграция с реестром ФХР. Проведена трудоемкая работа, чтобы обеспечить корректное выведение данных по турниру, матчам, составам команд, а также качественное отображение сводных таблиц. Выполнена настройка частичного и частого обновления данных. Благодаря этому турниры можно смотреть в режиме реального времени (онлайн).
Создана лента матчей, которая позволяет отслеживать прошедшие и ближайшие матчи на 3 дня. Содержит она краткую информацию о счете, времени, командах. Реализована возможность перехода на конкретный матч. При трансляции матча в режиме онлайн отображается соответствующий значок. Посмотреть же трансляцию может каждый пользователь.
Предусмотрена превью конкретных таблиц соревнований с краткой информацией о времени проведения и возрастной категории участников.
На ресурсе добавлен новостной раздел с тегами, который позволяет оперативно находить необходимую информацию.
Также на сайте есть фотоальбомы и трансляции прошедших матчей. Это позволяет игрокам, тренерам пересматривать игры, изучать особенности и стратегии игры, сохранить значимые моменты.
На странице матча демонстрируется актуальный счет и таймлайн. При наведении на шайбу можно узнать информацию о том, кто забил, в каком периоде, на какой минуте. Также можно увидеть протокол по матчу и трансляцию (если она идет онлайн).
В разделе турнира размещается таблица результатов, календарь, а также новости, фото, трансляции конкретного турнира.
Реализована функция переключения команд в рамках одного соревнования. С помощью этой функции можно быстро изучить состав команды.
На момент запуска ресурса у многих региональных команд не было логотипов, поэтому нашим дизайнерам необходимо было отрисовать их, чтобы сайт не был в “заглушках”, выглядел красочно и красиво. Всего было создано 10 стильных и качественных логотипов.
Реализован проект за 1,5 месяца вместо 4. Достичь такого результата нам удалось за счет грамотно выстроенной работы по Scrum.
Была создана удобная мобильная версия сайта, так как 85% пользователей посещают его с телефонов/планшетов.
Ресурс полностью оправдал свои ожидания. Об этом говорит статистика: посещение сайта во время турниров составляла более 6 000 посетителей в сутки.
За счет полноты и корректности данных, обновлялись которые в Real Time, любители хоккея могли смотреть матчи в отличном качестве, следить за актуальным счетом, видеть таймлайн матча, наблюдать за последними новостями. Кроме того, в тематических чатах пользователи отмечали сайт детско-юношеских соревнований, как самый корректный и удобный.
Веб-ресурс позволил привлечь внимание к детско-юношеским соревнованиями. При анализе спрос на него в октябре составлял 700 000, а вот в декабре эта цифра достигла 24 000 000 посетителей!