Назад
Редизайн платформы Broma 16
Период работы: 2024. Платформа: Web и адаптивная версия для планшетов и смартфонов
Моя роль — UX/UI дизайнер
- Поддержка текущей версии платформы.
- Полный редизайн интерфейсов.
- Анализ пользовательских сценариев и проектирование новых
Цель проекта
Разработать мобильное приложение для усиления цифрового присутствия, повышения лояльности клиентов и удобного онлайн-шопинга
О клиенте
Broma 16 — независимая музыкальная компания, лицензирующая права на цифровой контент и выплачивающая вознаграждения авторам, исполнителям, лейблам и издательствам. Сервис объединяет более 600 правообладателей по всему миру и сотрудничает с платформами Apple Music, YouTube, Deezer, VK, Яндекс.Музыка и другими.
Авторизация
Задачи
- Обновить общую стилистику интерфейса;
- Найти и проработать узкие места;
- Заложить в новом концепте правила редполитики, чтобы унифицировать продуктовые тексты и описания
- Адаптиция макетов для планшетов и смартфонов;
- Прототипирование и тестирование гепотез;
- Создание новой дизайн-системы;
- Ввести новые интерфейсные паттерны, чтобы сделать продукт масштабируемым и готовым к расширению функциональности.
процесс
1. Анализ и исследование
- Провела интервью с менеджерами и пользователями платформы.
- Проанализировала структуру данных, логику отчётов, типичные сценарии.
- Построила карту CJM и выявила основные точки фрустрации.
2. UX-проектирование
- Пересобрала информационную архитектуру.
- Оптимизировала сценарии регистрации, отчётности и поиска и др.
- Создала интерактивные прототипы для ключевых процессов.
3. UI-дизайн
- Разработала единый визуальный язык: цвета, типографику, компоненты.
- Внедрила UI-kit для консистентности интерфейсов.
- Подготовила адаптивные версии для планшетов и смартфонов.
анализ
В процессе анализа и редизайна я изучила паттерны ведущих сервисов в сфере лицензирования контента, финтеха и SaaS. Исследование помогло выстроить обновлённый UX и визуальный язык платформы, сохранив функциональность.
Инсайты по ux-паттернам:
- Главные страницы конкурентов выполняют не только навигационную, но и функциональную роль: помогают пользователю ориентироваться или направляют к целевым действиям (апселл, активация, повторные входы).
- Формы — ключевая зона внимания: сервисы сокращают количество полей, делят длинные процессы на короткие шаги и используют разные форматы полей для удобства заполнения.
- Цветовая палитра большинства систем ограничена двумя основными цветами и дополнительными оттенками для графики — это помогает сфокусировать внимание на данных.
- Регистрация максимально упрощается — минимальное количество шагов повышает конверсию и снижает отток.
- Многие продукты дают возможность ознакомиться с платформой до оплаты, ограничивая часть функционала — это формирует доверие и снижает барьер входа.
- Светлая тема интерфейса используется чаще всего: она обеспечивает лучшую читаемость форм и таблиц, а также воспринимается как “рабочий” стандарт.
- Современные решения отходят от избыточной графики: минимум декоративных элементов, градиентов и иллюстраций, акцент на данных и понятной структуре.
Основные выводы для проекта Broma16
- Пользователи ожидают простоты и прозрачности в сложных процессах — особенно при работе с финансовыми и правовыми данными.
- Опора на чистую визуальную систему и функциональные формы делает интерфейс более доверительным.
- Минимализм в цвете и графике помогает пользователю сосредоточиться на содержании, а не на визуальном шуме.
- Грамотно выстроенная архитектура и лаконичный UI напрямую влияют на эффективность и скорость работы специалистов.
Конкурентный анализ
Узкие места платформы:
- Навигация и структура
Сервис разросся, и пользователи путались в меню, не могли быстро находить нужные разделы.
- Работа с данными
Большие таблицы и отчёты выглядели перегруженными, было сложно анализировать информацию.
- Ошибки и состояния системы
Система плохо коммуницировала ошибки, пользователи не понимали, что делать дальше.
- Онбординг
Новые пользователи не сразу понимали, как работать с платформой, процесс входа был «холодным».
- Мобильная версия
Интерфейс был оптимизирован только под десктоп
- Единый визуальный язык
Старый интерфейс был собран фрагментарно, элементы выглядели по-разному
- Скорость работы.
Пользователи жаловались, что интерфейс перегружен и «тормозит».
- Доверие и прозрачность
Пользователи опасались, что данные могут «потеряться» или не сохраниться.
Результат
До
После
Главный результат — повышение эффективности и доверия пользователей при сохранении функциональной глубины платформы.
- Регистрация стала быстрее в 3 раза: с 1,5 часов до 30 минут.
- Количество обращений в поддержку снизилось на ~40% благодаря подсказкам и продуманным ошибкам.
- Навигация стала интуитивной: пользователи быстрее находят нужные разделы.
- Работа с данными стала удобнее: добавились фильтры, группировка, экспорт.
- Удовлетворённость пользователей выросла (по отзывам менеджеров и внутренним опросам).
- Адаптивность расширила сценарии использования — теперь и с планшетов, и со смартфонов.
- Внедрение UI-кита ускорило разработку новых функций и сделало продукт цельным.
Назад
Редизайн платформы Broma 16
Период работы: 2024. Платформа: Web и адаптивная версия для планшетов и смартфонов
Моя роль — UX/UI дизайнер
- Поддержка текущей версии платформы.
- Полный редизайн интерфейсов.
- Анализ пользовательских сценариев и проектирование новых
Цель проекта
Разработать мобильное приложение для усиления цифрового присутствия, повышения лояльности клиентов и удобного онлайн-шопинга
О клиенте
Broma 16 — независимая музыкальная компания, лицензирующая права на цифровой контент и выплачивающая вознаграждения авторам, исполнителям, лейблам и издательствам. Сервис объединяет более 600 правообладателей по всему миру и сотрудничает с платформами Apple Music, YouTube, Deezer, VK, Яндекс.Музыка и другими.
Авторизация
Задачи
- Обновить общую стилистику интерфейса;
- Найти и проработать узкие места;
- Заложить в новом концепте правила редполитики, чтобы унифицировать продуктовые тексты и описания
- Адаптиция макетов для планшетов и смартфонов;
- Прототипирование и тестирование гепотез;
- Создание новой дизайн-системы;
- Ввести новые интерфейсные паттерны, чтобы сделать продукт масштабируемым и готовым к расширению функциональности.
процесс
1. Анализ и исследование
- Провела интервью с менеджерами и пользователями платформы.
- Проанализировала структуру данных, логику отчётов, типичные сценарии.
- Построила карту CJM и выявила основные точки фрустрации.
2. UX-проектирование
- Пересобрала информационную архитектуру.
- Оптимизировала сценарии регистрации, отчётности и поиска и др.
- Создала интерактивные прототипы для ключевых процессов.
3. UI-дизайн
- Разработала единый визуальный язык: цвета, типографику, компоненты.
- Внедрила UI-kit для консистентности интерфейсов.
- Подготовила адаптивные версии для планшетов и смартфонов.
анализ
В процессе анализа и редизайна я изучила паттерны ведущих сервисов в сфере лицензирования контента, финтеха и SaaS. Исследование помогло выстроить обновлённый UX и визуальный язык платформы, сохранив функциональность.
Инсайты по ux-паттернам:
- Главные страницы конкурентов выполняют не только навигационную, но и функциональную роль: помогают пользователю ориентироваться или направляют к целевым действиям (апселл, активация, повторные входы).
- Формы — ключевая зона внимания: сервисы сокращают количество полей, делят длинные процессы на короткие шаги и используют разные форматы полей для удобства заполнения.
- Цветовая палитра большинства систем ограничена двумя основными цветами и дополнительными оттенками для графики — это помогает сфокусировать внимание на данных.
- Регистрация максимально упрощается — минимальное количество шагов повышает конверсию и снижает отток.
- Многие продукты дают возможность ознакомиться с платформой до оплаты, ограничивая часть функционала — это формирует доверие и снижает барьер входа.
- Светлая тема интерфейса используется чаще всего: она обеспечивает лучшую читаемость форм и таблиц, а также воспринимается как “рабочий” стандарт.
- Современные решения отходят от избыточной графики: минимум декоративных элементов, градиентов и иллюстраций, акцент на данных и понятной структуре.
Основные выводы для проекта Broma16
- Пользователи ожидают простоты и прозрачности в сложных процессах — особенно при работе с финансовыми и правовыми данными.
- Опора на чистую визуальную систему и функциональные формы делает интерфейс более доверительным.
- Минимализм в цвете и графике помогает пользователю сосредоточиться на содержании, а не на визуальном шуме.
- Грамотно выстроенная архитектура и лаконичный UI напрямую влияют на эффективность и скорость работы специалистов.
Конкурентный анализ
Узкие места платформы:
- Навигация и структура
Сервис разросся, и пользователи путались в меню, не могли быстро находить нужные разделы.
- Работа с данными
Большие таблицы и отчёты выглядели перегруженными, было сложно анализировать информацию.
- Ошибки и состояния системы
Система плохо коммуницировала ошибки, пользователи не понимали, что делать дальше.
- Онбординг
Новые пользователи не сразу понимали, как работать с платформой, процесс входа был «холодным».
- Мобильная версия
Интерфейс был оптимизирован только под десктоп
- Единый визуальный язык
Старый интерфейс был собран фрагментарно, элементы выглядели по-разному
- Скорость работы.
Пользователи жаловались, что интерфейс перегружен и «тормозит».
- Доверие и прозрачность
Пользователи опасались, что данные могут «потеряться» или не сохраниться.
Результат
До
После
Главный результат — повышение эффективности и доверия пользователей при сохранении функциональной глубины платформы.
- Регистрация стала быстрее в 3 раза: с 1,5 часов до 30 минут.
- Количество обращений в поддержку снизилось на ~40% благодаря подсказкам и продуманным ошибкам.
- Навигация стала интуитивной: пользователи быстрее находят нужные разделы.
- Работа с данными стала удобнее: добавились фильтры, группировка, экспорт.
- Удовлетворённость пользователей выросла (по отзывам менеджеров и внутренним опросам).
- Адаптивность расширила сценарии использования — теперь и с планшетов, и со смартфонов.
- Внедрение UI-кита ускорило разработку новых функций и сделало продукт цельным.
Назад
Редизайн платформы Broma 16
Период работы: 2024. Платформа: Web и адаптивная версия для планшетов и смартфонов
Моя роль — UX/UI дизайнер
- Поддержка текущей версии платформы.
- Полный редизайн интерфейсов.
- Анализ пользовательских сценариев и проектирование новых
Цель проекта
Редизайн платформы, с целью улучшить UX, повысить доверие пользователей и ускорить работу с данными
О клиенте
Broma 16 — независимая музыкальная компания, лицензирующая права на цифровой контент и выплачивающая вознаграждения авторам, исполнителям, лейблам и издательствам. Сервис объединяет более 600 правообладателей по всему миру и сотрудничает с платформами Apple Music, YouTube, Deezer, VK, Яндекс.Музыка и другими.
Авторизация
Задачи
- Обновить общую стилистику интерфейса;
- Найти и проработать узкие места;
- Заложить в новом концепте правила редполитики, чтобы унифицировать продуктовые тексты и описания
- Адаптиция макетов для планшетов и смартфонов;
- Прототипирование и тестирование гепотез;
- Создание новой дизайн-системы;
- Ввести новые интерфейсные паттерны, чтобы сделать продукт масштабируемым и готовым к расширению функциональности.
процесс
1. Анализ и исследование
- Провела интервью с менеджерами и пользователями платформы.
- Проанализировала структуру данных, логику отчётов, типичные сценарии.
- Построила карту CJM и выявила основные точки фрустрации.
2. UX-проектирование
- Пересобрала информационную архитектуру.
- Оптимизировала сценарии регистрации, отчётности и поиска и др.
- Создала интерактивные прототипы для ключевых процессов.
3. UI-дизайн
- Разработала единый визуальный язык: цвета, типографику, компоненты.
- Внедрила UI-kit для консистентности интерфейсов.
- Подготовила адаптивные версии для планшетов и смартфонов.
анализ
В процессе анализа и редизайна я изучила паттерны ведущих сервисов в сфере лицензирования контента, финтеха и SaaS. Исследование помогло выстроить обновлённый UX и визуальный язык платформы, сохранив функциональность.
Инсайты по ux-паттернам:
- Главные страницы конкурентов выполняют не только навигационную, но и функциональную роль: помогают пользователю ориентироваться или направляют к целевым действиям (апселл, активация, повторные входы).
- Формы — ключевая зона внимания: сервисы сокращают количество полей, делят длинные процессы на короткие шаги и используют разные форматы полей для удобства заполнения.
- Цветовая палитра большинства систем ограничена двумя основными цветами и дополнительными оттенками для графики — это помогает сфокусировать внимание на данных.
- Регистрация максимально упрощается — минимальное количество шагов повышает конверсию и снижает отток.
- Многие продукты дают возможность ознакомиться с платформой до оплаты, ограничивая часть функционала — это формирует доверие и снижает барьер входа.
- Светлая тема интерфейса используется чаще всего: она обеспечивает лучшую читаемость форм и таблиц, а также воспринимается как “рабочий” стандарт.
- Современные решения отходят от избыточной графики: минимум декоративных элементов, градиентов и иллюстраций, акцент на данных и понятной структуре.
Основные выводы для проекта Broma16
- Пользователи ожидают простоты и прозрачности в сложных процессах — особенно при работе с финансовыми и правовыми данными.
- Опора на чистую визуальную систему и функциональные формы делает интерфейс более доверительным.
- Минимализм в цвете и графике помогает пользователю сосредоточиться на содержании, а не на визуальном шуме.
- Грамотно выстроенная архитектура и лаконичный UI напрямую влияют на эффективность и скорость работы специалистов.
Конкурентный анализ
Узкие места платформы:
- Навигация и структура
Сервис разросся, и пользователи путались в меню, не могли быстро находить нужные разделы.
- Работа с данными
Большие таблицы и отчёты выглядели перегруженными, было сложно анализировать информацию.
- Ошибки и состояния системы
Система плохо коммуницировала ошибки, пользователи не понимали, что делать дальше.
- Онбординг
Новые пользователи не сразу понимали, как работать с платформой, процесс входа был «холодным».
- Мобильная версия
Интерфейс был оптимизирован только под десктоп
- Единый визуальный язык
Старый интерфейс был собран фрагментарно, элементы выглядели по-разному
- Скорость работы.
Пользователи жаловались, что интерфейс перегружен и «тормозит».
- Доверие и прозрачность
Пользователи опасались, что данные могут «потеряться» или не сохраниться.
Результат
До
После
Главный результат — повышение эффективности и доверия пользователей при сохранении функциональной глубины платформы.
- Регистрация стала быстрее в 3 раза: с 1,5 часов до 30 минут.
- Количество обращений в поддержку снизилось на ~40% благодаря подсказкам и продуманным ошибкам.
- Навигация стала интуитивной: пользователи быстрее находят нужные разделы.
- Работа с данными стала удобнее: добавились фильтры, группировка, экспорт.
- Удовлетворённость пользователей выросла (по отзывам менеджеров и внутренним опросам).
- Адаптивность расширила сценарии использования — теперь и с планшетов, и со смартфонов.
- Внедрение UI-кита ускорило разработку новых функций и сделало продукт цельным.