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.

File 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.

File size: 8kb

Button animation

Here's a silly example of a menu with animation on the active button.

File size: 27kb

Light/Dark toggle

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

File size: 5kb

Cursor move interaction

Here's and example of an animation that interacts with cursor movement.

File size: 14kb

Scroll animation

Here's and example of an animation that interacts with cursor movement.

File size: 14kb

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