Арт-директор
2024–2026
Я сформировал новый визуальный язык главного российского диджейского пула, разработал UX/UI-стратегию для core-продуктов и руководил всей командой дизайнеров проекта в течение двух с половиной лет.
01 Креатив для ежемесячной рубрики «Лучшие треки месяца». В 2025 году одной из задач было привлечь молодых диджеев и изменить их отношение к сервису. Поэтому мы омолодили визуальные образы диджеев в коммуникации и стали активнее добавлять музыку, популярную у аудитории 18–30 лет.
Главная страница
На главной странице сервиса пользователям показываются баннеры о свежих обновлениях контента. Мы полностью перестроили процесс создания баннеров, внедрили нейросети для генерации изображений вместо использования фотографий со стоков, переработали адаптивность компонента, сократив количество разрабатываемых баннеров для каждой рубрики с пяти до двух, перешли к таргетированному показу баннеров, подходящих конкретному пользователю — например, мы перестали показывать все баннеры об обновлениях в ивент-разделе клубным диджеям, которые не заходят в раздел ивент и не пытаются взаимодействовать с ним, и разработали концепции для рубрик, благодаря чему креативы стали последовательными и узнаваемыми.
02 Главная страница Jestei Pool. На главной странице сервиса пользователям показываются баннеры о свежих обновлениях контента. Мы полностью перестроили процесс создания баннеров, внедрили нейросети для генерации изображений вместо использования фотографий со стоков, переработали адаптивность компонента, сократив количество разрабатываемых баннеров для каждой рубрики с пяти до двух, перешли к таргетированному показу баннеров, подходящих конкретному пользователю — например, мы перестали показывать все баннеры об обновлениях в ивент-разделе клубным диджеям, которые не заходят в раздел ивент и не пытаются взаимодействовать с ним, и разработали концепции для рубрик, благодаря чему креативы стали последовательными и узнаваемыми.
Айдентика / бренд-система
Мы разделили аудиторию на три группы: клубных диджеев, ивент-диджеев и саунд-продюсеров. Это позволило точнее собирать продуктовые предложения, навигацию и коммуникацию под разные сценарии работы с сервисом.
Мы сохранили узнаваемый шильд Jestei Pool, но заново описали его геометрию и правила построения, чтобы знак одинаково стабильно работал в интерфейсе, айдентике и промоматериалах.
03 Подробная схема построения шильда
Цвет перестал быть декоративным акцентом и стал частью продуктовой навигации: для разных направлений сервиса мы собрали отдельные цветовые профили и зафиксировали их в общей палитре бренда.
04 Обновленная цветовая палитра бренда
Мы описали структуру полной и сокращённой версий логотипа, соотношение знака и шрифтовой части и правила их использования, чтобы логотип можно было последовательно применять в разных форматах.
05 Подробная схема о структуре логотипа
Логотип встроили в дизайн-систему и связали с типографикой, цветами и интерфейсными правилами, чтобы айдентика не существовала отдельно от продукта, а работала внутри него как часть одной системы.
06 Фрагмент дизайн системы с логотипом
В качестве акцидентного шрифта бренда мы добавили Druk Wide и использовали его в крупных заголовках и промокоммуникации, сохранив основной интерфейсный шрифт для функционального текста.
07 Новый акцидентный шрифт бренда — Druk Wide
Мы разделили аудиторию на три группы: клубных диджеев, ивент-диджеев и саунд-продюсеров. Это позволило точнее собирать продуктовые предложения, навигацию и коммуникацию под разные сценарии работы с сервисом.
08 разделили аудиторию на три группы: "клубные диджеи", "ивент диджеи" и "саунд-продюсеры"
Интерфейс Jestei Pool
Мы начали группировать плейлисты и сопровождать их описаниями и заголовками, наняли редактора и вместе с ним и диджеями, которые создают плейлисты, описали более 200 плейлистов на сайте, рассказали о каждом из жанров и собрали для каждой группы плейлистов свой визуальный код, вместо того чтобы использовать однообразные стоковые картинки для их обложек.
Мы разработали алгоритмические плейлисты, которые автоматически собирают самые популярные треки по жанру или части мероприятия, которые пользователь ещё не слышал. Например, 10 незнакомых, но популярных треков для праймтайма или афтерпати.
Мы полностью переделали сценарий покупки подписки, описали разницу между тарифами, разделили тарифы для разных сегментов при помощи цветовых профилей.
Мы начали группировать плейлисты и сопровождать их описаниями и заголовками, наняли редактора и вместе с ним и диджеями, которые создают плейлисты, описали более 200 плейлистов на сайте, рассказали о каждом из жанров и собрали для каждой группы плейлистов свой визуальный код, вместо того чтобы использовать однообразные стоковые картинки для их обложек.
09 Страница с подборкой плейлистов Jestei Pool.
Мы разработали алгоритмические плейлисты, которые автоматически собирают самые популярные треки по жанру или части мероприятия, которые пользователь ещё не слышал. Например, 10 незнакомых, но популярных треков для праймтайма или афтерпати.
10 Страница динамического плейлиста с лентой треков.
Мы полностью переделали сценарий покупки подписки, описали разницу между тарифами, разделили тарифы для разных сегментов при помощи цветовых профилей.
11 Промосекция с тарифами.
Редполитика
Собрали единые правила для tone of voice, терминологии, UX-writing, интерфейсных текстов и редакционной работы Jestei Pool.
36 Редполитика Jestei Pool.
Event / лендинги / подборки
Для лендинга мы начали активно использовать canvas-анимации и интерактивные виджеты. В лендинге мы стали показывать ленту с подборками треков, сразу знакомящую пользователя с интерфейсом и инструментами сервиса, показали плейлисты и рассказали о музыкальных жанрах, которые представлены на сервисе. Для анимированных секций лендинга для клубных диджеев мы использовали мою библиотеку анимаций Moves Awful.
Ивент-диджеинг построен на сезонности, поэтому можно предсказать, какие коллекции плейлистов востребованы в данный момент. Мы провели исследование и выяснили, какие плейлисты наиболее востребованы у ивент-диджеев, перестроили навигацию в новом разделе, разделили сезонную музыку и музыку, которая нужна всегда, и выстроили порядок плейлистов так, чтобы самое главное всегда было под рукой.
Мы создали виджеты с предложениями апгрейда подписки, чтобы стимулировать пользователя приобрести подписку следующего уровня.
Мы изменили подход к группировке плейлистов и визуально разделили плейлисты и коллекции плейлистов, добавили подсказки и описания к группам плейлистов и перешли от использования стоковых картинок в обложках к дизайнерским обложкам.
Для лендинга мы начали активно использовать canvas-анимации и интерактивные виджеты. В лендинге мы стали показывать ленту с подборками треков, сразу знакомящую пользователя с интерфейсом и инструментами сервиса, показали плейлисты и рассказали о музыкальных жанрах, которые представлены на сервисе. Для анимированных секций лендинга для клубных диджеев мы использовали мою библиотеку анимаций Moves Awful.
35Анимированная секция лендинга для клубных диджеев.
Ивент-диджеинг построен на сезонности, поэтому можно предсказать, какие коллекции плейлистов востребованы в данный момент. Мы провели исследование и выяснили, какие плейлисты наиболее востребованы у ивент-диджеев, перестроили навигацию в новом разделе, разделили сезонную музыку и музыку, которая нужна всегда, и выстроили порядок плейлистов так, чтобы самое главное всегда было под рукой.
12 Бенто-грид «Главное в Event».
Мы создали виджеты с предложениями апгрейда подписки, чтобы стимулировать пользователя приобрести подписку следующего уровня.
13 Промовиджет апгрейда тарифа.
Мы изменили подход к группировке плейлистов и визуально разделили плейлисты и коллекции плейлистов, добавили подсказки и описания к группам плейлистов и перешли от использования стоковых картинок в обложках к дизайнерским обложкам.
14 Подборки плейлистов и коллекций.
15 Интерактивный плеер для инстаграм-постов.
16 Интерактивный плеер для инстаграм-постов.
17 Интерактивный плеер для инстаграм-постов.
18 Интерактивный плеер для инстаграм-постов.
19 Интерактивный плеер для инстаграм-постов.
20 Интерактивный плеер для инстаграм-постов.
Лендинги
К 2025 году один общий лендинг уже не отражал устройство сервиса: появилось много новых инструментов,сценариев и была занята новая ниша — мы начали работать с музыкой для ивент-диджеев. Мы начали активно работать с таргетированный рекламой и единый лендинг перестал эффективно работать как рекламный инструмент: он не описывал всю продуктовую линейку сервиса и не позволял делать точечные рекламные предложения. Поэтому мы запустили систему из двух лендингов,каждый из которых состоит из набора промомодулей, каждый из которых решал свою рекламную цель.
Вместо одного общего лендинга запустили два. Каждый собрали из промомодулей под разные рекламные задачи и продуктовые сценарии.
21 Лендинги Jestei Pool. К 2025 году один общий лендинг уже не отражал устройство сервиса: появилось много новых инструментов,сценариев и была занята новая ниша — мы начали работать с музыкой для ивент-диджеев. Мы начали активно работать с таргетированный рекламой и единый лендинг перестал эффективно работать как рекламный инструмент: он не описывал всю продуктовую линейку сервиса и не позволял делать точечные рекламные предложения. Поэтому мы запустили систему из двух лендингов,каждый из которых состоит из набора промомодулей, каждый из которых решал свою рекламную цель.
22Новый дизайн системы фильтрации треков.
23 Новый дизайн тарифов. Мы полностью переделали сценарий покупки подписки, описали разницу между тарифами, разделили тарифы для разных сегментов при помощи цветовых профилей.
Промокоммуникация
Для плейлистов, регулярных рубрик и сезонных подборок мы отказались от однообразного стокового контента и собрали собственный визуальный язык: использовали устойчивые метафоры, коллажи, иллюстрации, нейросети и отдельные стилистические решения для разных сценариев.
24 Ежемесячный баннер об обновлении плейлиста Censored. Для регулярных рубрик мы подбирали общий набор метафор и идей.
25 Обложка плейлиста с советской электроникой. Мы перешли от использования сырого стокового контента к созданию собственного дизайна для каждой обложки.
26 Обложка плейлиста техно. Для некоторых плейлистов мы создавали минималистичные обложки.
27 Обложка обновляемого плейлиста «Цензура» с треками без мата. Для регулярно обновляемых плейлистов мы придумывали метафоры, вокруг которых выстраивали дизайн. Благодаря этому рубрика оставалась узнаваемой, но обложки всегда выглядели свежими.
28 Обложка регулярно обновляемого кураторского плейлиста Russian Transition с треками без мата. Диджеи редко проводят профессиональные съёмки, и, чтобы обложки всегда выглядели бодрыми и яркими, мы использовали нейросети, геометрические паттерны и быстро реализуемые приёмы для обработки и декорирования обложек.
29 Обложка коллекции треков-отбивок для ивент-диджеев.
30 Обложка для коллекции плейлистов с треками для спортивных мероприятий. Для коллекций мы стали использовать коллажи, чтобы подчеркнуть вложенность. Например, в коллекции «Спорт» — плейлисты про хоккей, футбол и бокс, поэтому в коллаже появились клюшка, футбольные ворота и боксёрские перчатки.
31 Обложка плейлиста для ивент-диджеев к 1 сентября.
32 Обложка для новогоднего плейлиста «Русская эстрада» для ивент-диджеев. Для сезонных коллекций плейлистов мы стали разрабатывать отдельные цветовые и стилистические решения. Например, вся серия новогодних обложек для ивента строилась вокруг странных советских ёлочных игрушек.
33 Обложка для поста с советами о том, как диджею готовиться к саундчеку. После ребрендинга мы начали рисовать небрежные иллюстрации и использовать метафоры, чтобы привлекать внимание и выстраивать эмоциональную связь с подписчиками.
34 Баннер об обновлении регулярной рубрики «Эксклюзивные эдиты».
