Skip to page content and links
Work
Nuvo Website Animations
A Rive data-card system for Nuvo's website: one main stage that nests cards, rows, counters, gauges and bar graphs, all driven by ViewModels.
Client: Nuvo
Nuvo / 2025
One stage. Eleven ViewModels.
My role: Rive animation and ViewModel design
Delivered: A multi-data-cards Rive file (versions 1 and 2) with standalone HTML demo pages
Tools: Rive
The brief
Nuvo.com hired me on 25 September 2025 for website Rive animation. The Upwork engagement was titled "Nuvo.com hero animations" and the Drive folder "Website Rive Animations".
The build
The v2 file holds 12 artboards: a main stage, a card, a row, a string, a counter, a gauge, a bar graph, three badge artboards and two image artboards. Eleven ViewModels run them. The main stage nests three cards, and each card nests rows (18 row instances in all), with counters, gauges and bar graphs inside. Properties such as a chart picker, hover state and colors let a card change what it shows. The file embeds the Acid Grotesk and Ubuntu Sans fonts and three bank-logo images.
The delivered experience
The folder holds three HTML demo pages that run the Rive file in a browser, and the entry carries versions 1 and 2 of the file.
Project media
Nuvo data cards: live data walkthrough
Recorded from multi-data-cards-v2.riv: the cards build in, then each is hovered while its data changes (counter, state badges, credit-score gauge).
Have a project in mind?
Explore motion design and interactive animation services, or get in touch about your project.