What is the best application for web based animations and why?

Exporting SVG

Lightweight, scalable animations for your docs.

Lottie published SVG files provide a valuable tool to create, edit, test and display Web based animations.

Although simple in theory, these SVG files can be difficult to export within After Effects. Testing SVG file outputs can be problematic especially for complex animations and it is best to stick to vectors in those animations.

Once configured, these animations are fast, dynamic and give the user a memorable experience.

Embedded Video

Adobe After Effects

Embedding Video

Embedding video looks great but holds up loading times and the amount of data drives down site ranking within Google. Best to keep these files away from your home page on your site.

Animating for the web

Below is a social media post built with Adobe Animate  for a CBD Bath-bomb company built in Adobe After Effects converted into a SVG file.

Adobe Animate & Adobe Character

Although not perfect, HTML5 web animation is essential tool for Web Developers to create powerful experiences for users.