Дизайн-дневник Спортса”

Дизайн-дневник Спортса”

Стиль Спортса после ребрендинга
Лид коммуникационного дизайна – Алиса Ефремова
Коммуникационный дизайнер – Сергей Мышко

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

Исследование аудитории спорта
Продуктовый дизайнер – Алина Комиссарова

Рассказывает Алина:


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

В основе — айдентика Спортса и Сигнала, дополненная яркой авторской графикой.


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

  • Выразительная палитра, мгновенно притягивающая внимание.
  • Рубленные геометричные формы — символы разных глав.
  • Графические паттерны, основанные на фирменном стиле Спортса.
  • Плавные линии — метафора «путей болельщиков», создающая ритм повествования.
  • Живые ручные иллюстрации, интегрированные в цитаты, выводы и инфографику.

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


Как меняется аудитория спорта? Все о наших с вами привычках

Ежедневный трансферный дайджест
Редакционный дизайнер – Дима Письменский

Какие были задачи?

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

Как решал?

  • Обозначил надежность источника трехцветной системой шаров - понятный элемент, имеет небольшой визуальный вес, сразу вводит читателя в необходимый контекст, позволяет картинке существовать отдельно от текста;
  • Использовал стрелки как общепонятный символ трансферов;
  • Крупный герой справа от таблицы - динамичный кадр, вырезанный из фона. Вариативный элемент: может быть спрятан под таблицей, может заигрывать с содержанием.

Как устроены анонсирующие картинки?

  • Два главных героя текста с фотографиями разной крупности для динамики;
  • Интеграция разноцветных стрелок – отсылка к переходам игроков и надежности информации;
  • Хаотично расположенные зеленые шары – метафора разных позиций на поле.

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

Иллюстрации на Спортсе”
Коммуникационный дизайнер – Настя Иванова

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


Еще иллюстрация помогает объединить разношерстные сюжеты в один стиль. Так мы отрисовали плакат для партнеров, который пошел в новогоднюю рассылку. Иллюстрация с пачкой сигарет-игроков – фотоколлаж смотрелся бы слишком нелепо, в то время как иллюстрация подкрепила иронию в сюжете.


Нам важно уметь показывать то, что может существовать только в абстрактной плоскости. Например, к посту с вакансией продуктового дизайнера мы нарисовали выдуманных коллег – чтобы показать, что мы ищем «своего» человека. Фотография кого-то конкретного мешала бы восприятию. Стилистика нарочито небрежная, потому что наш вайб – расслабленность и открытость.


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


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

Открытки для партнеров
Продуктовый дизайнер – Алина Комиссарова

Алина:


Мы переосмыслили тему «Великие спортивные рекорды» и создали коллекцию полиграфических открыток, объединенных фирменной айдентикой Спортса.


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

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

Результат: открытки стали универсальным медиа-форматом — ярким сувениром и инструментом продвижения бренда, который легко масштабируется для digital и офлайн.

Обзор индустрии спорта в эпоху изоляции
Коммуникационный дизайнер – Марина Семенова

Марина:


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


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


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

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


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


Три года нашего спорта в изоляции. Большой обзор Спортса’‘

Продуктовый дизайнер – Алина Комиссарова

Алина:

Цель — создать веб- и мобильный лендинг, который увлекательно проведет пользователя через главные вехи пути к большому рекорду НХЛ.

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

  • Палитра в духе эмблемы «Washington Capitals» — эмоциональная связь с клубом.
  • Единая визуальная концепция глав, но с уникальной подачей каждой.
  • Динамичная и нестандартная композиция экранов.
  • Анимации заголовков, инфографики, текстов и переходов, усиливающие эффект присутствия.
  • Коллажный стиль с фото, видео и графикой для максимальной наглядности.

Результат: лендинг стал не просто историей рекорда, а эмоциональной хроникой, в которой пользователь проживает путь спортсмена в интерактивном формате.


Перейти на страницу спецпроекта

Джерси Ран
Коммуникационные дизайнеры – Настя Иванова, Сергей Мышко

Джерси Ран – благотворительный забег Спортса", в котором принимают участие как любители, так и опытные бегуны. Перед нами стояла задача создать такой дизайн, чтобы каждый сегмент ЦА заметил анонс и зарегистрировался на мероприятие.


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


Важная часть проекта – физические носители и диджитал-баннеры. Мы забрендировали арки старта и финиша, используя только наш логотип и паттерн. Но даже с ограниченным набором элементов старались показать динамику – паттерн на арке напоминает пламя.


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


На арене были подбадривающие диджитал-баннеры и главный экран с названием забега - лаконичный дизайн, так как в приоритете была читаемость.


Я никогда в жизни не бегал – и попробовал на «Джерси-ране». Это супер!

Айдентика и премия Трибуны
Коммуникационные дизайнеры – Настя Иванова, Сергей Мышко

Трибуна – блоговая площадка Спортса", где любой болельщик может опубликовать свой текст. Мы хотели подчеркнуть уникальность контента и при этом сохранить связь с айдентикой Спортса". Мы выяснили, что пользователям хочется понятных и лаконичных визуальных образов.


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


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


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

Онлайны
Продуктовый дизайнер – Женя Трапезников

Женя:


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


Задача превратилась в полноценный UX-проект. Я изучил пользовательские паттерны потребления спортивной статистики, проанализировал, как отличается восприятие в разных видах спорта, и предложил универсальные, масштабируемые решения.


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


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


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

видеоспортс”
Коммуникационный дизайнер – Сергей Мышко

Сергей:

При создании лого у нас стояли 2 ключевых задачи.


Первая - максимальная интеграция в существующий бренд. Любой пользователь должен считывать преемственность Спортса" и Видеоспортса". Простое и запоминающееся решение - кавычки.


Вторая - создание дополнительной сущности: иконки или упрощенного лого. Мы придумали иконку "плэй" - внутренние начертания кнопки мы собрали из наших кавычек, добавили нестандартных скосов, при этом сохранив узнаваемость кнопки видеоплеера.


Дима (дизайн-дир):


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


Перейти на ВидеоСпортс"

Дизайн-система Форма
Продуктовый дизайнер – Катя Гурьева

«Форма» — это единый язык интерфейсов Спортса", включающий гайды по типографике, цветам, компонентам и паттернам взаимодействия. Эта система ускоряет разработку, повышает консистентность продуктов и улучшает пользовательский опыт. «Форма» также задает принципы адаптивности, облегчая масштабирование интерфейсов.

Присоединяйся к фанатам своего дела