Simple and elegant site promoting Dom Perignon’s Rose 2002. Beautiful 3d Flash visualisations highlighting sensations, tastes, and feelings you might experience whilst drinking the champagne. Some really nice layouts and lovely visualisations in the sequences – love the rose petals rotating! Wrapped up in an ultra minimal interface to let the content shine.
Created by Random Studio (@random_studio).
Site promoting the latest ‘campaign’ from denim label G-Star RAW. Featuring a carousel of looks constructing and de-constructing – love the way the typography builds up, and in the background the different layers of glass rotating and moving. Some nice sections such as the look book – again like the way on rollover you can cycle through some different angles. Nice clean / minimal interface, and monotone style.
Competition setup by Heineken to win 2 intercontinental tickets to any destination of your choosing. All you have to do is submit a photo taken abroad with a bottle of Heineken somewhere in the image. The site housing of all is this is quite a technical feat, a fully 3d globe with night / day, rotation, bump mapping – the attention to detail is incredible! You can zoom in / out, see all the individual photos etc, all presented in a nice way. Loads of cool transitions and animations bringing it all to life – from planes tracking the distance to Amsterdam, to statistics on the amount of photos and locations – all really in depth a fun to explore.
Created by TBWA\NEBOKO (@tbwaneboko) and Superhero Cheesecake (@tastysuperhero).
Stunning immersive site about the decline and changes to the glaciers in the Himalayas. Featuring a documentary style explorative interface, using ultra high resolution photography to zoom in – try zooming in on the camp at base camp – and see the landscape of the region around Mt Everest. A wealth of well considered content from videos in the lower towns through to sherpas stories in base camp. There is a great interactive 3d map of Everest and a documented trek to Everest base camp. A really in-depth, thoughtful interactive documentary on this amazing region. Brought to life by beautiful photography and a nice blend of technology.
Created by Pixel Lab (@thinkpixellab) and Microsoft.
Incredible campaign microsite for Audi and #onemillionreasons. Essentially a model of their R8 car made up of spheres, which people can ‘own’ through social media, clicking on one of the spheres shows the statement, which then also when the “3d ansicht” button is clicked – totally destroys the car and rebuilds it in front of your eyes – and turns it into the photo or statement – absolutely incredible! All built in Web GL, it allows you to rotate your view, zoom in, and interact with the various spheres. Love the attention to detail too, with the spheres moving around based on position of your cursor, and watching the light source cast shadows dynamically. It really is incredibly well made.
Created by Minivegas (@minivegas) and Razorfish Germany (@razorfish_de).
Lovely site for Nespresso showcasing 2 limited edition flavours – Napoli and Trieste. Fantastic 3d animated illustrations of the scenes evoking the ambience of both towns. Lovely animations and transitions and a great level of detail – love the way the scene colours in when you click on the label of the scene. Really nice site with a lovely ambience – really nicely executed.
Created by Werkstatt (@WerkstattParis), and Lowe Strateus (@lowestrateus).
Site promoting new Ubisoft game ‘Watchdogs’ an action/adventure game set in the modern age of communication and data. This site pulls in public live data from lots of different sources such as Twitter, Flickr, Instagram, transport grids, phone mast locations, cctv etc etc – and plots it all on a series of 3d maps across London, Paris and Berlin. The detail is quite incredible, featuring moving trains, phone networks, twitter messages, all in a 3d interface which moves nicely as you click and drag around the map. It really gives the impression of the amount of data in the world around us – all nicely colour coded and with icons to tell the differences between each bit of information. It looks really cool too – with the dark background and glowing icons and drawing lines – when you pan the buildings are draw all in 3d boxes, with particles at different heights giving that illusion of depth. A very cool site – all built in Flash – full of interactivity and dynamic information rendered in a 3d map!
Created by BETC Paris, (@BETCParis).
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).
A guidebook from Google to highlight the creative possibilities of the digital world with Google. Love the concept of a 3d pop up book, with various scenes showing possibilities such as street view, mobile, YouTube. The scenes are not only animated they are also interactive. There are various ‘pull’ tabs which trigger actions in the scene such as in Google maps, pull the tab and your view goes into street view. Also love how the movement of the pages is linked to your mouse which provides a very tactile interactive experience. All done in CSS / Javascript – really quite amazing.
Created by We Are Hive (@WeAreHive), Adam&Eve (@aandeddb), and Google Creative Sandbox (@CreativeSandbox).
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).
Nice site illustrating the index price of Christmas presents – all related to the ’12 days of Christmas’ – nice idea and really nicely executed. One of the best examples of a non-Flash site i’ve seen – in terms of sound integration, Google street view, music, transitions, flips. It looks great too, really nice layout and design, and lovely transitions all tie up to be a great site.
Created by Deutsch Inc (@deutschinc) and B-Reel (@b__reel).
500 of the best Chrome experiments – a mixture of the latest WebGL / CSS3 / Javascript experiments. Love the interface – a swirling mass of shapes colour coded by subject, for example 3d, physics, and so on – which by itself is fun to play with. Rolling over the dots gives more info about that project, clicking through will take you to the example. Clean, clear, fun – what more could you want – loads of great experiments to discover.
Created by Google Creative Labs.
Promoting the launch of a range of Denon headphones this campaign site visualises how it might feel in an interesting way. Using the frequency analyser to map the range and volume of frequencies animating to music – all applied to faces wearing the headphones. Love the approach and the detailed view of the headphones, again the 3d parallax comes into effect.
Created by BBDO New York (@BBDONY) and Jam3 (@jam3).
Canal+ site promoting new series Les Revenants – again with the 360 drag to view mechanism. What I really like here is the feeling of depth and quality of the scenes, it really feels very immersive. You explore various locations and meet some of the characters from the series – the way they have placed video inside the scene is fantastic – with characters closer to you appearing closer with a kind of parallax effect. Really well crafted and fun to explore…
Created by BETC Paris, @BETCParis.
