One Potato iPad parallax websiteClient: One Potato
Launch date: 07/09/2012
The iPad parallax problems solved here use HTML5 touch-scroll technology developed in-house at Aerian Studios. This is a world first for smooth parallax on an iPad which can be scrolled with touch gestures. The smoothness of the parallax is thanks to our application of hardware accelerated rendering. The site uses tilt-o-vision which is essentially an animation that you can control by tilting your tablet device. Click on any of the tilt-o-vision images on a desktop and you get an animation, but on a tablet or iPad you get the same animation but controlled by tilting your device.
It was essential that the parallax scrolling be optimised for ipad as this was how many of their clients will view the site. One Potato specialise in making images that capture unique and unusual ideas. Any online showcase for their work needed the same playfulness and wow factor as the images they produce. We wanted the site to be high technology but not in your face about it.
The challenges with parallax scrolled sites are to make the design work when everything is not fixed in place and also to create a design that can flow and isn't constrained by the usual web design rules. We spent a lot of time and effort getting a design that flowed while remaining intuitive for the user.