Site promoting the new Adidas football boot – via an interactive game which you can play connected to your phone. Through a series of timed gestures you control the sequence of clips highlighting features of the boot. Loads of cool effects and rollover states and attention to detail and clever behind the scenes work make this a really nice interactive experience.
Created by DDB & Tribal Amsterdam (@DDBTribal_AMS).
Great site for Carrera sunglasses. Super modern, fresh design – with sticky navigation element, sliding interface, overlays and so on – and its responsive looks good on mobile too. Really nice typography, well considered layout and design – love the offset grid and red highlight colour throughout. Loads of nice touches, including mini-campaign style pages telling the story of their history and so on. Great example of a responsive, modern & fresh site with parallax, great typography and loads of interactivity.
Created by Random Studio (@random_studio).
Site for Under Armour, sports clothing – another long scrolling site with lots of depth. You scroll through various people doing sports, wearing the clothes and equipment – copy floats on the highest level, background on the lowest – with a line running through the site with images / video scrolling down along with it. Large bold typography really adds to the impact. Nice transitions, cool scrolling effect and animations – all wrapped up in a nice design.
Created by Firstborn (@firstborn_nyc).
Nice magazine style site documenting an interview with snowboarding maestro Travis Rice. Nice large full bleed imagery, large text and magazine layout. Love the little animations as you scroll, and the transitions to the next section – the current page sliding back and so on. Nice touch is that it is responsive too. Great example of an editorial, easy to browse and read site, will great imagery and subtle animation.
Really cool site for Oakley’s new goggles for Moto Cross. Essentially a long scrolling page – with scrolling triggering animation – in line videos, nice exploded 3d views and so on. The great part of the site is the fact it is responsive, so on the larger screens you get the full parallax experience, on mobile you get a stripped down experience and on in-between sizes you get fewer animations. The animations are fluid and it all comes together to really explain the product well – great example of a responsive parallax scrolling site.
Created by Oakley Digital (@oakley).
Fascinating site showing football player Messi’s stats – all centred around a 3d exploratory interface. Fantastic execution, with a 3d football and animated infographics, love moving around and panning the viewpoint. Love the transition from ball view to information view – the ball explodes revealing the information. The attention to detail is incredible, even when you change the timescale the figures on the ball update accordingly. At certain angles lens flares glow, with dust particles moving around all in all great experiential site.
Created by United State of Fans and MediaMonks (@mediamonks).
Nike MvsW is a Nike+ running competition aimed at pitching men against women in Hong Kong – using their Nike+ data to compare themselves against other people and celebrities. It is all brought together into a minimal data visualisation layout – all in 3d! The graphs are drawn in front of you – you can affect your view by moving your mouse around – quite immersive. Really bold and bright look and feel, (love the login page) great animation and the 3d effect is ultra smooth – great way to bring the concept to life.
Created by pill & pillow (@pillandpillow).
Site promoting REI an outdoor clothing specialist, through an online gallery documenting all 1440 minutes in the day with a photo! The main interface is a grid based layout to explore each minute, nice large photography and slick animation. The time is based on when the photo was taken – I love the way you pick a time – dragging the hands of clock around – it all feels very intuitive and slick. Loads of nice little details and works responsively down to mobile too – all in all great site that looks good and has lots of cool animation and transitions.
Created by Resn (@resn_has_no_i) and BBDO Atlanta (@bbdoatl).
Site promoting Geox’s Amphibiox waterproof shoes – all through a first person tour of downtown Cherrapunjee one of the world’s rainiest places. You can control the tour through your mouse wheel to speed up/slow down the pace, clicking on one of the highlighted people will show you the show they wear – all through a really cool mouse as the camera style position. Really nice transitions between the sections and cool videos showing the various tests the shoes are put through.
Created by SMFB and Stink Digital (@stinkdigital).
Interactive musical experiment site promoting Evoke’s Zegon Sunglasses. A large sequencer plays samples, you interact by clicking and dragging shapes – sadly the site is quite hard to navigate / understand. However, there are lots of cool animations and interesting transitions – click to drag through images of specific frames – images zoom out and react to mouse position. Nice layout and minimal design, pretty cool.
Created by Rumba, @rumbatronics.
Latest site of soft drink Mountain Dew. Really slick animations coupled with full on extreme sports styling is what this site is all about. Love the animations and the way the page splits to open up a section you click on. Really smooth rollovers and Flash-esque transitions, nice design all in all great example of what the latest web technologies can do.
Created by Firstborn.
Nice site for Nike Better World, ‘The Journey’ follows athlete Jason Lester on a 102 day journey across America to show Americans Nike’s commitment to making a better world. I like the particularly clean approach to design and layout, and the nice considered usage of fonts. Nice little animations and again another vertical scrolling site, but this is a nicely executed well designed example.
Great site promoting Nike’s competition ‘Chosen Series’ a competition for amateur snowboarders spread across various resorts in Europe. Using a hybrid Flash template for the homepage and I love the very cool transitions between the stages. Nice layout and attention to detail, looks great and fantastic animation. Great to see a blend of the best technologies used in such a good way.
Site promoting O’Neill’s Women’s range for a/w 2011. Centred around the concept of ‘illusion’, before seeing the clothing small optical illusions are shown – they didn’t really work for me but hey it’s a fun idea. Nice transitons and look and feel, nice play on the scrolling theme – overall pretty slick and fun to use.
Created by Achtung! and thispagecannotbefound.com.
