Yearly Archives: 2012

Milwaukee Police

By | WEBSITES | No Comments

No it’s not a film site or a teaser for a new video game – this is the site of Milwaukee Police News. Another vertical parallax scroller but again a really nice one – incredible to think that this is a site for a government agency – how did they achieve something that is not another bureaucratic legacy design. Love the different layers of depth when you scroll to another section and then the side swiping to reveal more content at that level. It’s the kind of content that people can relate to – statistics about what their local police force is achieving to the most wanted criminals, to basic FAQs such as ‘how do I pay my parking ticket’? Really modern take on a Police website.

Created by Cramer-Krasselt.

Site here…

Cadillac ATS vs The World

By | WEBSITES | No Comments

Setting Cadillac’s ATS car in different locations all of the world showing the car tackle things such as hand carved tunnels in China or the rough landscapes of Chile. The interface is lovely, really slick with clear distinctions between content and nice transitions. Another vertical parallax scrolling site – but a really good one – full of intelligent scrolling and carousels. What I like is the animation and transitions particularly, all coupled with large full screen images and great assets.

Created by Firstborn and Fallon.

Site here…

Track ‘Em, Find ‘Em, Kill ‘Em

By | WEBSITES | No Comments

Fun site promoting the movie ‘Expendables 2’. A tongue in cheek guide to the characters, techniques, and weapons seen in the film alongside survival tips, quotes and so on. Love the animated gifs and the descriptions – it’s all essentially a branded Tumblr feed. The art directions is cool, and love the simplicity and the humour.

Created by Watson DG.

Site here…

ParaNorman

By | WEBSITES | No Comments

Lovely site promoting the new film ‘ParaNorman’. You explore the site through scenes from the movie – through a side scrolling parallax effect – which is really smooth and responsive. There are small little snippets of the film, interactive sections (brushing his teeth, dragging zombies) one of the nicest parts of the site is the responsive nature. On iPad you shake the device to brush the teeth, moving the screen pans the scene, on mobile phones again a different experience. All non-Flash, really smooth, fun, and with incredible attention to detail and accounting for the range of different devices in a really interesting way.

Created by Wieden + Kennedy and Legwork Studio.

Site here…

ALB – Golden Chains

By | WEBSITES | No Comments

Fun interactive music video for ALB and the track ‘Golden Chains’. Love the idea here – young upcoming artist selling items from the video on eBay and so on – as the video progresses he pushes and throws his belongings out of the video screen and they end up as other windows. Small bits of fun for example at one stage he throws his NES gun which starts a mini version of duck hunt – shoot the ducks to resume the video! All great fun…

Created by CLM BBDO and ACNE.

Site here…

Luck

By | WEBSITES | No Comments

Site promoting Michael Mann’s new show ‘Luck’ in France. Full screen video backgrounds, fast animations, smooth transitions – all wrapped up in a nice design.  Like the way the screen splits diagonally to reveal the new content…

Created by Hellohikimori.

Site here…

Mountain Dew

By | WEBSITES | No Comments

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.

Site here…

This Exquisite Forest

By | WEBSITES | No Comments

Collaboration between Google and Tate Modern. Described as an “online collaborative art project that lets users create short animations that build off one another as they explore a specific theme. The result is a collection of branching narratives resembling trees.” Really nice little project, love the simplicity of it all – and the fact it works really nicely. Nice minimal elegant design and some cool animations already.

Created by Chris MilkAaron Koblin, and Google.

Site here…

Citroen DS3

By | WEBSITES | No Comments

Brazilian site for the new Citroen DS3. Very slick Flash site full of transitions, effects, and nice animations – also looks amazing – nice to see a really slick looking car site again. You can customise a DS3 – basically colour, graphics and so on – I like the transitions between the sections too. Nice full screen video and so on – pretty cool stuff – love the art direction too…

Created by Rumba.

Site here…

Barbara Opsomer

By | WEBSITES | No Comments

Site of actress Barbara Opsomer, very simple and elegant layout – touch friendly with huge buttons and large images.  Love the way the content flows nicely around parts of the site that expands – when you click on ‘read more’. Nice transitions and look and feel – modern and fresh site.

Created by Antoine Ménard.

Site here… 

Chrome Web Lab

By | WEBSITES | No Comments

Love this site right now – lots of live streams and interactive experiments to play with
in collaboration with the Science Museum London and Google Chrome. For example live video streams from an aquarium in South Africa, to playing with a live orchestra in London, to having your face drawn in sand by a robot. I love the design and styling, all very slick and detailed – the attention to detail is incredible – when you are watching the live streams they are first represented by a circular shape when clicking on the feed you can pan around your view and take snapshots, when other people take snapshots a tiny counter is updated. The 3d is fast and smooth – the animations and transitions are spot on, the user experience too – from the menu to the buttons it all looks great. It feels like an old school detailed Flash site, but all in latest WebGL and emerging technologies – fantastic.

Created by B-REEL and Google.

Site here…

Chaos to Perfection

By | WEBSITES | No Comments

Another ‘Chrome Experiment’ this time in the flavour of a 3d fly through around The Palace of Versailles. Nice art direction, slightly interactive  tour. You can change your viewpoint slightly as you tour the highlights of the Palace, set along with a nice soundtrack it is reminiscent of the ROME site a while ago. Using the latest WebGL effects it is a good experiment to play around with with a cinematic feel.

Created by Les 84 and Google France.

Site here…