Monthly Archives: January 2013

Nike MvsW

By | @pillandpillow | No Comments

Nike MvsW

Nike MvsW

Nike MvsW

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 here…

 

REI 1440 Project

By | @resn_has_no_i | No Comments

REI 1440 Project

REI 1440 Project

REI 1440 Project

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 here…

 

 

Welikesmall

By | @welikesmall | No Comments

Welikesmall

Welikesmall

Welikesmall

Welikesmall, nice new portfolio for this digital agency based in Salt Lake City. Nice responsive layout and lots of transitions – love the case studies for each project – a blend of animated gifs / videos / nice visuals and well explained ideas. Each section is different and interesting to browse through. Cool site, looks good, works across lots of devices – modern responsive approach.

Created by Welikesmall (@welikesmall).

Site here…

The Rational Keyboard

By | @ftzo | No Comments

The Rational Keyboard

The Rational Keyboard

The Rational Keyboard

Interesting site this – The Rational Keyboard. Has to be seen and played with – best explained by the man himself: “The Rational Keyboard is an HTML5 web app demonstrating a consonance model injust intonation. It’s kind of like a piano with infinitely many keys (one for each rational number) that move around and resize based on what sounds good.”

Essentially – play around with it, fascinating work and utterly mesmerising – looks great too. You can spend a long time here playing around with the sounds and watching how the keys blend and change size.

Created by Fritz Obermeyer (@ftzo).

Site here…

Magic City

By | @hellohikimori | No Comments

Magic City

Magic City

Magic City

 

Site promoting French TV’s OCS Max channel and a new show ‘Magic City’, set in 1950s Miami. This site is really pushing the boundaries of what is possible right now using CSS/Javascript – it truly is a rich experience. Dotted with animations from entering/exiting the elevator to parallax movement linked to your mouse position, videos, sound it is hard to believe it is not Flash. Essentially you move from floor to floor via an elevator, to explore the scenes and look at the characters. Looks good, loads of animation and a rich experience.

Created by Hellohikimori (@hellohikimori).

Site here…

Boundary Breaks

By | WEBSITES | No Comments

Boundary Breaks

Boundary Breaks

Boundary Breaks

 

Site of Boundary Breaks wine from NY. Great looking typography and photography site – with some really nice touches. They go into great detail about how the wine is created, who is behind it, nice big photos – all aimed at getting across the ‘soul’ that goes into the wine. Nice looking minimal layout, each section is different and interesting, and the homepage is really quite unusual – a scene from outside of the vineyard  which shows a timelapse according on the position of your cursor. This all adds up to give a real ambience of the site, I love the ‘without compromise’ section – really interesting way of labelling where you are on the page, nice offset type and so on.

Created by Sons & Co.

Website here…

 

Roll With Maki-san

By | @kineticsg | No Comments

Roll With Makisan

Roll With Makisan

Roll With Makisan

Fun site from Singapore promoting Maki-San an eatery selling sushi, wraps, salads and so on. Love the animations and the transitions from each section (the whole page gets wrapped up in roll!) the attention to detail is incredible – all the various sections fun to explore and bringing something new. Also a big fan of the music and sound fx! A really fun and playful site.

Created by Kinetic Singapore (@kineticsg).

Site here…