Motion Design · Graphic Design

Success screen animation design

Tools
  • Rive
  • Illustrator

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.

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.

storyboard of a fitness application
storyboard of a fitness application

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.

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

Mortgage onboarding interface with a clear primary action
The rig created with the bone system.

Final animations

Click on the button to play the demo

More Projects

All projects