The 2012 Summer Olympic Games, officially the Games of the XXX Olympiad, are all set to begin in London tomorrow. There’s been plenty of excitement surrounding it in the air lately and a lot of iOS apps have come out both for iOS and Android platforms, including these official ones. GoSquared, one of the most popular real-time web analytics apps and based in the UK, decided to celebrate the London 2012 Games by putting together this gorgeous single page website — Analyzing London 2012.
The website, put together by the talented team at GoSquared, lays out interesting numbers and trivia about the event in a beautiful way. The site makes excellent use of Parallax scrolling, to display the content. There’s plenty of examples of CSS3 animations and transitions in the site and the pixels and colors as handled fantastically. I really like little touches like Usain Bolt running across the screen, the background color changing from gold to silver for that trivia and the way the arrows for the stadium height expand as you scroll further.
Since GoSquared is a web analytics product, the bottom of the page has a world map that tells you how many people are currently viewing the web page and from which part of the world. At the very bottom, the page shows you how long it took you to scroll though the page and compares it to Usain Bolt’s speed. Brilliant.
This is my favorite kind of website and we’ve featured similar sites in the past. It’s one of those sites where I can’t help but mention, “Scroll baby, scroll”. Go ahead and check it out, what’re you waiting for?
Full Disclosure: GoSquared is a Beautiful Pixels partner and we use the service to monitor the traffic on our site.