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.

NB: This page is under construction. Finished page will be up late November.

2017 - Ongoing

Motion Graphics

Animation

Under construction - Coming Soon

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.

2022 - 2024

Animation

Motion Graphics

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

Motion Graphics

Coming soon!

2017 - 2024

Graphic Design

Illustration

3D Animation

Coming soon!

2017 - 2024

Graphic Design

Typography

Illustration

‹ IllustrationBack Home ›