Yearly Archives: 2012

Christmas Price Index Gift Hunt – PNC

By | @b__reel | No Comments

Christmas Price Index Gift Hunt - PNC

Christmas Price Index Gift Hunt - PNC
Christmas Price Index Gift Hunt - PNCChristmas Price Index Gift Hunt - PNC

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).

Site here…

Here At Home

By | @thenfb | No Comments

Here At Home

Here At Home

Here At Home

Site from the National Film Board of Canada – highlighting the plight of homeless people in Canadian cities – an starting an experiment to home thousands of homeless people to see how much this costs vs not homing them and then treating them in drug clinics / shelters and so on. A brave experiment from the Canadian government. On top of being a fascinating story – the site is beautiful. Lots of cool transitions and lovely attention to detail. The homepage is a visual treat of swirling balls of colour and video clips. Exploring the cities we see a more infographic approach to the layout and design. The way things move around the screen and the way text animates is really nice as is the art direction – all in all a nicely rounded experience.

Created by National Film Board of Canada (@thenfb).

Site here…

 

GREY – Interactive Access Map

By | @greygroupapac | No Comments

Grey Mapgrey-map-2grey-map-3

GREY group’s directions to their Japan office. Instead of doing a standard map, they did a fun interactive third person map. Simply using the arrow keys to go forwards / backwards arriving at crossroads, going the wrong way prompts some silly dead end sequence – lots of these to find! Just a really fun, creative way of showing people how to get to the office – full of personality and Japanese style irreverance!

Created by GREY (@greygroupapac).

Site here…

Museum Studio

By | @museumstudio | No Comments

Portfolio site of Museum Studio Swedish Art-direction and creative studio. Really nice thumbnail based layout, rolling over the projects shuffles through the thumbnails, clicking shoots them all out in a line and enlarges them and places a grey overlay on the rest of the background. Love the animation and transitions, really nicely crafted and clean minimal design.

Created by the now closed Antenna Research Facility and Museum Studio (@museumstudio).

Site here…

Jam With Chrome

By | @google | No Comments

Pretty amazing feat from Google – Jam With Chrome. A multi-user musical jam session! The level of detail and complexity visually simplified here is incredible (It’s all created in javascript and so on too). Mind-blowing really… Really fun to play with and nice angular art-direction, loads of nice animation and transitions. Love the ‘pro’ and ‘easy’ ways to play, loads of little customisable features such as bpm, key, distortion and so on. Really really cool, looks great, and fun to play with.

Created by Google Creative LabTool (@ToolofNA), and Rob Bailey (@RobJamesBailey).

Site here…

 

Silk

By | WEBSITES | No Comments

Silk is a simple site that allows you to create symmetrical swirling patterns – and share them! Very minimal and interesting to play with – the lines it creates are very smooth and there are a lot of nice touches that liven it up a little.

Created by Yuri Vishnevsky.

Site here…

 

Geox Amphibiox

By | @stinkdigital | No Comments

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).

Site here…

RVLT Revolution

By | @hellomondaycom | No Comments

Nice site of RVLT clothing. Really nice design brought to life by cool animation and transitions. Love the homepage – dragging will slide off the components and re-arrange the layout when they re-appear, clicking on a section or item brings it in – love the way the text overlaps the image and the info overlay. Nice grid layout – really simple, fresh and clean.

Created by Hello Monday (@hellomondaycom).

Site here…

Lexus RX

By | @brandstudio, WEBSITES | No Comments

Another great Russian Lexus microsite. Featuring the ever popular parallax vertical scroll layout – really like the gaps between the sections and the interactivity in some of the sections – such as changing the wheel or the car moving with your mouse cursor position – lots of little elements of delight. The sliding menu on the right panel is intuitive and works well – although always scrolling downwards can be a bit disorientating. Design is great, slick, elegant and simple makes the car visuals pop out, really nice well considered site with lots of cool interactivity.

Created by BrandStudio (@brandstudio).

Site here…

Chrome Experiment #500

By | @google | No Comments

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.

Site here…

Dubfire

By | @dilshan_aruka, @transylvain, WEBSITES | No Comments

Site of musical outfit Dubfire. Featuring an explorable semi-3d interface with cubes revealing news items, tour details and so on. Loads of cool interface design, animations and transitions bring the whole minimal design to life – especially the feeling of depth, amplified when you use flat colours. Really well crafted site, looks modern and clean – animations super slick tie it all together. Really nice…

Created by Dilshan Arukatti (@dilshan_aruka) and Sylvain TRAN (@transylvain).

Site here…

Christian Mezöfi

By | @ChristianMezofi, WEBSITES | No Comments

Slick and elegant portfolio of Christian Mezöfi art director and designer. Really minimal layout highlighting visually the range of projects he has worked on. Love the way when changing between projects the layout slides down to visually and mentally see the transition to a new section – so essentially you can view the whole portfolio effortlessly – nice touch. Some really great work in there too…

@ChristianMezofi

Site here… 

 

Denon Visualiser

By | @jam3, WEBSITES | No Comments

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).

Site here…

Les Revenants

By | @BETCParis, WEBSITES | No Comments

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.

Site here…