JGGL
Приложение, Лендинг
2024
UX/UI дизайнер
Прототип
Интерактивный прототип, где можно ознакомиться с разделом музыки до и после
О проекте
Проблема
После анализа текущей версии мобильного приложения были выявлены ключевые UX-проблемы:
интерфейс морально устарел и не соответствовал современным визуальным паттернам;
архитектура музыкального раздела была перегружена второстепенными элементами;
пользователи испытывали сложности с навигацией и не понимали, где искать нужные функци
Мои задачи
Создать современный, интуитивный и визуально чистый интерфейс, повысить удобство навигации, упростить доступ к контенту и улучшить пользовательский опыт.
Формат продукта
Мобильное приложение/JGGL.AI — музыкальная AI-платформа
Исследование и анализ
Конкуренты
Мы провели сравнительный анализ UI/UX популярных музыкальных сервисов (Spotify, Yandex Music, Apple Music, Deezer), выделив сильные решения и часто используемые паттерны взаимодействия.
На основе этого:
определили визуальные и UX-тренды 2025 года (минимализм, крупная типографика, карточная структура контента);
составили карту пользовательских сценариев, чтобы сократить количество лишних действий до целевого результата;
провели опрос среди активных пользователей JGGL.AI, чтобы понять, какие функции им наиболее важны.
Кейс 1
Редизайн музыкального плеера
До:
визуал плеера не соответствовал трендам;
на экране отображались второстепенные метрики (например, количество прослушиваний);
отсутствовали базовые hot-keys: перемешивание, повтор, быстрый доступ к плейлисту;
кнопка “Моя волна” занимала центральное место, но использовалась редко.
После:
убрали лишнюю визуальную нагрузку, переработали иконки и типографику;
вернули привычные hot-keys (shuffle, repeat, add-to-playlist);
кнопку “Моя волна” перенесли в дополнительное меню, сохранив её доступность;
добавили контекстное меню взаимодействия (лайк, поделиться, добавить в плейлист);
обновили визуальный стиль — сделали его ближе к современным музыкальным сервисам с акцентом на контент.
Результат
Интерфейс стал чище, навигация — интуитивнее, а время взаимодействия с плеером сократилось. (~15%)
Кейс 2
Редизайн главного экрана музыкального раздела
До:
раздел “Мои плейлисты” показывался без обложек;
новые треки и топ-чарты отображались по одному элементу на весь экран — пользователю приходилось свайпать, чтобы просмотреть больше;
блок “Выбор чарта” был слишком мелким и показывал только 3 позиции.
После:
плейлисты теперь иллюстрируются обложкой (аватар пользователя или последний добавленный трек);
добавлено отображение количества треков и статуса доступа (публичный / приватный);
блок “Новые треки” теперь показывает сразу по 3 позиции с горизонтальной прокруткой;
“Самые прослушиваемые альбомы” и “Самые прослушиваемые треки” оформлены как топ-3 с крупными изображениями и возможностью перейти в топ-100;
улучшена визуальная иерархия, переработаны отступы и сетка для адаптивности.
Резальтат:
пользователи стали чаще взаимодействовать с разделом “Плейлисты” (+27% по аналитике);
повысилась глубина просмотра контента;
UX стал ближе к современным стандартам музыкальных приложений.
Лендинг JGGL.AI
Параллельно с редизайном приложения я работал над лендингом проекта.
Главная цель — создать креативный промо-сайт для запуска продукта, который быстро объясняет идею сервиса и визуально передаёт атмосферу JGGL.AI.
