собственный продукт заменил Vturb для всей команды медиабайинга
VSL Platform —
👀 Часть экранов и бизнес-процессов скрыта в соответствии с NDA.
В кейсе показаны ключевые UX-решения и подход к проектированию
В кейсе показаны ключевые UX-решения и подход к проектированию
О продукте
VSL — внутренняя AdTech-платформа для управления видеокреативами. Продукт объединяет каталог видео, работу с командами и доступами, настройку интерактивных плееров, событий и аналитику в единой системе
Вводные данные
Делайн по дизайну: 1 месяц
Команда: x1 Тим лид, x1 Продакт, x1 Дизайнер, x1 Q/A тестировщик
Дизайн-система: создана с нуля на основе паттернов MUI для ускорения разработки, поддержки интерфейса и масштабирования продукта
Цели бизнеса
На момент старта команда использовала Vturb, однако продукт перестал закрывать растущие потребности бизнеса. Интерфейс усложнял работу с большим количеством видеокреативов, а ключевые сценарии были распределены между разными разделами системы.
Перед нами стояла задача создать собственное решение, которое сможет заменить сторонний сервис и стать основным инструментом для ежедневной работы медиабайеров
Мои задачи
— Полный UX/UI-редизайн платформы
— Пересмотр информационной архитектуры продукта
— Создание дизайн-системы
— Проектирование новых пользовательских сценариев
— Подготовка интерфейсов для разных ролей пользователей
— Сопровождение разработки и дизайн-ревью
Путь к решению задачи
Перед началом редизайна мы провели аудит существующего продукта и собрали обратную связь от команды, которая ежедневно работала с системой. Основной фокус был на сценариях поиска, управления видеокреативами, настройке плееров и работе с командами
Решение
1. Пересмотрели архитектуру продукта
По мере роста продукта навигация стала менее удобной: важные сценарии оказались разбросаны по разным разделам. Мы пересобрали информационную архитектуру и вынесли основные разделы в сайдбар, сделав работу с системой быстрее и понятнее
2. Дали байерам больше контроля над рекламными экспериментами
Для этого мы создали инструменты управления видеоплеерами и тестами, которые позволили байерам самостоятельно запускать новые сценарии, настраивать поведение видео и проводить эксперименты без участия разработки.
Это сделало процесс тестирования быстрее и позволило команде оперативнее принимать решения на основе результатов
3. Спроектировали систему для разных ролей
Платформой пользовались специалисты с разными задачами и уровнем вовлечённости в процесс.
При проектировании мы учитывали контекст каждой роли и стремились сократить количество лишних действий, сохранив доступ к необходимым инструментам
При проектировании мы учитывали контекст каждой роли и стремились сократить количество лишних действий, сохранив доступ к необходимым инструментам
4. Создали дизайн-систему для развития продукта
Разработана дизайн-система на базе MUI, которая помогла стандартизировать интерфейсы и сократить время на проектирование новых функций
Аналитика
Развитие платформы сопровождалось постоянным тестированием гипотез и анализом результатов. Постепенно команда переносила всё больше сценариев во внутренний продукт, а успешные A/B-тесты подтверждали эффективность новых решений. В результате VSL Platform полностью заменила Vturb и стала основным инструментом команды
