Moodboard for web animators

Cheeky, colorful text styling and animation sprinkled with ever-fun emojis. They are made with Canvas.

Clear navigation bolstered by Immaculate font pairings. Who knows a copywriter’s website can be so well-designed?

Love this interactive infographic from Eurovet. The main graphics are SVGs, but the interactive lines are made with Canvas.

I like how Caleb Barclay managed to put a spin on the all too common header menu through good-old typesetting and lines.

An elegant, seductive loader paired with a curvy, exuberant display serif aptly named “Voyage”. Visitors can tell they are in for a good road trip before they even see the full website.

This is what a well-designed, on-brand preloader can do to your products.

Let’s take a moment to appreciate this aesthetic header design. All you need is good eyes for a sans-serif with good variety of widths and nicely-positioned lines.

In this day and age, it’s so easy for have your name forgotten. I like how Flambette sticks its logo on the sidebar of its web page. Users can scroll anywhere and they are still aware that they are on Flambette’s website.

The navigation menu and social media links are also on the sidebar, but they are of smaller size, placed closer to the bottom and rotated, which indicates their secondary importance in the hierarchy.

Intro for a virtual reality tennis game animated in Greensock. I love the diagonal lines representing the court, which makes the layout more unexpected and memorable. The sound of the ball hitting the court is also well-matched with its movement.