Анимация на главной странице — визуальный акцент сайта. На первом экране при скролле камера приближается к продукту, далее сцена переходит к следующим экранам, на которых изображено движение бактерий. Параллельно появляется информация о преимуществах и составе продукта.
Анимация создана на основе готовой 3D-визуализации сцены с продуктом, которую предоставил заказчик. Мы адаптировали ее к веб-формату и частично отредактировали, чтобы усложнить анимацию — ранее сцена была настроена только на один вид, а мы планировали добавить более зрелищный пролет камеры и приближение к мороженому.
Самый трудозатратный этап — работа с полноэкранной 3D-графикой, в результате которой получилось около 240 полноразмерных кадров.
Рендерили сцены по слоям: отдельно коробка, мороженое, пробирки. Если нужны правки, при таком подходе дизайнер меняет только один слой и не тратит время на корректировку всей модели с полноценным долгим перерендеромАлексей Нибо, арт-директор digital-агентства «Атвинта»
Также особое внимание уделили оптимизации, чтобы кадры быстро загружались на сайте.
Кроме презентации продукта на главной странице, на сайте добавлен отдельный раздел, который: