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).
New interactive magazine highlighting future fashion. Really nice typography and layout throughout – love the simple animations and transitions between sections, subtle and understated. For such a content heavy site the use of white space and grid is well thought out. The mobile version of the layout is nice too – responding nicely to changes in layout. Nice example of a modern magazine style responsive layout.
Site of renowned architect Rocco Yim showcasing his vast range of work. Really nice offset fluid grid that loads in thumbnails highlighting the projects, love the way the animate in and react to rollovers. Great transitions from one project to the next and zooming in/out – really cool. It was some 2 years in the making this site – everything feels polished and well considered.
Created by Pill and Pillow (@pillandpillow).
Portfolio site of French agency Index-Std. The main menu is a endlessly scrolling typographic almost Star Wars intro esque! Clicking a project gives a nice offset grid layout where the name of the project is locked in place and images scroll through. Love the way when you click on a thumbnail you get the outline of the image and project title – very cool. Really nice example of a modern and minimal portfolio site.
Created by Index-Std.
Lovely site for Paper & Paint, from what I can tell an inspirations and ideas site for a range of paints. Presented with a magazine style layout as you scroll the images within their masks also scroll with hotspots revealing details about particular shades. The layout slightly varies for each section each with an overarching theme and colours which also change as you scroll down the page. Subtle parallax effect and nice looking layout.
Created by Hello Monday (@hellomondaycom).
Nice idea to educate people about HIV in Africa. You are presented with three models – scrolling up reveals more skin – until you are greeted with the message to tweet to continue – thus spreading the message before seeing more. You can then scroll up and see the model (nothing explicit!) and learn a little about AIDS. Really nicely executed idea thats a bit of fun and educational – nice scrolling interface with some cool transitions.
Created by Achtung! (@weareachtung) and Superhero Cheesecake (@tastysuperhero).
A micro site accompanying the History Channel’s ‘Perfect Storms’ tv show. A series of scenarios depicting the ‘perfect storm’ from Tokyo to Constantinople – you learn about what created these storms by a number of interactive scenes – for example fragging warm air across the atlantic and so on. Its a nice device to learn about how these storms are created and more more engaging than simply reading a paragraph about it. Some nice effects here and there and CGI heavy video scenes tie it all together.
Created by Secret Location (@secretlocation) and Entertainment One (@entonegroup).
Holding page mini site for ATEA – new fashion label launching in Autumn 2013. Really really simple a long infinite scrolling area of randomised photos and looping videos from their collection – encourages you to sign up and follow for updates. Just liked the way the grid looks and the position of the central logo and the simple interactivity that by itself is just fun to play with. Looking forward to seeing the full site.
Created by Assembly (@assemblylondon).
Site promoting the all-new Range Rover. Essentially a video with annotations – showing the key features of the car – highlighted by small hints – the side panel slides out when pressed to reveal more info. Lots of little transitions add to the overall experience, the minimal design and animations make it feel like a modern tablet app.
Created by Blast Radius (@blastradius).
Portfolio site of French agency Rezo Zero. Nicely considered layout and subtle animations bring the design to life, with a modern and fresh look and feel. Really like the transitions from section to section and the way the images filter through and the layout for the individual case studies – telling the story in an interesting way. Nice example of a modern agency portfolio.
Created by Rezo Zero (@rezo_zero).
Site celebrating the 10th year anniversary and showing the history of the Ed Banger music label. A simple site – scrolling downwards reveals animations and shows key moments in the label’s history. Lots of detail – from dragging around music covers to interactive keyboards – it’s fun to explore and play. Love the history summary panel where you can see the entire page and navigate around. Just a nice example of a timeline based design which fun to explore.
Created by Anonymous (@anonymous_paris).
Nice site – an interactive video documentary showing the lives of three custom motorcycle dudes. Essentially three different stories divided up into chapters. Really nice interface that comes in when you select a specific chapter, revealing what you can see – love the way you can scrub through the video on rollover – the image gallery is a treat. Love the amount of polish and craft that has gone into this experience – all the transitions, animations and effects have been crafted and perfected. A real showcase into what can be achieved with animations, video, and transitions.
Created by Instrument (@instrument).
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 promoting Danny Boyle’s new film Trance. Harking back to the days of Flash experimental sites this short experience is a maze of clips – like a fruit machine – clicking on a certain section reveals snippets from the film. Incorporating the films concept of being in a trance, you unveil memories – short erratic scenes – treated with ‘glitch’ artefacts and so on – nice to see a site just being an experience rather than a source of information.
Created by Watson / DG (@watsondg).
