Sport&Bets — редизайн спортивного медиа

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

Логотип Sport&Bets на фоне футбольного стадиона

О проекте

Sport&Bets — спортивное медиа с ежедневным потоком новостей, прогнозами на матчи и тематическими разделами по популярным видам спорта. Пользователь может быстро перейти от общей новостной ленты к отдельному материалу, прогнозу или подборке по конкретному турниру.

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

Основная задача редизайна — сделать большой объём спортивного контента легче для восприятия, сократить визуальный шум и привести интерфейс к более современной и последовательной системе.

Клиент
Sport&Bets
Роль
UX/UI дизайн
Что делал
Редизайн сайта · UX/UI дизайн
Год
2021

Что нужно было улучшить

  1. Повысить читаемость материалов

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

  2. Упростить насыщенный интерфейс

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

  3. Развести разные типы контента

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

  4. Обновить визуальную систему

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

Ключевые решения

01

Читать без лишнего шума

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

Интерфейс материала должен выдерживать как короткие новости, так и более длинные публикации, не разваливаясь при разном объёме контента.

02

Больше данных, но та же понятная структура

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

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

Интерфейс сайта

Главная и разделы построены вокруг высокой плотности обновляемого контента: новости, прогнозы, спортивные категории и авторские материалы должны быстро сканироваться и не конкурировать между собой за внимание.

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

Результат

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

Sport&Bets продолжает развиваться и регулярно обновляется. Проект запущен, остаётся рабочим спортивным медиа и дорабатывается по мере появления новых задач и сценариев.

  1. Чище работа с контентом

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

  2. Разные сценарии для разных форматов

    Статьи и прогнозы получили собственную логику представления контента.

  3. Меньше визуального шума

    Второстепенные элементы перестали конкурировать с основными пользовательскими задачами.

  4. Система для развивающегося медиа

    Обновлённый интерфейс поддерживает большой поток публикаций и дальнейшее развитие продукта.

Другие проекты

Давайте разберём
вашу задачу

Расскажите коротко о проекте — посмотрю задачу и предложу, с чего лучше начать.

Это предварительная версия формы. Сообщения пока не отправляются.