Motion Design

Motion is a great way to bring life to design and illustration. Although I've delved in most motion practices, lately I have fallen in love with interactive/vector animation. Here are some of the motion design work I've done over the last years.

2017 - Ongoing

Motion Graphics

Animation

Interactive/Vector Motion

Rive-animations are a fantastic way to add motion to web and mobile applications. Not only are they high fidelity and framerate, but they're also incredibly compact with low impact on performance. Here are a few different use cases where I've utilized Rive.

Linear state machine

Here's an example of a simple state machine with a linear animation.

Size: 26kb

Seamless hover

Here's an example of a seamless hover animation. It will behave differently based on how long you hover, without any seams.

Size: 8kb

Menu buttons

Here's a silly example of a menu button-animation I made for a game.

Size: 27kb

Light/Dark mode

Here's the light/dark mode toggle I made for this website.

Size: 5kb

Motion Graphics

Rive-animations are a fantastic way to add motion to web and mobile applications. Not only are they high fidelity and g

3D Animation

Rive-animations are a fantastic way to add motion to web and mobile applications. Not only are they high fidelity and g