Work

Small motions make states clear

UI motion for feedback, progress, and transitions across SaaS products and proofs of concept.

Client
QuovantisHealthTech SaaS Agency (acquired by emids)
Year
2019
Role
Motion designer
Made with
  • After EffectsAfter EffectsMotion
  • LottieLottieShip to apps
  • RiveRiveInteractive state

Small motions show people what has just happened when the feedback would otherwise stay unclear.

Microinteractions are the small animations that respond when you tap, wait or finish something. Without them, people tap twice, give up, or assume something broke.

Showing product states through motion

I built these at Quovantis for B2B SaaS clients who needed motion across the user journey. Some pieces clarified, some eased, and some only delighted. The studio’s Lucid Reality won Best Animation at MUX 2019.

A reward celebrates each completed step of post-surgery care.
The pantry app brings food to the table and tracks each tab.
Survey detail unfolds one layer at a time.
The forecast warns people about extreme pollution and weather.

Explaining a health product through illustration

Illustrated onboarding welcomes people to Phritz.
Animated cards present the Phritz offers.
A short animation explains how Phritz works.

Driving an interface with a live input

Rive is a tool for interactive animation that runs live in the app.

A joystick control sets the intensity of this Rive interface. The same input can be linked to triggers such as music volume.

Letting motion respond to live input

The Rive piece points ahead to motion that follows live input instead of a fixed timeline. The same interface can answer to sound, sensors or data.