Jestei Pool

Арт-директор

2024–2026

Jestei Pool

Сформировал новый визуальный язык музыкального сервиса, разработал UX/UI-стратегию ключевых продуктов и два с половиной года руководил командой дизайнеров.

Оптимизация дизайн-процессов

На главной Jestei Pool баннеры рассказывают о новых релизах и обновлениях. Заменил стоковые фотографии генеративными изображениями и переработал адаптивный компонент. Стоимость производства баннеров сократилась в 2,5 раза. Добавил персонализацию по интересам: пользователи видят обновления только тех разделов, которые им интересны. Для регулярных рубрик разработал отдельные визуальные системы.

Экономичная персонализация главной страницы Jestei Pool. Здесь пользователи видят баннеры о свежих обновлениях контента. Я заменил стоковые фотографии генеративными изображениями и переработал адаптивный компонент: для каждой рубрики теперь делаю два макета вместо пяти. Я также ввёл показ по интересам пользователя. Например, клубные диджеи, которые не заходят в Event, больше не видят его обновления. Для регулярных рубрик разработал свои визуальные концепции, поэтому креативы стали последовательными и узнаваемыми.

Ребрендинг сервиса

Провёл ребрендинг Jestei Pool: переработал логотип, обновил типографику и связал цвет с продуктовой навигацией. Новая айдентика стала частью интерфейса и дизайн-системы.

Загружается интерактивная цветовая система Jestei Pool
NeutralBasicEventProFeature
  • Neutral

    Neutral

     

    neutral
    #000000
    dark
    #3C3C3C
    mid
    #969696
    light
    #E4E4E4
  • Basic

    Basic

    Для клубных диджеев. Основной цвет ленты треков и клубного контента.

    basic
    #F08000
    dark
    #814705
    mid
    #EAA556
    light
    #D3B087
  • Event

    Event

    Для ивент-диджеев. Отмечает подборки и инструменты для свадеб, корпоративов и частных мероприятий.

    event
    #D0E232
    dark
    #788318
    mid
    #D7E087
    light
    #CDD2A2
  • Pro

    Pro

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

    pro
    #147AFF
    dark
    #064494
    mid
    #78ABEE
    light
    #9AB5DA
  • Feature

    Feature

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

    feature
    #B19FE9
    dark
    #4D2EAD
    mid
    #A695DB
    light
    #E0DCEC

Создал новый логотип и логобук.

Схема построения знака.

Связал цвет с продуктовой навигацией. Оранжевый обозначает клубный продукт, зелёный — Event, синий — Pro. Для новых функций добавили отдельный цвет.

Обновлённая цветовая палитра бренда.

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

Структура логотипа.

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

Фрагмент дизайн-системы с логотипом.

Добавил Druk Wide для крупных заголовков и промоматериалов. Интерфейсный текст оставили на основном шрифте.

Новый акцидентный шрифт бренда — Druk Wide.

Выделили три основные аудитории: клубных диджеев, ивент-диджеев и саунд-продюсеров. Для каждой я настроил свои предложения, навигацию и коммуникацию.

Разделили аудиторию на клубных диджеев, ивент-диджеев и саунд-продюсеров.

Новые инструменты

Сгруппировал плейлисты и добавил к ним заголовки и описания. Вместе с редактором и диджеями описали более 200 плейлистов и все жанры сервиса. Для каждой группы сделал свою систему обложек вместо стоковых изображений.

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

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

Сгруппировал плейлисты и добавил к ним заголовки и описания. Вместе с редактором и диджеями описали более 200 плейлистов и все жанры сервиса. Для каждой группы сделал свою систему обложек вместо стоковых изображений.

Страница с подборкой плейлистов Jestei Pool.

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

Страница динамического плейлиста с лентой треков.

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

Промосекция с тарифами.

Коммуникационная платформа

Собрал коммуникационную платформу Jestei Pool: tone of voice, терминологию, правила UX-текстов и редакционной работы.

Первый экран редполитики Jestei Pool

Редполитика Jestei Pool.

Правила коммуникации, терминологии и интерфейсных текстов.

Почитать Скачать

Развитие продукта

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

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

Создал виджеты для выбора подходящего тарифа и встроил смену тарифа в интерфейс.

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

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

Анимированная секция лендинга для клубных диджеев.

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

Бенто-грид «Главное в Event».

Создал виджеты для выбора подходящего тарифа и встроил смену тарифа в интерфейс.

Промовиджет апгрейда тарифа.

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

Подборки плейлистов и коллекций.

Интерактивный плеер для Instagram-постов.

Интерактивный плеер для Instagram-постов.

Интерактивный плеер для Instagram-постов.

Интерактивный плеер для Instagram-постов.

Интерактивный плеер для Instagram-постов.

Интерактивный плеер для Instagram-постов.

Новая система лендингов

К 2025 году Jestei Pool вырос, и одного лендинга стало мало: появились новые инструменты, а Event стал отдельным направлением. Для разных аудиторий сделал два лендинга из общей системы промомодулей. Каждый собрал под свои продуктовые и рекламные задачи.

Вместо одного общего лендинга запустили два. Каждый собрали из промомодулей под разные рекламные задачи и продуктовые сценарии.

Лендинги Jestei Pool. К 2025 году сервис вырос: появились новые инструменты и сценарии, а Event стал отдельным направлением. Один лендинг уже не мог точно обращаться к разным аудиториям. Поэтому запустил два и собрал каждый из промомодулей под свои рекламные задачи.

22Новый интерфейс фильтрации треков.

Изображение до изменений
Изображение после изменений
До После

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

Новый подход к дизайну

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

Ежемесячный баннер об обновлении плейлиста Censored. Для регулярных рубрик подбирал общий набор метафор и идей.

Обложка плейлиста с советской электроникой. Перешёл от сырого стокового контента к собственному дизайну для каждой обложки.

Обложка техно-плейлиста. Для части плейлистов делал минималистичные обложки.

Обложка обновляемого плейлиста «Цензура» с треками без мата. Для таких плейлистов я выбирал одну метафору и строил вокруг неё серию обложек. Рубрика оставалась узнаваемой, а новые выпуски не повторяли друг друга.

Обложка регулярно обновляемого кураторского плейлиста Russian Transition с треками без мата. Диджеи редко проводят профессиональные съёмки. Поэтому я использовал нейросети, геометрические паттерны и простые приёмы обработки. Так я мог регулярно выпускать яркие обложки без отдельной фотосъёмки.

Обложка коллекции треков-отбивок для ивент-диджеев.

Обложка для коллекции плейлистов с треками для спортивных мероприятий. Для коллекций я использовал коллажи, чтобы показать вложенность. В коллекции «Спорт» есть плейлисты про хоккей, футбол и бокс. Поэтому на обложке появились клюшка, футбольные ворота и боксёрские перчатки.

Обложка плейлиста для ивент-диджеев к 1 сентября.

Обложка новогоднего плейлиста «Русская эстрада» для ивент-диджеев. Для сезонных коллекций разрабатывал отдельные цветовые и стилистические решения. Новогоднюю серию Event построил вокруг странных советских ёлочных игрушек.

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

Баннер об обновлении регулярной рубрики «Эксклюзивные эдиты».