top of page

This site was designed with the

website builder. Create your website today.Start Now

RELATE APP

Motion Graphics & Animation for Product Advertisement

Animation work for designers and website builders web application, as part of the product launch campaign

The Ad

The Starting Point

While working on the animation sequences in Adobe After Effects, the design of the product was changing Ahead of the launch, this situation required a unique working animation method for a very small work time window. The work required an animation process that would allow the animated elements and their design to be replaced and change quickly and easily.

The Solution

To adapt the working method to the client and the changing appearance of the product, most of the animated elements seen in the advertisement were real elements from the actual product, so once the designers changed the design of the elements, they could be easily updated to the new design in the After Effects timeline, without changing or compromising the animation that already been done. In this way, the number of elements that had to be restored and reproduced in Adobe Photoshop, Illustrator, and After Effects was significantly reduced and saved working time.

Ad Animation compilation

Code Action Menu

The client's requirement for visual accuracy and product function mimicry of the animation, to match the way the product works, required close and precise work, while planning together with the sequences according to the client's vision.

Publish Menu Animation

Animations were adjusted according to narration that recorded in parallel with the animation process itself.

Drag Animation

CSS Code Animation

The animation of the code parts was done taking into account the logical way in which code would have been actually generated in the background.

Button Click Animation

HTML Code Animation

bottom of page