All posts by Dan

June 11, 2013
0

The Build

By | @instrument | No Comments

the-build-1

the-build-2

the-build-3

 

Nice site – an interactive video documentary showing the lives of three custom motorcycle dudes. Essentially three different stories divided up into chapters. Really nice interface that comes in when you select a specific chapter, revealing what you can see – love the way you can scrub through the video on rollover – the image gallery is a treat. Love the amount of polish and craft that has gone into this experience – all the transitions, animations and effects have been crafted and perfected. A real showcase into what can be achieved with animations, video, and transitions.

Created by Instrument (@instrument).

Site here…

June 5, 2013
0

Carrera

By | @random_studio | No Comments

carrera-1

carrera-2

carrera-3

 

Great site for Carrera sunglasses. Super modern, fresh design – with sticky navigation element, sliding interface, overlays and so on – and its responsive looks good on mobile too. Really nice typography, well considered layout and design – love the offset grid and red highlight colour throughout. Loads of nice touches, including mini-campaign style pages telling the story of their history and so on. Great example of a responsive, modern & fresh site with parallax, great typography and loads of interactivity.

Created by Random Studio (@random_studio).

Site here…

June 4, 2013
0

Trance

By | @watsondg | No Comments

trance-3

trance-1

trance-2

Site promoting Danny Boyle’s new film Trance. Harking back to the days of Flash experimental sites this short experience is a maze of clips – like a fruit machine – clicking on a certain section reveals snippets from the film. Incorporating the films concept of being in a trance, you unveil memories – short erratic scenes – treated with ‘glitch’ artefacts and so on – nice to see a site just being an experience rather than a source of information.

Created by Watson / DG (@watsondg).

Site here…

May 30, 2013
0

Escape Flight

By | @b__reel | No Comments

escape-flight-1

escape-flight-2

escape-flight-3

 

Lovely site for Escape Flight – a search engine for last minute weekend flights for trips abroad. With useful filters such as ‘weather’, ‘culture’, ‘food’, and ‘hidden-gem’ – all aimed at making this a really simple, intuitive way of finding a flight. Really slick animations and transitions everywhere, and lovely design – and great typography. Easy to use and very visual, very modern, very slick.

Created by B-Reel (@b__reel), and Dog Studio (@Dogstudio).

Site here…

May 28, 2013
0

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…

May 21, 2013
0

Under Armour – I Will

By | @firstborn_nyc | No Comments

underarmor-1

underarmor-3

underarmor-2 

Site for Under Armour, sports clothing – another long scrolling site with lots of depth. You scroll through various people doing sports, wearing the clothes and equipment – copy floats on the highest level, background on the lowest – with a line running through the site with images / video scrolling down along with it. Large bold typography really adds to the impact. Nice transitions, cool scrolling effect and animations – all wrapped up in a nice design.

Created by Firstborn (@firstborn_nyc).

Site here…

May 16, 2013
0

Kajimai

By | @webdesign | No Comments

kajimai-1 kajimai-2 kajimai-3

 

Site promoting Yomitan village in Japan. Loads of nice interactions, animations, and transitions – all wrapped up in a minimal interface with large photography. Love the automatic scrolling – and the way scrolling occurs within the image masks – the way you you enlarge the images to view the detail. Loads of nice little touches.

Site here… 

May 15, 2013
0

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…

May 9, 2013
0

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…

May 7, 2013
0

Ringle 39

By | @Monkeys_Sydney | No Comments

ringle39-2

ringle39-3

ringle39-1

Elegant site for the Ringle 39 sailing boat. Essentially a scrolling brochure site – with the distinct vertical sections highlighting specific features of the boat. Like the effect of depth this site offers – with the descriptive text appearing higher up and linked to the vertical navigation. The slow gentle scrolling is fluid and feels great to navigate through and read through the content. Nice large full bleed imagery wrapped up in a minimal and elegant interface.

Created by The Monkeys (@Monkeys_Sydney).

Site here…

April 29, 2013
0

Perrier Secret Place

By | @Ogilvy_Paris | No Comments

perrier-1

perrier-2

perrier-3

perrier-4

Perrier’s epic narrative ‘Secret Place’ – an immersive interactive film, where you choose your perspective featuring 60 people – you then see the story unfold through their eyes. The idea is to find the ‘secret bottle’ to enter a draw to win a holiday. There are lots of different scenarios from cutting a ladies dress off to reveal clues, to a game of poker, to flirting bar men – all with a sexy / weird twist. It is a lot of fun to explore the various story lines and characters – with their being a time limit to find the bottle it encourages you to replay time and time again. Great production value, and art direction – it apparently took Ogilvy Paris 18 months to create all the different scenes and characters. Also really like the summary of the characters and the journey you took through the site – again it makes you want to explore again and again.

Created by Ogilvy Paris (@Ogilvy_Paris) and Fighting Fish (@Fighting_Fish).

Site here…

April 24, 2013
0

OWL

By | @wearefellows | No Comments

owl-1

owl-2

owl-3

Site of OWL optics, makers of glasses and sunglasses aimed at the trend conscious. Nice modern, offset grid, minimal layout – looks like a crafted magazine layout. Very simple but the grid looks nice and piques your interest as your scroll through the frames on offer. The sticky elements of the nav work well and gives you some ground in sections where you might want to buy the glasses.

Created by We Are Fellows (@wearefellows).

Site here…

April 18, 2013
0

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…

April 16, 2013
0

Florilege – Vacheron Constantin

By | @webdesign | No Comments

constantin-1constantin-2constantin-3

 

Promotional site for a range of 3 special watches from swiss maker Vacheron Constantin. The watches are inspired by botanical illustration in the 18th Century, and that theme runs through the site. Essentially a long page with sections of detail off to the side – you scroll and animations are triggered as you go. I like the way the text fades in and the illustrations fade in as you go down, each watch has a slick video highlighting the dial – then prompting you to read about the details which are presented in a more editorial way. Really like the style and the execution which feels like a premium magazine feature.

Created by blue-infinity.

Site here…