КЛИЕНТ:

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»

контакты

контакты

Create a free website with Framer, the website builder loved by startups, designers and agencies.