NBA LIVE

NBA LIVE2026web development

задача

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

решение

Мы объединили трансляцию, живую аналитику и фанатское комьюнити в одном окне. Поверх эфира вывели аккуратный полупрозрачный сайдбар со счётом, таймером владения (Shot Clock), сравнением команд по ключевым метрикам и тепловой картой бросков (Zone Heatmap). Навигацию упаковали в лёгкие капсулы в углу экрана. В один клик зритель может открыть карточку игрока со статистикой сезона (дома и на выезде) или развернуть чистый чат матча с поддержкой голосовых сообщений. Фирменные синий и красный цвета НБА работают как мягкие световые акценты в тёмном матовом интерфейсе, не отвлекая от площадки.

результаты

Собрали цельный продуктовый концепт для Desktop и Mobile. Вся аналитика матча, профили игроков и живой чат доступны за 1 клик без переключения между вкладками и сторонними сайтами. Модульная дизайн-система спроектирована так, чтобы интерфейс не перекрывал саму игру и был готов к подключению реальных спортивных API в продакшене.