XL Energy Drinks is a global energy drink brand with distribution in over 70 countries. XL approached us to redesign their brand website and distributor access points for product information, marketing and media downloads.
Using WordPress, we designed a unique and eye-catching design using polygonal tiles through out the pages with full-screen page transition animations using CSS3. Polygonal shapes using CSS3 clip-paths are not supported in all browsers, so we designed an entirely new method serving clip-path shapes in webkit browsers and a combination of CSS3 transforms and angled PNG images in non-supporting browsers. The polygonal tiles are entirely responsive and mobile friendly.