• Add to Collection
  • About

    About

    Client: Vuly Trampolines - Thunder product launch Services: HTML5, CSS3, some Javascript coding, cross-browser compatibility, Photoshop image edi… Read More
    Client: Vuly Trampolines - Thunder product launch Services: HTML5, CSS3, some Javascript coding, cross-browser compatibility, Photoshop image editing Date completed: March 2013 A 'Micro-site' created as a single page to showcase the world-first new trampoline design at Vuly Trampolines - the Thunder. Read Less
    Published:
 
Client: Vuly Trampolines - Thunder product launch
Services: HTML5, CSS3, some Javascript coding, cross-browser compatibility, Photoshop image editing
Date completed: March 2013


A 'Micro-site' created as a single page to showcase the world-first new trampoline design at Vuly Trampolines - the Thunder. This page includes a number of animations and effects including:
- an animated entry of the hero product
- pop-up video container for the showcase promotion video
- revolving slider of key features videos
- gallery with pop-up viewer
- fully responsive design that loads images according to connection and device (fast!)

Unfortunately I can't claim credit for the design of this site. My role was in hand-coding the HTML and CSS from a blank page, in order to build speed and interactivity, and have the static images come to life online.
 
Of course, the animations and interactive aspects of the website can't be shown here in this flat format, so after you've had a look through the pics, go and visit the site itself - www.vulytrampolines.com/thunder
...
 
 
Large Screen layout
...
 
 
iPad layout
...
 
 
mobile phone layout