Yearly Archives: 2013

February 8, 2013
0

Digital Creativity Guidebook

By | @WeAreHive | No Comments

Digital Creativity Guidebook

Digital Creativity Guidebook

Digital Creativity Guidebook

 

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

Site here…

February 6, 2013
0

100,000 Stars

By | @google | No Comments

100000 Stars

100000 Stars

100000 Stars

 

Quite an accomplishment – Google Creative Lab have made a bit of a tech demo / visualisation of part of our galaxy for Chrome browsers. I love their disclaimer ‘Warning: Scientific accuracy is not guaranteed. Please do not use this visualization for interstellar navigation.’ all a bit of fun. Love the way you can zoom right in and even see other stars each with a bit of explanation and knowledge. Nice animation that show orbits of suns, planets etc – Gliese 570 is a great example – nice detail.

Created by Google Creative Lab.

Site here…

February 4, 2013
0

Form Follows Function

By | @cmiscm | No Comments

Form Follows Function

Form Follows Function

Form Follows Function

 

Pretty cool site of interactive HTML5 experiments. All set within a ultra minimal interface comprising of a draggable wheel, clicking on one of the items transitions to the experiment launching full screen. Love the typographic style and bold colours and minimal interace. This guy is seriously pushing the boundaries of what is possible right now in Canvas / CSS / Javascript – pretty impressive stuff. Great reference to demonstrate to people to the possibilities of how far we can go!

Created by Jongmin Kim (@cmiscm).

Site here…

January 30, 2013
0

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…

 

January 28, 2013
0

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…

 

 

January 24, 2013
0

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…

January 21, 2013
0

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…

January 15, 2013
0

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…

January 11, 2013
0

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…

 

January 3, 2013
0

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…