0 — 95000: как спортивному порталу увеличить посещаемость

Клиент 

Ural Super Leauge — профессиональный турнир по волейболу среди взрослых мужских команд в Екатеринбурге.

Шаг 1: разработка UX 

Самая важная возможность сайта — отображение матчей. Мы создали страницу с матч-центром, куда добавили календарь и статистику.  

На странице календаря пользователь может найти информацию о предстоящем или прошедшем матче в пару кликов, используя фильтрацию по командам, турнирам или месяцам. Мы использовали площадь страницы по максимуму и в одну строку вместили:

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

Статистика на сайте показывает количество игр команды или игрока, побед и поражений между игравшими ранее командами. Ее мы сделали в трех слоях:

1. общая — турнирная таблица, рейтинг игроков и команд;
2. в карточке матча — результаты сетов, блоки, ошибки, личные встречи команд;
3. динамика матча в реальном времени для быстрого понимания хода игры.

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

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

Если пользователь ищет что-то на сайте, то может искать среди категорий —  видео, игроки, матчи или новости. 

Качественный UX — когда забота о пользователе проявляется в каждой мелочи. 

Шаг 2: разработка UI

Каждый сайт нативно транслирует свои ценности, поэтому многие компании уделяют больше внимание визуалу. В дизайн-концепцию для Ural Super League мы заложили классическое противостояние команд, где одна команда красного цвета, другая — синего. Мы сделали мэш градиент, который символизирует гибкость и единство — команды соревнуются друг с другом, но не враждуют. Их объединяет Екатеринбург и любовь к волейболу.

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

Мы искали отличительную черту для Ural Super League. Для этого изучили зарубежные сайты и создали график динамики матча. Это когда текстовая трансляция превращается в динамичные линии — смотришь, и сразу понятно, кто лидирует. На тот момент аналогов на российском рынке не было.

Шаг 3: реализация на Битрикс  

Часто клиентам необходимо интегрировать сайт с различными внешними системами: CRM, платежными шлюзами, картами и т.д. Наш клиент привык проводить трансляции своих матчей через платформу vMix. Поэтому мы думали, как интегрировать vMix и CMS Bitrix, ведь готового решения для этого нет. В итоге мы разработали кастомный API. 

Про упрощение рутинных задач администратору

В Ural Super League в день проходит 40 матчей. На площадке ход игры меняется каждую секунду. Создать для пользователя эффект присутствия на матче получится, если вносить результаты примерно с такой же скоростью. А внести нужно каждое действие игрока, его имя, фамилию и команду. 

Данные вносит администратор, он же наблюдает за игрой. Мы создали панель и кнопки, на которых уже есть все необходимое — администратору не нужно ничего печатать во время матча. Из-за этого статистика во время трансляции обновляется почти молниеносно. 

Как мы это реализовали: разработчик написал модуль, который автоматически подгружает данные игроков во время трансляции в vMix. Администратору нужно просто создать матч между двумя командами и прописать состав игроков. 

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

Перед началом матча Ural Super League показывает зрителям состав игроков на игру. Бывает, что происходит замена за 5 минут до матча. В этом случае ручное создание обложек — большая проблема, от которой мы избавили клиента. Администратор просто меняет игрока, и баннер автоматически обновляется. 

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

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

Глобальные итоги нашей работы мы подвели через год, и увидели, что посещаемость ресурса за год выросла 0 до 95 000. Таким образом, продуманный UX и забота о пользователе сильно влияет на посещаемость ресурса и внимание к нему.