Animated SVG Illustration - Liferay.com

SVG animation is pretty legit. Here is the animation for the Liferay homepage (illustrated by Ryan). I started with the illustration, exported as an svg, and added animation using both css and the svg animate property to really bring this thing to life and communicate the idea behind it!

◼️The blocks building up represent quickly and easily expanding across your customer’s journey using liferay.
🔷The points traveling along the line represent data that is then analyzed in the bar charts.
🔵The squares coming off the blocks represent screens of sites or applications be served to users!

Checkout the work
Codepen
Live on the site

homepage.mp4
2 MB
Download

More by Liferay Design

View profile