This site for Vibrant’s haptic communicator Thumper has a beautiful balance of subtlety in motion and moments of innovation and impact. I was immediately drawn to the attention to detail, use of asymmetry, and how precise and refined the small animations were.
Site animator Chris Gannon’s ( gannon.tv) explanation of what was done makes it even more intriguing: “Whilst working out the speed of the Thumper pulse, we had to refer to an algorithm that says if ‘m’ is the slope of the line, the speed should be proportional to sqrt(1+m2).” That could not have been easy! A perfect example of how informative animation can catch the eye of the viewer, educate them and be beautiful, all at once. And Gannon is a master.
Small visual effects on scroll echo the surprise and interest that parallax scrolling usually tries to achieve, but are subtle enough that the viewer can feel at ease while navigating. A beautiful overall synthesis of information and design.
“The simple geometric animations really tell the story of the product and how it works. They say so much with just a small amount of motion”
Val Head (@vlh)