Site showcasing the spring/summer 2015 outdoor wear from Quechua. Going through various destinations and activities across the world and presenting the range. Love the layout and various details that breathe life into the design, from the way the site scrolls – revealing more of the image inside the mask – to the subtle animations bringing in the copy.
Created by Akaru Studio (@Akaru_studio).
Summer promo site for Nike Women in Turkey. Featuring full screen video with small interactive moments, showcasing the range of summer Nike sportswear and short tips on exercising – I like the hotspots on the products which offer detail on the individual items – which then link through to where you can buy them. Short chapters let you jump around and see the how you might wear different pieces for different sports and circumstances – it also fully responsive and works nicely on smartphone / tablet too. Fresh and a bit of fun nicely done.
Created by -99 (@minus99ds).
Lovely site for B&O Headphones, promoting their H6 Rapha Edition – a brand tie in with the cycling brand. Visualising how music can influence your ride, from preparation, hill climbs, racing, and all the emotions experienced whilst cycling. Lovely mix of videos, photography, hints of diagrams and descriptive and emotive copywriting.
Created by Spring/Summer (@SprngSmmr).
Lovingly crafted site for baseball team The St. Louis Browns, and their history. Feels very much like an app, with rich photos and video, all with nice typography. Loads of detail and interesting nuggets of info, from photos, balls, and history. Look and feel is nicely grained and with hint of nostalgia – it looks great with accented orange colour – all nicely designed and all in all a rich, interactive, encyclopaedic experience.
Created by HLK (@HLKagency).
Interesting site for sports wear brand Under Armour. Featuring model Gisele Bundchen working out with real time comments posted on social media projected on the walls around her. Love the circular interface element allowing you to jump ahead to various parts of the video. The comments section is executed with finesse – love all the comments bubbles and the way it all transitions in. The whole site is really well crafted with good attention to detail, a slick experience.
Created by Droga5 (@droga5) and Active Theory (@active_theory).
3D configurator for Penny Skateboards. Amazingly detailed customising experience to create your own skateboard. One of the key features of the site is the fact it works amazingly well on mobile devices, fantastically smooth and love the way when you customise different parts of the board your view zooms and pans around. Really well thought out interactions and fun to play around with.
Created by HelloEnjoy (@HelloEnjoy).
Site promoting the wearable tech product ‘Withings Pulse’. Set from the perspective of three people wearing the product in their daily lives, a short film shows what the product does in-situ – sliding panels appear and you can explore in more detail about the product. I like the flow of the journey and the additional info appearing in a nicely designed way, it also looks great, nice palette of colours and fresh design.
Created by Black Negative (@_blacknegative) and Dilshan Arrukati.
Fascinating site created as a side project by Anand Sharma – it tracks his daily movements and visualises it in an interesting way. Using an array of APIs and custom code, a whole host of data is recorded, how much he ran, how many climbs he’s done, how far he’s walked, his heart rate and so on. Using the API from apps such as Moves, Foursquare, Nike+ etc – the interesting part is how the data is organised and visualised. ‘Sport’ focusses on the data such as heart rate, running, walking and so on – where as ‘Explorer’ highlights movements day to day, along with location check ins, photos and so on – the detail is quite incredible. The case study in his blog is worth a read too – really interesting to see the approach and decisions he made along the way. Not only is the visualisation and organisation of the data great, so too is the design, and the finishing touches such as the animation and the transitions – they just bring it all to life.
Created by Anand Sharma (@aprilzero).
Nice site for Nike, and their philosophy of their natural motion range of trainers. Taking inspiration from the shoes themselves, the site is flexible and dynamic, love that you can drag around the blocks of copy, video, and imagery. Lots of detail in the content too – giving a insight into the design philosophy – again which is mirrored by the interface. It is also responsive, which is great to see too. Nice to see something like this which is a bit different, looks good, with a nice visual/interactive concept behind it.
Site for Quechua and a lookbook for their S/S collection 2014 of outdoor clothing. Shown from a video perspective in different locations in New Zealand, watching the videos heroes the clothing and equipment on offer – clicking at any time shows the list of equipment on offer. Love all the transitions and attention to detail and so on, such as the homepage and the slide out menu everything feels slick and well put together.
Created by Akaru (@Akaru_Agency).
Site showing the genealogy of Nike Free trainers through intricate 3d models of key Nike free models. The detail on the model is incredible, with each part of the shoe rendered with Web GL. Attention to detail is great, the noise layer and colour hues at different edges of the Y axis. Nice to see something a bit different to show off some shoes.
Adidas Originals Tumblr blog. Real simple, slick transitions and works well. Nice to see how far you can customise a Tumblr blog.
Created by Resn (@resn_has_no_i).
A short series of video portraits of Mountain Dew’s sponsored sportsmen. Love the animations and transitions on the landing page, and seamless transition which leads you into the looping video portraits – which are beautifully put together and well conceived. Little hotspots allow you to find out more about the individual components of the portrait, and panning around adds some element of exploration to the scenes.
Created by BBDO New York (@BBDONY).
Site promoting the Adidas NEO collection with Selena Gomez. Essentially a video clip of her wearing the range – you can click at any time and the video blurs out and you get a cool transition to show which items she is wearing – click through you can then buy the item. Pretty cool transitions and animations, and neat design.
Created by North Kingdom (@NorthKingdom).
