Motion Design · Graphic Design

Success screen animation design

Tools
  • Rive
  • Illustrator

Overview

The objective was to create two engaging, dynamic success-screen animations for a fitness application. Rive was a core requirement, supporting seamless implementation, optimized file sizes, and full interactivity.

Role

I was responsible for storyboarding, designing, and animating both success screens. My goal was to deliver final animations that the development team could implement directly.

storyboard of a fitness application
storyboard of a fitness application

The process

I started by gathering the client’s requirements and exploring concepts. After creating the first storyboard and illustration-style drafts, I refined them based on feedback. Once the illustrations were finalized in Adobe Illustrator, I prepared the final storyboard. With the client’s approval, I moved on to animation in Rive.

Technical details

For the “high five” animation, I created a hand rig that made animation faster and allowed for easy adjustments. To present the work to the client, I set up a looping interaction triggered by a button click. This setup could also be adapted quickly for other types of user interaction.

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

Final animations

Click the button to play the demo.

More Projects

All projects