3D с ноткой безумия: как студенты Contented делали ролик для Ozon

Передать масштаб и атмосферу праздника

В рамках хакатона нужно было сделать анимированный 3D-ролик, который бы мог автоматически проигрываться при первом входе в приложение и презентовать новые сервисы Ozon:

• Bank — карты, рассрочки, вклады;
• Fashion — категория одежды, обуви, аксессуаров;
• Fresh — быстрая доставка продуктов;
• Global — доставка из-за рубежа.

Ролик должен иметь цельный и завершенный сюжет, содержать красивую историю или метафору, создавать ощущение праздника. Допустима нотка безумия или юмора.

Итогом работы должен стать демопрототип, где проигрывается анимация, после чего запускается главный экран приложения — как если бы обычный пользователь открыл его впервые.

Требования к видео:

• разрешение 375 × 812;
• длительность 5–10 секунд;
• фирменный стиль Ozon (цвета Blue и Magenta, шрифт GT Eesti Pro, геометрические паттерны «Зебра» и «Гипно»).

Для работы над проектом заказчик предоставил готовый логотип и брендированные материалы.

Сделали коробки с сюрпризом

Я обожаю Ozon и очень часто делаю там покупки. Поэтому очень хотелось поработать с этим брендом и положить кейс в портфолио. 

Когда мы с командой изучили бриф, то придумали три концепции: 

• Камера следует за самолетом, потом появляются коробки с сервисами, и все это перемешивается в вихре.

• Ролик с персонажем Зоей из Ozon. Девушка делает покупки в приложении, а потом сверху сыплются подарки.

• Статичная картинка с легкой анимацией.

Мы выбрали первую идею, потому что она ближе всего к референсу. Плюс не было уверенности, что сможем сделать анимацию с персонажем самостоятельно в короткие сроки.

Моушен-дизайнер Вика сказала, что очень важно не пропускать этап блокинга. Он определяет расположение, перемещение объектов и тайминг. Это набросок, который помогает понять, что за чем следует, чтобы у всех членов команды было общее понимание.

Долго не могли договориться, как будут выглядеть итоговые модели. Выбирали между стеклянной графикой, похожей на мыльные пузыри, и графикой в стиле Ozon, как иконки в приложении. В итоге решили остановиться на втором варианте, потому что он ближе к референсу.

В работе использовали четыре программы:

• Procreate — для создания набросков;
• Blender 3D — для моделинга;
• Cinema 4D — для расстановки света и анимации;
• Adobe After Effect — чтобы сделать рендер и демопрототип;
• Figma — чтобы собрать презентацию для заказчика.

Ролик получился коротким, но динамичным. Камера следует за главным самолетом, потом появляются четыре дополнительных, которые несут коробки с сервисами: Bank, Fashion, Fresh и Global. Все это закручивается в вихре на фоне планеты, что создает ощущение праздника и подчеркивает масштаб бизнеса.

Для презентации клиенту собрали демопрототип. Он показывает, что видит человек, который впервые заходит в приложение.

Этот проект стал для меня отличной возможностью попробовать себя в новом формате и поработать в команде над настоящим продуктом. Я специализируюсь на геймдеве, поэтому особенно ценно было применить свой визуальный опыт в другом контексте — сделать сцену выразительной, стильной и живой.

В процессе я освоила для себя новые инструменты — Procreate и Figma. Использовала их для создания набросков, сбора референсов и оформления презентации. Это помогло быстрее фиксировать и визуализировать идеи в команде.

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

Взяли концепты на проработку 

Над кейсом Ozon одновременно работало шесть команд. Представителям бренда больше всего понравился ролик с самолетом.