Interactive Rive mascot for weather products

Pip is an interactive weather mascot built to run inside a live product experience, not as a pre-rendered animation. A single Rive State Machine uses an Enum input and View Model to switch Pip between Sunny, Rainy, Snowy, Stormy, and Clear Night states. Each change updates the character’s pose, expression, and accessories in real time.

Character animation and interaction design

Rive State Machine architecture

Enum-driven weather states

Reusable accessories and transitions

A lightweight .riv handoff designed for web or app implementation

A product team can connect live weather data to one reusable Rive asset, giving the experience more personality without managing separate video files for every forecast state.

Legs are IK-rigged with Target Groups, giving him grounded weight shifts when he braces against wind or stomps through snow. Accessories: umbrella, scarf, sunglasses, swap through Solos tied to the same enum, no duplicate artboards required.

Delivered as a single lightweight .riv, wired for Data Binding, so any frontend (React Native, Flutter, Expo, or web canvas) can feed in live weather data, and Pip reacts in real time.

Rive Animator

Interactive Designer

Motion Designer

Tools: Rive