UI animation, motion design, and seamless timing for a clear user experience

This project was developed as part of a series of explainer videos for Itaú Bank, aimed at guiding users through essential app functionalities—in this case, how to make a transfer.

The brief presented a particular challenge: the voice-over was already recorded, which meant the animation had to follow a very specific timing, ensuring every visual element synced perfectly with the narration.

The visual design was created by Gaby Guppy, with a clean, modern aesthetic aligned with the bank’s brand identity.

The animation was done entirely in Adobe After Effects, using vector graphics prepared in Adobe Illustrator. A highlight of this piece is the use of a "fake 3D" effect for the phone elements—designed in 2D but layered and animated to create the illusion of depth and dimensionality, all within a flat vector space.