Before the rise of animations on the web, we were already familiar with it thanks to other mediums such as cartoons, video games and digital advertising. Using animations in the right way can engage visitors, improve their experience and guide them to important elements on a page.<\/p>\n

In the intro sequence for Wavemaker, we add an element of surprise and extra branding to the logo as soon as the user starts scrolling down. The logo \u2018explodes\u2019 into smaller shapes, trapping the logo\u2019s orange circle behind them. Once you click, you allow the orange circle to break through, sending the white shapes flying everywhere. This not only adds a fun element to the intro, but it also carries a deeper meaning as Wavemaker as an agency is also all about \u2018breaking through\u2019 the uncomfortable.\u00a0<\/span><\/p>\n

The next part of the intro sequence lets the visitor jump over a big gap, representing the fearlessness and courage that Wavemaker wants their clients to find within themselves, in order to positively provoke growth.<\/p>\n

Later, two of the white shapes that we saw at the beginning of the sequence appear again, only to be knocked sideways by the orange circle. This animation not only adds a sense of speed and excitement, but it also creates the ‘W’ symbol, further reinforcing the brand.<\/p>\n

We invite you to check out the article over at DesignRush to read everything they have to say about the Wavemaker Project.<\/p>\n