RUTUBE: новый дизайн и выпуск обновлений в 3 раза быстрее

Главное о кейсе

RUTUBE — видеоплатформа, на которую ежедневно загружаются десятки тысяч новых видео. Команда обратилась к нам с задачей редизайна цифровой экосистемы.
⠀
Мы начали с аудита продукта и пользовательских путей. По мере погружения стало понятно, что проект затрагивает и взаимодействие с платформой, и процессы подготовки обновлений.
⠀
Мы создали концепцию нового интерфейса и инициировали создание дизайн-системы, заложив её архитектуру и компонентную базу. Дальнейшее развитие и масштабирование решений продолжила внутренняя команда RUTUBE.
⠀

Как проект изменил жизнь пользователей

В редизайне мы сосредоточились на упрощении пользовательских сценариев. Для этого собрали карты экранов и переходов: они позволили рассмотреть путь человека целиком и определить, где взаимодействие требует лишних усилий.
⠀
В новой концепции упорядочили подачу информации и визуальное оформление элементов. Отдельное внимание уделили цифровой доступности: понятности действий и снижению когнитивной нагрузки.
⠀
Эта работа задала направление обновления пользовательского опыта на платформе.
⠀

Бизнес-задача и ее решение

RUTUBE регулярно выпускает новые возможности. Для такого продукта важен срок, за который гипотеза проходит через согласование, проектирование и разработку.
⠀
В ходе проекта мы увидели, что бизнес, дизайн и разработка двигались с разной скоростью. Согласования затягивались, а повторяющиеся задачи увеличивали объём работы при подготовке обновлений.
⠀
Общая компонентная база помогла унифицировать проектирование и упростить передачу решений в разработку. В результате совместной работы с командой платформы Time to Market сократился в 3 раза.
⠀

Крафт (мастерство), реализация, технические детали

Мы систематизировали цветовую палитру, типографику и пиктографику. Эти решения вошли в концепцию редизайна и определили оформление интерфейса.
⠀
Для дизайн-системы подготовили архитектуру и базовые компоненты. После одобрения концепции под неё адаптировали токены — значения визуальных параметров, которые используются в элементах интерфейса.
⠀
Так концепция получила основу для применения в продукте: от общих визуальных настроек до повторно используемых компонентов.
⠀

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Аудит объединил несколько источников: продуктовые потоки, аналитику, карты пользовательских путей и работу с командами заказчика. Это помогло связать то, что человек видит на экране, с тем, как этот экран проектируется и доходит до релиза.
⠀
Главный вывод касался масштаба задачи. Обновление внешнего вида нужно было поддержать подходом, который команда сможет применять при дальнейшем развитии платформы. Поэтому создание дизайн-системы стало частью проекта наряду с редизайном.
⠀
Работу выстроили с продолжением внутри RUTUBE: мы подготовили концепцию и основу системы, а внутренняя команда развивала их с учётом следующих задач продукта.
⠀

Скриншоты