Development technologies: HTML5, CSS3, jQuery
Designer: Jan Ploch
This relatively simple portfolio site for Hamburg-based web and graphic designer Jan Ploch really hinges on a cute graphical idea, strategically placed <div> tags and the necessary nuggets of jQuery required to make it work. The lengthy page is styled up to resemble a bottle of soda, complete with drinking straw and bubble-shaped rollover icons, which animates the emptying of the green liquid inside as you vertically scroll. The technique also owes much to the use of transparent PNG images, with a set of three employed to handle from the top, middle and bottom sections of the bottle. A function call to the jQuery Scrolling Parallax plug-in by author Jon Raasch takes care of the mechanics of the effect with seamless aplomb, adding a genuine wow factor to a site that might otherwise fall under the radar. It all helps to bring attention to Jan’s commercial web work of course, with impressive examples from Roy Robson’s fashion and modelling firm Smuk Agency being nicely represented.