Notice: Undefined index: order_next_posts in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 194

Notice: Undefined index: post_link_target in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 195

Notice: Undefined index: posts_featured_size in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 196

Site of the week: Speedo – Fueled By Water

Iconic swimming brand Speedo splashes out big web design waves for an immersive video-filled tribute to water

Iconic swimming brand Speedo splashes out big web design waves for an immersive video-filled tribute to water


URL: Speedo – Fueled By Water | DESIGNER:

Ever since vlogging was popularised around 2005, modern websites have increasingly embraced video content. The desire for social sharing, coupled with HTML5’s useful <video> standards has also made video more prominent in our browsers. So when aquatic sports brand Speedo wanted a microsite for conveying the excitement and motion of water, there was just one solution.

Showcasing the talents of Culver City’s LA-based digital agency Hello Design, Fueled by Water is a love-letter to the playground of swimmers, surfers and divers around the globe. It opens on videos collated together showing different kinds of water sports interspersed to make the feeling of the rush of water. In addition, the experience invites visitors to share and submit their own water-based exploits via social channels and win Speedo gear.

“Fueled By Water is our tribute to water and the people who are passionate about it,” explains Hello Design’s CEO/creative director, David Lai. “Hello Design and Speedo partnered to create a series of 17 short films in a unique digital destination. The resulting HTML5 and CSS3-based website is an immersive experience where everything is video driven, even the navigation. Video loops in navigation hover states allow visitors to preview the content, either from the menu or from the sidebars that highlight the next video in the series. To get the best performance, the code had to be very precise — stripped of all unnecessary events and JavaScript behaviours to maximise video playback.”

Fueled by Water is a video-driven tribute bringing 17 short films together into one enjoyable experience

The featured stories chosen for the site may also be shared via popular social media channels or via email to gain more traction