Built with Rive

Success Screen Animations for Fitness App

Kris

Kris Blencki

Success Screen animations

Overview

The objective of this project was to create two engaging and dynamic success screen animations for a fitness application. The primary requirement was to use RIVE, ensuring seamless implementation, optimized file sizes, and full interactivity.

My role

I was responsible for storyboarding, designing, and animating the success screen. My goal was to deliver a final animation that was ready for the development team to implement.

The process

I started by gathering the client's requirements and brainstorming ideas. After creating the first drafts of the storyboard and illustration style, I refined them based on client feedback. Once the illustrations were finalized in Adobe Illustrator, I prepared the final storyboard. With client approval, I then moved on to animating in RIVE.
The storyboard
The storyboard

Technical details

For the “high five” animation, I created a rig for the hands, making the animation process faster and allowing easy adjustments if needed. To present the animation to the client, I set up a looping interaction triggered by a button click. However such setup allows to quickly adapt the logic for different types of user interactions.
Bones system used to animate the hands
Bones system used to animate the hands
Like this project

Posted Jul 18, 2025

Created success screen animations for a fitness app using RIVE and Adobe Illustrator.