ЗАДАЧА

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

Решение

  • Интеграция с базой FHR
  • Удобный поиск и фильтрация школ и организаций
  • Система поддоменов для каждого филиала
  • Возможность использовать в качестве шаблона для размещения контента
  • Разработка телеграмм бота
bg-image bg-image
context-image

01

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

context-image

02

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

context-image

03

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

context-image

04

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

context-image

05

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

context-image

06

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

context-image

07

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

Используется адаптивная верстка с дополнительной проработкой 2к и 4к разрешений.

phone-border phone-shadow
img
img
img

01

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

02

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

03

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

phone-border status-bar phone-shadow

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

Технологии использованные в этом проекте:

Front-end:
HTML5, CSS
image
image
Back-end:
PHP 8+, Bitrix
image
image

У вас похожая задача?

Рассчитаем для вас проект

Обсудить проект