Ребрендинг дал нам новый набор элементов: цвета, шрифты, кавычки и паттерны. Их нам нужно было пересобрать в новую идентичность Спортса". За год мы достаточно притерлись к новым элементам, чтобы работать с ними нестандартно, гибко адаптировать их под потребности - как паттерн становится праздничной гирляндой.
Рассказывает Алина:
Мы превратили масштабный текстовый отчет о паттернах поведения болельщиков разных возрастов в увлекательное визуальное путешествие.
В основе — айдентика Спортса и Сигнала, дополненная яркой авторской графикой.
Ключевые решения:
Результат: сложное исследование стало легким, эмоциональным и запоминающимся, а визуальная подача обеспечила вовлечение аудитории с первых секунд.
Какие были задачи?
Как решал?
Как устроены анонсирующие картинки?
Все кадры для анонсов + все вырезанные для таблиц фотографии прогонял через Camera RAW для большей глубины и четкости изображений. Слегка ютубный вид побуждает кликнуть на объемную и контрастную картинку.
Иногда мы используем иллюстрации. Не стоковые, не сгенерированные, а нарисованные от руки. Это нужно, когда фото или коллаж не могут передать точную интонацию. Свобода в выборе сюжета и эмоций подкрепляется тем, что в иллюстрации мы сами выбираем манеру рисования. Такая картинка помимо литературного сюжета будет транслировать конкретный вайб.
Еще иллюстрация помогает объединить разношерстные сюжеты в один стиль. Так мы отрисовали плакат для партнеров, который пошел в новогоднюю рассылку. Иллюстрация с пачкой сигарет-игроков – фотоколлаж смотрелся бы слишком нелепо, в то время как иллюстрация подкрепила иронию в сюжете.
Нам важно уметь показывать то, что может существовать только в абстрактной плоскости. Например, к посту с вакансией продуктового дизайнера мы нарисовали выдуманных коллег – чтобы показать, что мы ищем «своего» человека. Фотография кого-то конкретного мешала бы восприятию. Стилистика нарочито небрежная, потому что наш вайб – расслабленность и открытость.
Иллюстрация – хороший способ, чтобы передать метафору или спрятать пасхалку. В картинке с хороводом футболистов можно разглядеть отсылку к «Танцу» Матисса. Такой ход дает больше глубины – и дофамина тем, кто все же находит дополнительные смыслы :)
Рисованные визуалы не только удобный инструмент, но и возможность творческого проявления, авторского высказывания. Это дает коммуникации дополнительную ценность и привлекает больше внимания к проектам.
Алина:
Мы переосмыслили тему «Великие спортивные рекорды» и создали коллекцию полиграфических открыток, объединенных фирменной айдентикой Спортса.
Ключевые решения:
Результат: открытки стали универсальным медиа-форматом — ярким сувениром и инструментом продвижения бренда, который легко масштабируется для digital и офлайн.
Марина:
«Три года нашего спорта в изоляции» – масштабное редакционное исследование об ограничениях, с которыми столкнулись российские команды и спортсмены.
Для презентации проекта был разработан уникальный стиль оформления материалов, отражающий общее настроение исследования и подсвечивающий важные моменты и проблематику ситуации. Основой для графики выступает темно-серый цвет, а акценты, перекликающиеся с цветами флага, подчеркивают значимость данных.
В оформлении использованы специально разработанные векторные иллюстрации спортсменов – они привлекают внимание к анонсирующим материалам об исследовании, а так же к оглавлению.
Материал включает различные форматы инфографики: диаграммы, таблицы с иконками видов спорта, флагами стран, логотипами турниров, и графики. Особое внимание уделялось их понятности, читабельности и гармоничному сочетанию друг с другом внутри проекта.
В результате нам удалось не только детально раскрыть важную тему исследования, но и сделать его визуально запоминающимся для читателей.
Алина:
Цель — создать веб- и мобильный лендинг, который увлекательно проведет пользователя через главные вехи пути к большому рекорду НХЛ.
Ключевые решения:
Результат: лендинг стал не просто историей рекорда, а эмоциональной хроникой, в которой пользователь проживает путь спортсмена в интерактивном формате.
Джерси Ран – благотворительный забег Спортса", в котором принимают участие как любители, так и опытные бегуны. Перед нами стояла задача создать такой дизайн, чтобы каждый сегмент ЦА заметил анонс и зарегистрировался на мероприятие.
Для анонса на аудиторию опытных бегунов мы изучили дизайн у других забегов и отстраивали свои макеты с этими ориентирами. А для аудитории болельщиков мы расставили акценты в макетах на дресс-коде мероприятия - возможности пробежать дистанцию в любимом джерси.
Важная часть проекта – физические носители и диджитал-баннеры. Мы забрендировали арки старта и финиша, используя только наш логотип и паттерн. Но даже с ограниченным набором элементов старались показать динамику – паттерн на арке напоминает пламя.
В дизайне медалей для участников забега остановились на варианте с наградой в форме джерси – прямая отсылка к названию мероприятия и оригинальная форма.
На арене были подбадривающие диджитал-баннеры и главный экран с названием забега - лаконичный дизайн, так как в приоритете была читаемость.
Я никогда в жизни не бегал – и попробовал на «Джерси-ране». Это супер!
Трибуна – блоговая площадка Спортса", где любой болельщик может опубликовать свой текст. Мы хотели подчеркнуть уникальность контента и при этом сохранить связь с айдентикой Спортса". Мы выяснили, что пользователям хочется понятных и лаконичных визуальных образов.
За ориентир мы взяли визуальные образы крафтовости. Мятая бумага – метафора творческого процесса, а дудлы – атрибут интенсивного обдумывания.
Мы разработали библиотеку дудлов – она состоит из понятных спортивных атрибутов и абстрактных фигур. Первая категория помогает пользователю быстрее считать основную задумку конкретного макета, а вторая – добавляет динамики.
Основные принципы коллажей: динамичные фото известных спортсменов в сочетании с реалистичными фактурами. Эффект живого коллажа – будто автор, собирая материалы, крепит все на общую доску.
Женя:
Изначально проект стартовал как рефакторинг: задача заключалась в переносе легаси-интерфейсов онлайнов на новую дизайн-систему. Однако в процессе я понял, что простое копирование старых решений невозможно — слишком многое морально устарело.
Задача превратилась в полноценный UX-проект. Я изучил пользовательские паттерны потребления спортивной статистики, проанализировал, как отличается восприятие в разных видах спорта, и предложил универсальные, масштабируемые решения.
Результат - новые блоки статистики, виджеты составов, переработанное отображение счета и трансляций. Решения были адаптированы под мобильные устройства и помогли устранить возможные баги верстки.
Одна из ключевых сложностей — разнообразие логики и данных в разных видах спорта. Но мне удалось создать действительно универсальный фреймворк.
Масштабируемые макеты можно использовать повторно, а новые паттерны стали основой для будущих онлайнов. Проект получил положительный фидбек и заметный рост ключевых метрик.
Сергей:
При создании лого у нас стояли 2 ключевых задачи.
Первая - максимальная интеграция в существующий бренд. Любой пользователь должен считывать преемственность Спортса" и Видеоспортса". Простое и запоминающееся решение - кавычки.
Вторая - создание дополнительной сущности: иконки или упрощенного лого. Мы придумали иконку "плэй" - внутренние начертания кнопки мы собрали из наших кавычек, добавили нестандартных скосов, при этом сохранив узнаваемость кнопки видеоплеера.
Дима (дизайн-дир):
Проект был собран инхаус-командой за один месяц - кратчайший срок для такой сложной задачи. Этому способствовало грамотное планирование, приоритизация, генерация идей, работа с концепциями и, конечно же, сильнейшая экспертиза дизайнеров.
«Форма» — это единый язык интерфейсов Спортса", включающий гайды по типографике, цветам, компонентам и паттернам взаимодействия. Эта система ускоряет разработку, повышает консистентность продуктов и улучшает пользовательский опыт. «Форма» также задает принципы адаптивности, облегчая масштабирование интерфейсов.
Присоединяйся к фанатам своего дела