Whilst working on the design for the Rentalcars apps I noticed that if a user was on a slow connection they would be shown a spinning loading wheel for potentially quite some time. To give the user a more enjoyable experience and to pass the time better I designed and built an animated loader.
The loading animation features many world landmarks including Cristo Redentor in Brazil, the Sydney Opera House, the Easter Island heads and many more. The reason for this is that I wanted to represent that Rentalcars is an international company.
I designed the animation in Illustrator and gave the images to a developer to integrate into the app. Through pure curiosity I wanted to see if it was possible to recreate the animation using HTML and CSS. After making a few short animations the animation was actually used in a company video later on!