detail

April 1, 2014
0

VW Sports Cars

By | @MerciMichel | No Comments

vw-sportscars-1
vw-sportscars-2 vw-sportscars-3

Really nice site for VW France showcasing VW sport cars in a rich and interactive environment. Featuring several cars that you can spin around in a dark and moody warehouse – with key stats design details and so on. The amount of detail from the 3d models to the animations is incredible, every small transition has been considered. I love the transitions from the home screen to the cars, and the way the 360 works, also all of the hotspot transitions. Another really cool part of the site is the way it responds, so desktop users get the full rich experience, tablet users get a very similar experience using the same content and videos and mobile users get a much more stripped back version – they all work really well. It looks great, feels great and is a fantastic example of a modern responsive promo site.

Created by DDB Paris (@DDBParis) and Merci-Michel (@MerciMichel).

Site here…

March 28, 2014
0

Mercedes – Forgotten Roadtrip

By | @jungvonmatt | No Comments

forgotten-roadtrip-1 forgotten-roadtrip-2
forgotten-roadtrip-3

Nice bit of storytelling for the Mercedes GLA Class. You watch the main character regain his memory through small snippets of videos, images and interactive elements – all presented in a long scrolling page. Nice to see people trying different approaches – in order to appreciate the site you have to go through the story slowly – if you were to scroll quickly through it easy to dismiss as another parallax site. But all the individual snippets of the story, sound, draggable interactivity, and video draw you into the story. It also looks nice – with a bold style and feeling a little like Max Payne or Memento.

Created by Jung von Matt (@jungvonmatt) and B-Reel (@B__REEL).

Site here…

March 14, 2014
0

Citroen DS5

By | @rumbatronics | No Comments

citroen-ds5-1
citroen-ds5-2
citroen-ds5-3

Site promoting the Citroen DS5 car in Brazil. Full of really nice video content, photos brought to life through slick transitions and animations. Feeling more like a Flash site from the old days – with all the slick animations and transitions – but all in HTML.

Created by Rumba (@rumbatronics).

Site here…

February 26, 2014
0

Il était une forêt – l’Expédition

By | @JulesBassoleil | No Comments

foret-expedition-1
foret-expedition-2
foret-expedition-3
foret-expedition-4

Site for Wild Touch – an expedition into tropical forests on a quest of discovery. Lots of short films, photographs and so on – all exploring their findings. All wrapped up in a nice minimal interface, lots of attention to detail – from preloaders, the film scrubber, and slick transitions. Nice full bleed video and rollovers on the hub pages – a nice immersive experience.

Created by Tim Roussilhe (@TimRoussilhe), Jules Bassoleil (@JulesBassoleil), and Wild Touch (@wild_touch).

Site here…

February 19, 2014
0

Sonia Rykiel – S/S 2014

By | @84Paris_live | No Comments

sr-1
sr-2
sr-3

Another great piece of work for Sonia Rykiel, this time revealing their pre Spring / Summer 2014 collection. Loads of super slick animations and transitions and details, especially like the little preloaders in different styles and positions – never overlaid across the visuals. The transitions from the grid to the detail view are pretty cool, and the way you see more tiles on the grid is great.

Created by 84 Paris (@84Paris_live).

Site here…

February 14, 2014
0

Graffiti General

By | @betcdigital | No Comments

graffiti-general-1
graffiti-general-2
graffiti-general-3

Site allowing you to explore an abandoned graffiti clad building in a suburb of Paris. Hi-res photos have been taken of the walls and mapped onto 3d models of the interior, the site allows you to walk around and your mouse to change your view with the keyboard controlling where you walk. There are featured famous graffiti artists with small hotspots indicating where they are. Nice attention to detail in the 3d scenes, with light streams, and dust particles and so on. You can jump around and explore using the map, and even paint on the walls in an editor type mode. Very detailed and fun to explore.

Created by BETC Digital (@betcdigital).

Site here…

January 24, 2014
0

Race the Sun

By | @stinkdigital | No Comments

race-the-sun-1
race-the-sun-2
race-the-sun-3
race-the-sun-4

 

Site promoting the new Range Rover Sport in the USA. Your mission is to ‘race the sun’, an interactive film, where you can change the gear, choose the right wheel for traction, either using your keyboard or syncing up with a device. Nicely done, with well shot video, and some nice touches. Like that the experience ends on a mini-visualiser allowing you to change the colour and wheels, all in a nice draggable 360 of the car.

Created by Y&R New York (@yrny) and Stink Digital (@stinkdigital).

Site here…

January 3, 2014
0

The Chase 360

By | @ForsBodenfors | No Comments

volvo-chase-1
volvo-chase-2
volvo-chase-3
volvo-chase-4

Site promoting Volvo Trucks, and their proposition that their trucks are agile and quick in challenging built up scenarios – all shown through being chased by bulls in the Spanish town of Ciudad Rodrigo. Your view starts from the back of the Volvo truck and you can click and drag the camera around to pan your view around the scene. Swapping cameras is on the right side of the screen where you can change out your view and even see a map of the town and the route. The stats are quite incredible, some 28 cameras and 250 film crew, the detail is amazing. Even for a new car launch this would be incredible, but to promote a truck makes it even more remarkable – really nice.

Created by Forsman & Bodenfors (@ForsBodenfors).

Site here…

January 2, 2014
0

Meet Your MX

By | @watsondg | No Comments

almost-human-1
almost-human-2
almost-human-4

Promotional site for new TV show ‘Almost Human’ a cop show set in the future. Featuring a ‘realistic’ look at the ‘MX’ model of the cybernetic cop. Love all of the little details, such as the animated movie hotspots and the nice page navigation. Cool little info-graphics and little interactive touches and things to explore. Really like the layout and although it’s another example of scrolling page design – it’s a really good one!

Created by Watson /DG (@watsondg).

Site here…

November 25, 2013
0

Beyond by Lexus

By | @SHIFTBRAIN | No Comments

lexus-beyond-1

lexus-beyond-2

lexus-beyond-3

lexus-beyond-4

Lovely online magazine site for Lexus Beyond. An app like experience for Lexus – and their magazine – a lot of competitors simply release an app to provide that rich design & user experience, but Lexus have created it all online which is quite a feat. Each article is individually animated and polished to a high degree to give a unique experience. This is all wrapped up in a simple interface which is easy to use and navigate – with nice transitions, layout, and design. Really worth exploring and getting into to see all the nice touches and details.

Created by Saatchi & Saatchi Fallon Tokyo Inc and SHIFTBRAIN Inc (@SHIFTBRAIN).

Site here…

October 31, 2013
0

Campaign – G-Star RAW

By | @cartelle | No Comments

gstar-1

gstar-2

gstar-3

Site promoting the latest ‘campaign’ from denim label G-Star RAW. Featuring a carousel of looks constructing and de-constructing – love the way the typography builds up, and in the background the different layers of glass rotating and moving. Some nice sections such as the look book – again like the way on rollover you can cycle through some different angles. Nice clean / minimal interface, and monotone style.

Created by Cartelle (@cartelle)

Site here…

October 29, 2013
0

Pic Your Travel – Heineken

By | @tastysuperhero | No Comments

pic-your-travel-1

pic-your-travel-2

pic-your-travel-3

Competition setup by Heineken to win 2 intercontinental tickets to any destination of your choosing. All you have to do is submit a photo taken abroad with a bottle of Heineken somewhere in the image. The site housing of all is this is quite a technical feat, a fully 3d globe with night / day, rotation, bump mapping – the attention to detail is incredible! You can zoom in / out, see all the individual photos etc, all presented in a nice way. Loads of cool transitions and animations bringing it all to life – from planes tracking the distance to Amsterdam, to statistics on the amount of photos and locations – all really in depth a fun to explore.

Created by TBWA\NEBOKO (@tbwaneboko) and Superhero Cheesecake (@tastysuperhero).

Site here…

October 16, 2013
0

London Symphony Orchestra – Play

By | @SennepLDN | No Comments

lso-1

lso-2

lso-3

Fantastic work for the London Symphony Orchestra. Playing Ravel’s Bolero, you can watch the music from various angles, with up to 4 at once – with close ups on the various sections. You can drag around the views and select which angle you want, really customisable and a nice way to watch and explore the composition. Love the orchestra view with all the shapes and colours and the  nice descriptions of the various instruments. Loads of nice transitions and animations bringing it all together, really nice experience.

Created by Sennep (@SennepLDN).

Site here…

October 3, 2013
0

WWF – 40 Years

By | @WWFFrance | No Comments

wwf-1

wwf-2

wwf-3

Stunning site for WWF France – documenting the past 40 years. Featuring an interactive timeline that you scroll through showing video thumbnails – clicking them and they expand to more detail – bit of parallax effect and some light information. Nice timeline shown at the bottom of the page – rollover to expand – which categorises the various events and milestones. Loads of cool transitions and smooth animation throughout, very nice…

Created by WWF France (@WWFFrance).

Site here…