responsive

Into the Arctic

By | @hellomondaycom | No Comments

into-the-arctic-1

into-the-arctic-2

into-the-arctic-3

 

Lovely site for Greenpeace documenting their effort to claim the North Pole for nature – and highlighting peoples attempts to exploit the Arctic for resources. The story centres around a 3d map of the region which zooms and pans as you explore the timeline. There is lots of information about the animals in the area and the companies responsible for exploiting the region. All tied together with well considered typography and ‘app’ like design with sliding panels and large touchable buttons and icons. Really informative and loads of animations and transitions – all wrapped up in a great interface.

Created by hellomonday (@hellomondaycom).

Site here…

Travis Rice – On His Own Terms

By | @webdesign | No Comments

travis-1

travis-2

travis-3

travis-4

Nice magazine style site documenting an interview with snowboarding maestro Travis Rice. Nice large full bleed imagery, large text and magazine layout. Love the little animations as you scroll, and the transitions to the next section – the current page sliding back and so on. Nice touch is that it is responsive too. Great example of an editorial, easy to browse and read site, will great imagery and subtle animation.

Site here…

Oakley Airbrake

By | @oakley | No Comments

oakley-moto-1

oakley-moto-2

oakley-moto-3

 

Really cool site for Oakley’s new goggles for Moto Cross. Essentially a long scrolling page – with scrolling triggering animation – in line videos, nice exploded 3d views and so on. The great part of the site is the fact it is responsive, so on the larger screens you get the full parallax experience, on mobile you get a stripped down experience and on in-between sizes you get fewer animations. The animations are fluid and it all comes together to really explain the product well – great example of a responsive parallax scrolling site.

Created by Oakley Digital (@oakley).

Site here…

Cheval Blanc Randheli

By | @davidbasso | No Comments

cheval-1

cheval-2

cheval-3

Site promoting ‘Randheli’ a luxury villa in The Maldives. Long page of large full bleed imagery and panels of masked off text – revealing the bright photography. The menu is accessible from the side and slides across the page allowing you to explore the sections. It is also responsive and looks great on mobile devices too. Essentially a very slick brochure style site with some nice transitions and touches.

Created by Uzik (@davidbasso).

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…

Red Interactive Agency

By | @REDinteractive, WEBSITES | No Comments

Portfolio site of Red Interactive Agency. Loads of really cool transitions and animations – using a grid based layout to highlight key projects, news, awards etc, clicking one flips it around and makes the whole background fade back and the project come forward. Love the transitions between sections and the attention to detail as different sections of the page animate in. Really modern site, with progressive enhancement – most of the animations work on iPad, mobile and so on, pretty cool…

Created by Red Interactive Agency@REDinteractive.

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…