Как я сделала редизайн главной страницы VK Музыки и получила 750 000 рублей
В финале ArtMasters 2024 я переосмыслила логику главной страницы VK Музыки на десктопе. Исследование показало, что пользователи редко исследуют длинную витрину контента, поэтому я предложила концепцию одноэкранного кастомизируемого дашборда с акцентным плеером и управляемыми рекомендациями. Проект занял 1 место.
Компания
VK Музыка
Направление
B2C
Тип
Web
Год
2024
Что за конкурс
В 2024 году я заняла 1 место в направлении UI/UX-дизайна на национальном чемпионате творческих профессий ArtMasters. Участвовало около 1000 человек, а в финал прошли только 9.
Финал проходил 2 недели онлайн и 5 дней офлайн в офисе VK. Каждый участник самостоятельно работал над задачей и в конце защищался перед экспертами индустрии во главе с Артемием Лебедевым.
Задача
Переосмыслить главную страницу музыкального сервиса на десктопе, а затем адаптировать концепцию под VK Музыку. Работа проходила в два этапа:
Концептуальный. Провести исследование, сформулировать гипотезы, собрать прототип и протестировать его.
Продуктовый. Доработать решение под реальный контекст VK Музыки с учётом ограничений дизайн-системы и внутренних исследований сервиса.
Дискавери
На этапе дискавери я изучила поведение пользователей, решения на рынке и контекст VK, чтобы понять проблемное поле и куда вообще стоит двигаться. После этого сопоставила свои выводы с внутренними исследованиями VK Музыки.
Опрос пользователей
Чтобы не опираться только на личный опыт, я провела небольшой количественный опрос. В нем приняли участие 43 человека, из которых 31 регулярно слушают музыку с компьютера.
Мне было важно понять:
в каких ситуациях пользователи включают музыку на десктопе,
как взаимодействуют с главной страницей,
что вызывает раздражение,
какие функции воспринимаются как действительно полезные.
В результате стало ясно: на десктопе музыка чаще всего работает как фон. Пользователи редко исследуют главную страницу и чаще запускают знакомый плейлист или алгоритмический микс.
Это привело меня к вопросу: если главную почти не исследуют, должна ли она оставаться длинной лентой?
Бенчмарки
Я проанализировала 5 популярных сервисов, в том числе те, которые чаще всего упоминались в опросе: Яндекс Музыку, VK Музыку, Spotify, Apple Music и YouTube Music.
В анализе я сфокусировалась на том:
как устроена главная страница,
какие блоки находятся в приоритете,
как формируются рекомендации,
и каким образом сервис ведёт пользователя к прослушиванию.
По итогам сравнения я выделила несколько повторяющихся паттернов:
Главная почти везде — длинная лента контента с подборками
01
Алгоритмические рекомендации — основа вовлечения
02
Навигация часто усложняется по мере роста функций
03
Плеер — ключевой элемент сервиса, но визуально не главный
04
Социальные функции либо вторичны, либо отсутствуют
05
Много блоков на экране конкурируют за внимание юзера
06
Рынок в целом повторяет одну и ту же модель — длинная витрина контента с акцентом на алгоритмический микс как главный сценарий входа.
Это усилило мой изначальный вопрос — а можно ли подойти к главной иначе?
Погружение в экосистему VK
Во втором модуле у нас появился конкретный сервис — VK Музыка. Она встроена в социальную сеть VK и на десктопе наследует её узкий центральный формат. Для соцсетей это еще оправдано, но для медиасервиса такая сетка ограничивает пространство.
VK Видео уже пошёл по другому пути — сервис вынесли в отдельный широкоформатный интерфейс. Это сделало продукт более самостоятельным и адаптированным под медиа. А сейчас пользователи всё чаще выбирают сервисы с фокусом на одной задаче, а не супераппы.
Если видео уже вынесли в самостоятельный продукт, то музыка ведь тоже может развиваться как отдельный широкоформатный сервис? Тем более, что на мобилке она есть и в основной приле, и отдельно.
Исследования VK Музыки
Организаторы предоставили результаты исследований по главной странице VK Музыки.
Я выделила ключевые проблемы, которые напрямую влияют на вовлечённость и восприятие сервиса:
Гипотезы
Дискавери показал, что проблема заключается не только в отдельных блоках, а в самой логике главной страницы. Главная почти везде устроена как длинная витрина контента, но пользователи чаще действуют по знакомому сценарию и не исследуют её глубоко.
Это привело меня к формулировке базовой гипотезы.
Базовая гипотеза
Если главная страница станет одноэкранным персонализированным пространством вместо длинной витрины контента, то ключевые сценарии станут заметнее и пользователи будут чаще взаимодействовать с сервисом.
На основе выявленных проблем я начала генерировать идеи — от изменений в структуре до новых механик взаимодействия. Чтобы не распыляться, я структурировала их по методу MoSCoW.
Из множества идей я выбрала направления, которые напрямую влияют на структуру взаимодействия с сервисом и поддерживают базовую гипотезу. Получились следующие ключевые гипотезы:
Более заметный плеер упростит управление прослушиванием
Гипотеза 1
Настраиваемые блоки снизят нагрузку и усилят ощущение контроля
Гипотеза 2
Настройка рекомендаций повысит доверие к функционалу
Гипотеза 3
Отображение личной статистики усилит вовлечённость
Гипотеза 4
Избранные треки в видимой зоне ускорят вход в привычный сценарий
Гипотеза 5
Перенос подборок в отдельный раздел сделает главную компактнее
Гипотеза 6
Тестирование
На первом этапе задание было без контекста VK, поэтому я собрала low-fi концепт и кликабельный прототип для проверки ключевых механик и гипотез. В фокусе была логика взаимодействия и ощущение управляемости главной страницы, а не визуальная часть.
Я провела 6 глубинных интервью с активными пользователями музыкальных сервисов на десктопе. Респонденты выполняли сценарные задачи, делились впечатлениями от структуры главной и отвечали на уточняющие вопросы о востребованности функций.
В итоге тестирование подтвердило гипотезы и интерес к кастомизации главной страницы.
Дизайн под VK Музыку
После тестов я адаптировала low-fi концепцию под реальный контекст VK Музыки с учётом дизайн-системы и архитектуры продукта. Доработала существующие блоки:
В VK Mix добавила визуальное представление рекомендаций через динамические волны и механизм настройки по контексту, настроению, типу контента и языку.
Подборки объединила в один блок подборки от редакции и алгоритмов с возможностью выбирать, какие плейлисты отображать на главной.
Сниппеты встроила в сценарий плеера, усилив их роль в быстром знакомстве с новой музыкой.
В блоке избранных треков добавила возможность выбирать, какой именно плейлист отображать на главной. Это ускоряет вход в привычный сценарий прослушивания.
Кастомизируемый дашборд
Я сохранила базовую гипотезу "главная как управляемое одноэкранное пространство", но усилила ее кастомизируемым дашбордом. Блоки можно менять местами, скрывать и изменять им размер. Это снижает перегрузку контентом и увеличивает чувство контроля.
Если бизнесу будет критично сохранять видимость отдельных блоков, можно предусмотреть блокировку скрытия (Lock)
Статистика как инструмент персонализации
Статистика встроена в главный сценарий и помогает пользователю понимать свой музыкальный профиль. По диаграммам можно увидеть распределение по настроениям и жанрам, активность, совместимость с друзьями, топ исполнителей.
Это превращает статистику из отчёта в инструмент управления рекомендациями.
Плеер как центр управления
Плеер становится центром управления, а не второстепенной панелью. При этом его можно свернуть в компактный режим или раскрыть на весь экран для полного погружения. Если у трека есть клип или видеопревью, оно воспроизведется в фулл режиме.
Визуальный язык
VK Mix и подборки объединила единым графическим приёмом — динамическими волнами. Они отражают ритм и настроение, а цвет помогает различать контекст и тип рекомендаций.
Неоновое свечение поддерживает визуальный стиль VK и усиливает ощущение самостоятельного медиа-продукта, а не раздела внутри соцсети.
Итоги
В результате главная страница превратилась из длинной витрины контента в управляемое персональное пространство. Пользователь быстрее входит в привычный сценарий прослушивания, влияет на рекомендации и управляет структурой интерфейса без ощущения перегруженности.
Защита
Концепцию я защищала перед жюри и экспертами индустрии (Артемий Лебедев, Николай Соболев, Михаил Наер, Екатерина Тюхай и многие другие). Обсуждение было живым и требовательным — с вопросами к логике, реализуемости и продуктовой ценности решений.
В результате проект занял 1 место в конкурсе, а я получила награду 750 000 рублей.
Для меня это не только победа, но и подтверждение того, что продуманные решения и глубокая проработка действительно считываются и ценятся.
Что могло быть дальше?
Если бы концепция внедрялась в продукт, следующим шагом стала бы проверка через A/B-тест.
Я бы отслеживала:
использование кастомизации
изменение поведения на главной
влияние на retention десктопной версии
Рефлексия
Этот конкурс позволил мне протестировать смелую гипотезу — представить VK Музыку как самостоятельный широкоформатный десктоп-сервис.
Самым сложным оказалось быстро адаптировать собственную концепцию под ограничения крупной экосистемы и дизайн-системы VK. Это стало хорошей практикой работы внутри реального продукта.
Если бы было больше времени, я бы:
провела глубинные интервью вместо количественного опроса
протестировала решения на действующих пользователях VK Музыки
расширила анализ российскими сервисами (Звук, МТС Музыка)
Кастомизируемый дашборд — самая сильная, но и самая сложная часть концепции. В реальном продукте её внедрение потребовало бы поэтапной реализации и проверки экономической целесообразности.
Этот проект стал для меня практикой полного продуктового цикла: от дискавери и формулировки гипотез до тестирования и финального решения в рамках реального контекста.