MailPoet - Nectar Bird Loader

Animated entirely with JavaScript and SVG for MailPoet.com this is probably one of the more complicated and detailed loader animations I've made.

The brief was to have a short 2 second animation to begin with and then, if the content was taking a long time to load, the animation would go into a longer loop.

I have paid a lot of attention to detail - the leaves and flower heads bob as the new flower emerges and the plant moves down - there is also gentle randomness in the flap of the wings and the hover.

And one of the most crucial aspects of a good loader is that it's small in file size and this weighs in at just 52Kb!

You can find me here:
SiteTwitterCodePenInstagram

Chris Gannon
Interactive Motion Designer

More by Chris Gannon

View profile