This explainer ad visualizes the movement from payment to delivery through a fast, detail-rich sequence of product animation and transitions. The central moment transforms a credit card into a package, connecting the act of purchasing with the delivery outcome in one continuous movement.

Motion design and animation

Product-icon animation

Shape transformation

E-commerce explainer storytelling

Transition design and timing

One transition needed to carry the whole story of the video. A credit card turned into a package, falling into a delivery worker's hand. Paying and receiving were shown as one smooth motion. For this to work, the box couldn't just look flat. It had to appear genuinely three-dimensional as it fell, with a lid closing at the same time. The entire scene still needed to look refined, not like a temporary graphic.

The card transformed directly into the box instead of switching between two separate shapes. This way, the change itself conveys the meaning; paying and receiving happen as one action, not two. To make the box look three-dimensional, we had to build real depth and perspective into its shape as it morphed, rather than adding those elements afterward. The lid was animated to close over the box as it dropped. It was timed to finish right when the box lands in the delivery worker's hand. This detail makes the moment feel intentional rather than like a substitute graphic.

Elsewhere in the video, each product icon- the washer, the camera, the speaker- was animated separately to show its specific function. Then, they were layered together since these represent machines made of moving parts, not just still icons.

Motion Designer

Explainer Video Animator

2D Animator

Tools: After Effects, Illustrator.