Firstbridge Montesorri

By Chi-Loong Chan | | Animation

We did this website project for Firstbridge Montesorri in 2017.

Unlike standard websites, the ask was to create a unique piece of artwork animation wise. This is a scroll-based animation website (pretty much like the main V/R website), where the animation is hooked to the scroll.

The animation tried in this piece is slightly different, where a lot of animations are line-based strokes. Combined with the color fills, it gives an idea of a children’s art piece, where the lines are drawn and coloured in.

The clouds are procedurally generated on the main page with random positioning, to give the effect that when you scroll downwards you’re actually moving through layers of clouds.

One thing to mention is that we took out all the parallax animations for mobile and tablet. The piece is heavy enough that it will work on the latest modern phones, but we wanted to give slightly less powerful mobile devices a fighting chance to run the site! 😀

Artwork is all custom (including all posters and logos) from our design end, and of course so is the animation design of this piece.

Small pieces of code to hook to the eBook platform that firstBridge publishes to, plus linking to all the latest photos on Facebook for the different schools on the site.

All in all, I loved doing something so pretty for the client.