AI Music / Mobile App / Product Design

MusicGen AI

Мобильный AI-сервис, который превращает идею, текст или изображение в готовый музыкальный трек.

AI MusicMobile AppPrompt-to-track

Экран создания трека по описанию с выбором настроения и жанра

Компактный экран плеера MusicGen AI с обложкой трека

6 недельот UX-логики до polished UI

iOS + Androidединый мобильный сценарий

3 режимаDescription, Lyric, Image to song

Prompt -> Trackпуть от идеи до результата

О проекте

MusicGen AI превращает идею, текст или изображение в готовый трек без сложных продакшен-инструментов.

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

Задачи

Что нужно было спроектировать

Собрать guided flow

Разбить создание трека на понятные решения: описание, настроение, жанр и дополнительные параметры.

Снять страх пустого промпта

Подсказки, чипы и готовые режимы помогают начать даже без опыта в продакшене.

Объяснить ожидание AI

Генерация не должна ощущаться зависанием: уведомления и статусы держат пользователя в контексте.

Собрать библиотеку и плеер

Готовые треки должны легко находиться, прослушиваться, сохраняться и возвращать к исходному промпту.

Как работает приложение

Как идея становится треком

01/06Старт

Пользователь приходит в короткий музыкальный бриф.

Первый экран держит фокус на описании будущего трека и сразу показывает решения, которые нужно принять дальше.

02/06Промпт

Идея превращается в точный запрос.

Поле описания остаётся главным якорем, а настройки не перетягивают внимание до того, как сформулирована мысль.

Экран ввода промпта для генерации музыки

03/06Настройка

Mood и genres дают контроль без перегруза.

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

04/06Ожидание

Ожидание AI становится понятным состоянием.

Уведомления объясняют, что произойдёт дальше: пользователь может уйти из приложения и вернуться к готовому треку.

Экран MusicGen AI с включением уведомлений о готовом треке

05/06Библиотека

Библиотека собирает треки, клипы и статусы в одном месте.

Пустые состояния, generation in progress, список треков и промо-блоки работают как единая система, а не набор разрозненных экранов.

Пустое состояние библиотеки MusicGen AI с кнопкой создания первого трека

Библиотека MusicGen AI со статусами генерации и списком треков

Сетка сгенерированных клипов в библиотеке MusicGen AI

Библиотека MusicGen AI с промо-блоком подписки

Пустое состояние раздела клипов в MusicGen AI

06/06Плеер

Плеер сохраняет не только результат, но и контекст генерации.

Обложка, контролы, лирика и исходный промпт остаются рядом с треком, чтобы пользователь мог повторить или улучшить результат.

Визуальная система

Тёмная студия, тёплый AI-сигнал и понятные элементы управления.

Палитра держит продукт в ощущении ночной студии: почти чёрный фон, жёлтый glow вокруг генерации, оранжевые CTA и стеклянные поверхности для второстепенных состояний.

#0B0B0BBase black

#2B2B2BGlass surface

#FEC434AI glow

#FE9511CTA orange

#FDFDFDClean white

Дизайн-решения

Решения, которые держат продукт простым

Создание трека как короткий сценарий

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

Три режима для разных стартовых точек

Description, Lyric и Image to song закрывают разные способы мышления: от текста, строк или визуального настроения.

Уведомления как часть AI-latency

Когда генерация занимает время, интерфейс не бросает пользователя и объясняет, где появится результат.

Плеер хранит авторский контекст

Лирика и исходный промпт остаются рядом с треком, чтобы пользователь мог повторить, улучшить или объяснить результат.

Результат

Получилась система, где AI-музыка ощущается управляемой.

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

Все кейсы