КЛИЕНТ:
METRO
СФЕРА:
РИТЕЙЛ

Создание
сплеш-анимаций
Создание сплеш-анимаций
КЛИЕНТ:
METRO
СФЕРА:
РИТЕЙЛ
Сплеш-анимация – это короткая заставка, которая отображается при запуске мобильного приложения.
Для каждой сезонной акции или промокампании разрабатывались новые сплеш-анимации в соответствии
с утвержденной визуальной концепцией.
Сплеш-анимация – это короткая заставка, которая отображается при запуске мобильного приложения.
Для каждой сезонной акции
или промокампании разрабатывались
новые сплеш-анимации в соответствии
с утвержденной визуальной концепцией.




о задаче
Анимации создавались в Adone After Effects, имели длительность до 2 секунд и повторяли key vision конкретной кампании
или акции. По сути, сплеш-анимация – это такой же формат ресайза, только с использованием анимациию.
Анимации создавались в Adone After Effects, имели длительность до 2 секунд и повторяли key vision конкретной кампании или акции.
По сути, сплеш-анимация – это такой
же формат ресайза, только с использованием анимациию.
Баннер-сторис в приложении METRO
Баннер-сторис в приложении METRO
Загрузочный экран (сплеш-анимация)
Загрузочный экран (сплеш-анимация)








Работа над каждой сплеш-анимацией начиналась с подготовки нескольких вариантов раскадровки.
Обычно мы разрабатывали 2-3 концепции анимации,
чтобы показать клиенту возможные сценарии появления объектов и выбрать наиболее удачное решение.
Несмотря на то, что продолжительность готовой анимации составляла всего 2 секунды, этап согласования был важной частью процесса, так как он позволял заранее определить характер движения, темп и последовательность появления элементов, не тратя время на доработку уже готового файла.
Для большей наглядности мы отправляли клиенту не статичные кадры, а анимированный MP4 файл, который максимально точно демонстрировал будущий результат.
Работа над каждой сплеш-анимацией начиналась с подготовки нескольких вариантов раскадровки.
Обычно мы разрабатывали 2-3 концепции анимации, чтобы показать клиенту возможные сценарии появления объектов и выбрать наиболее удачное решение.
Несмотря на то, что продолжительность готовой анимации составляла всего
2 секунды, этап согласования был важной частью процесса, так как он позволял заранее определить характер движения,
темп и последовательность появления элементов, не тратя время на доработку
уже готового файла.
Для большей наглядности мы отправляли клиенту не статичные кадры,
а анимированный MP4 файл, который максимально точно демонстрировал будущий результат.
процесс работы
Первый вариант раскадровки
для сплеш-анимации для поставщика
Первый вариант раскадровки
для сплеш-анимации для поставщика


Второй вариант раскадровки
для сплеш-анимации для поставщика










Второй вариант раскадровки
для сплеш-анимации для поставщика
После получения обратной связи вносились необходимые правки: корректировались тайминги, движение объектов
или отдельные детали анимации, при этом обязательно сохранялся утвержденный визуальный стиль.
Финальная версия создавалась в Adobe AE, а экспортировалась
с помощью плагина Lottie и после передавалась разработчикам для интеграции в мобильное приложение.
После получения обратной связи вносились необходимые правки: корректировались тайминги, движение объектов
или отдельные детали анимации,
при этом обязательно сохранялся утвержденный визуальный стиль.
Финальная версия создавалась в Adobe AE,
а экспортировалась с помощью плагина Lottie и после передавалась разработчикам для интеграции в мобильное приложение.
результат работы
Итоговый вариант сплеш-анимации в проде
Итоговый вариант сплеш-анимации
в проде
Сплеш-анимация для акции «Бренды METRO»
Сплеш-анимация для акции
«Бренды METRO»























