Моушен айдентика
Интерфейс стриминга — это в первую очередь про контент: сериалы, фильмы, шоу, спорт и многое другое. Для усиления опыта от контента, мы используем анимации, чтобы сделать интерфейс живым и понятным.
Единой системы не было — всё делалось и жило по-разному. Цель проекта — превратить анимации в понятный инструмент и общий язык, единый для приложений, ТВ и веба. Отсюда задачи:
— определить, где и зачем в продукте нужна анимация;
— описать устройство анимаций, чтобы результат был предсказуемым и качественным;
— собрать правила и примеры, чтобы любой в команде мог делать топовые анимации.
Идеи и решения
Мы разработали «Моушен-айдентику» — единый язык движения для всего продукта.
В его основе принципы, без которых не может существовать ни одна анимация, а также контексты, когда используются анимации.
Под каждую функцию — конкретные решения: бесшовные переходы, интерактивные блоки, анимированные иконки, сплеш-скрины, 3D-иллюстрации.
Отдельный слой — тайминги и уникальные функции, созданные специально для Иви, за счёт которых десятки разных анимаций ощущаются как одно целое и передают характер бренда. И всё это оформлено в понятных и практических гайдлайнах.
Команда уже использует моушен-айдентику и кайфует — уровень анимационных компетенций вырос, и дизайнеры сами собирают топовые анимации. Ценность моушен-айдентики не в отдельных красивых эффектах (ладно, это тоже), но и в системе, которая масштабирует качество на всю команду.