Website Refresh

Website Refresh

Website Refresh

A bunch of Lottie animations with heaps of personality for DPA's brand and website refresh.

A bunch of Lottie animations with heaps of personality for DPA's brand and website refresh.

A bunch of Lottie animations with heaps of personality for DPA's brand and website refresh.

DPA asked us to create a collection of animations for their new, refreshed website to breathe life into an otherwise mundane subject of damage prevention education and e-learning. We developed a hero animation for each of their 5 service areas, VR, Custom Learning, Video, Learning Management Systems (LMS) and Gamification.

DPA asked us to create a collection of animations for their new, refreshed website to breathe life into an otherwise mundane subject of damage prevention education and e-learning. We developed a hero animation for each of their 5 service areas, VR, Custom Learning, Video, Learning Management Systems (LMS) and Gamification.

DPA asked us to create a collection of animations for their new, refreshed website to breathe life into an otherwise mundane subject of damage prevention education and e-learning. We developed a hero animation for each of their 5 service areas, VR, Custom Learning, Video, Learning Management Systems (LMS) and Gamification.

Lottie Export

Although the Lottie file format is a brilliant option for web animations for many reasons, including their tiny file size, we were limited by the compatibility of certain features and techniques inside After Effects.

We were unable to use most effects and always mindful that any expressions would need to be baked down to keyframes before exporting.

Interactivity

Lottie’s are great on their own, but the real magic is when they interact with your mouse cursor, or scroll wheel.

For example, on the 'Video & Animation' page, the client wanted an animated drone to follow the users mouse as they navigated around the page.

Credits

Creative Direction

Matt Volp

Illustration

Jordan Yates

Key Details

Lottie Animations

User Interactivity

Adobe After Effects

Adobe Illustrator

Key Details

Lottie Animations

User Interactivity

Adobe After Effects

Adobe Illustrator

Credits

Creative Direction

Matt Volp

Illustration

Jordan Yates

Animation

Matt Volp

Key Details

Lottie Animations

User Interactivity

Adobe After Effects

Adobe Illustrator

Key Details

Lottie Animations

User Interactivity

Adobe After Effects

Adobe Illustrator

That’s it for this one. Not to worry, there’s plenty more to see.

Let’s get to work

Get in touch and tell us your ideas — you’ll never want to do things the old way again.

We plant a tree with Ecologi for each one of our projects. It's up to all of us to do what we can.

© 2023 Tack Studio Ltd

Let’s get to work

Get in touch and tell us your ideas — you’ll never want to do things the old way again.

We plant a tree with Ecologi for each one of our projects. It's up to all of us to do what we can.

© 2023 Tack Studio Ltd

Let’s get to work

Get in touch and tell us your ideas — you’ll never want to do things the old way again.

We plant a tree with Ecologi for each one of our projects. It's up to all of us to do what we can.

© 2023 Tack Studio Ltd