All work

Webstacks · 2024

Four services. One shared motion language.

A series of lightweight hero animations that turn Webstacks’ isometric illustrations into clear visual stories, using coordinated cursors to show how its teams and services work together.

The Challenge

Turning four complex services into one cohesive motion language.

I created four hero animations, each representing a different Webstacks service. Every animation needed to communicate its idea within a short duration while sharing the same visual character. The isometric design style also limited the available movement, making it essential to understand each service and translate it into motion without disrupting the original perspective.

The Solution

A structured system built around movement and collaboration.

I created a guide grid from the original illustrations to keep every movement stable within the isometric perspective. Named cursors became the main drivers of each animation, guiding the action while reinforcing the idea of collaboration. The final animations were exported as lightweight Lottie files, allowing them to load quickly and run smoothly across the website.

Motion highlights

Selected Motion

Your project could be next.

Have an idea? Let's bring it to life.

Start a project

Other Projects

View All Work