Web Content Flow Animation

We also tried to provide a better experience with the web content flow by applying some animation.

Hero Section

Instead of showing the partially broken hero image while loading, we have developed it so the image will be smoothly shown when completely finished loading followed by the content fading in smoothly in order.

Content Box

We applied the animation to the content box so it catches the eye movement and gives a correct direction with which side users should start to read as there are two different content box styles: one with an image on the left side and the other on the right side.

But NOT Too Much

Our main focus on the content flow animation was to provide users better reading experience so we only provided the animation when it was necessary. We believe too many animations will rather distract the readability.