A Story of a Secure Trash App

From Concept to Completion: The Journey of an App — Part V

Part V → Finishing the Animation

Check out what this story is about — https://blackhole2020.app/

TLDR;

• Finalizing the animations using live code
• Cutting the design back due to performance issues
• Moving forward with the rest of the app coding

Finishing the Animation

In the previous part I went over setting up the coding prototype and how to iterate the animations. In this part, I’ll polish and finalize the animation.

To start I usually quickly sketch out ideas on paper. This is often all you need to get moving if you are feeling stuck. Use those hands!

Next hop on over to the coding live editor:

I love the power of the live previewing with Lottie!

Iterating Animations

The next part of the design process involves lots of iterating back and forth between the designer and myself.