Built with Rive

Product Explainer - Rive

George Weatherhead

Verified

Product Looping Video

I was commissioned by GWI to create a looping 60-second product animation that showcases the dynamic capabilities of their platform. Built entirely in Rive, the animation is super lightweight and optimised for web.
The goal was to deliver a seamless loop that could hold viewer attention while conveying key product features in an engaging and accessible way.

The Process

Darragh from GWI provided a beautifully mapped-out storyboard in Figma, complete with key project details and motion reference guides. From there, I imported all the assets into Rive and began mapping out a plan for how the animation would come together.
Storyboard mapped out in Figma
Storyboard mapped out in Figma

Just grabbing lunch but initial reaction... It's SO GOOD!!" — Darragh O'Hagan, Lead UX/UI, GWI

Bones and IK Constraints
Bones and IK Constraints
To keep things modular and manageable, I broke the project down into three key scenes, each looping seamlessly within the state machine. To manage complexity, I made use of nested artboards, allowing me to isolate and refine more intricate elements without cluttering the main timeline.
For character movement, I used IK constraints and bones to accurately connect limbs, ensuring natural and flexible motion. By carefully applying target constraints, I was able to gain precise control over how the character animated.
State Machine Set-up With Scenes
State Machine Set-up With Scenes
Utilising Nested Art boards
This project was a great example of creative collaboration and the power of real-time animation. Working closely with GWI, I was able to bring their product story to life in a way that’s both engaging and technically efficient. The final result is a polished, loopable animation -delivered fully in Rive and weighing in at just 438KB??!
Bones and IK Constraints
Bones and IK Constraints
Like this project

What the client had to say

Really great experience working with George, would recommend him.

Annabelle Sing, GWI

Mar 26, 2025, Client

Posted Apr 9, 2025

A seamlessly looping video animated entirely in Rive, ensuring minimal file size and smooth performance.

Likes

1

Views

32

Timeline

Mar 14, 2025 - Mar 25, 2025

Clients

GWI

Payment Concept - Wave
Payment Concept - Wave
Micro-Interactions, Rive
Micro-Interactions, Rive
Character Animation - Rive 🏆
Character Animation - Rive 🏆
Product Integration - Rive
Product Integration - Rive