history

The Stories Behind a Line

By | @fedfragapane | No Comments




Site documenting several migrants journeys “is a visual narrative of six asylum seekers’ routes. They travelled from their hometown to Italy. This project wants to tell their stories through the data that shaped their personal travelling line.” Love the way you can toggle the various ways of representing their routes, from a data perspective, from a map, and from the lines.

Created by Federica Fragapane (@fedfragapane) and Alex Piacentini.

Site here…

60th Anniversary Omega Speedmaster

By | @webdesign | No Comments




Celebrating 60 years of the famous Omega Speedmaster watch made famous for being the first watch worn on the moon. Love the way they’ve highlighted all the special editions and for each explained the movement of the watch, specs, and all using a parallax scroll method. Shame you have to scroll up to go through the content. Nicely designed, nice photography and overall a nice experience.

Site here…

One shared house

By | @antonandirene | No Comments




Interactive documentary exploring the concept of communal living. Really interesting approach, using the medium to show different camera angles, extra panels to explore the concepts, and nice use of colour and type to bring points to life. I love that they really thought about the format of the documentary and allowed you to explore and find out more information contextually as you experience the site. It looks great too!

Created by Anton and Irene (@antonandirene).

Site here…

Citroen Origins

By | @WerkstattParis | No Comments

citroen-1
citroen-2
citroen-3
citroen-4
citroen-5

Site documenting some of Citroen’s most iconic cars. Love the immersive app like approach – with an exploratory interface that encourages deep dives into the content. Lots of great content, sounds of the cars starting, brochures, posters, photography and specs. Nice use of 360 renders – from both the exterior and the interior. A lovingly crafted and in-depth experience that looks great and works well.

Created by Werkstatt (@WerkstattParis).

Site here…

A foreigners guide to Polish arts

By | @brightmediapl | No Comments

pl-1
pl-2
pl-3
pl-4

Nice dive into some of the Polish arts, lovingly titled ‘A foreigners guide to’. Several interactive guides take you through the history of Polish cinema, photography and electronic music. Using a mixture of bold type, vibrant hints of colour and b&w photography to bring stories to life. There is a lot of polish and detail throughout, many transitions and animations to bring the content alive – love the mix of interactive moments such as timelines and so on – you can tell it has been a real labour of love.

Created by Bright Media (@brightmediapl).

Site here…

Apollo 17

By | @benfeist | No Comments

apollo17-1
apollo17-2
apollo17-4
apollo17-3

Fascinating real time experience of Apollo 17 – the last lunar mission. Featuring all the radio transmissions, photography and video as it was shot over the course of the mission. This ambitious site catalogues it all in a real time experience – allowing you to jump around the timeline to relive the action.

Created by Ben Feist (@benfeist).

Site here…

Netherlands in the 60s

By | @random_studio | No Comments

dutch-1
dutch-2
dutch-3

Explore events from the Netherlands in the 60s in this interactive exhibit. Love the collage where you can explore key moments in a Google Maps-esque layout, slick transitions and animation to the detail view. Subtle parallax effect adds a nice element of depth and love the ‘tours’ which offer audio tours through the content.

Created by Random Studio (@random_studio).

Site here…

Waterloo

By | @Dogstudio | No Comments

waterloo-1 waterloo-2 waterloo-3

Site for French film ‘Waterloo’, telling the story of the famous battle of Waterloo. Focussing on the two sides pitted against each other, Napoleon and Wellington – and describing through iconography the differences between the English and French forces. Nice experience with sounds, full bleed imagery and video – all in a tight layout, with modern interaction design with sliding panels and menus. It looks great too, with the muted colours and distressed overlay.

Created by Dog Studio (@Dogstudio).

Site here…

Apocalypse – WW1

By | @ultranoir | No Comments

apocalypse-1
apocalypse-2
apocalypse-3
apocalypse-4

Site for French TV Channel ‘France 2’ – and their programmes about France in WW1. Set like an encyclopedia of important events centred around a map (which like the old school Flash days curls up when you visit events). A very rich interactive site full of videos, images, and transitions – which feels like an old school rich Flash site – when in fact it isn’t – great to see sites like this which aren’t a standard parallax site.

Created by Ultranoir (@ultranoir).

Site here…

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…

GlacierWorks: Everest

By | @thinkpixellab | No Comments

glacierworks-1

glacierworks-2

glacierworks-3

Stunning immersive site about the decline and changes to the glaciers in the Himalayas. Featuring a documentary style explorative interface, using ultra high resolution photography to zoom in – try zooming in on the camp at base camp – and see the landscape of the region around Mt Everest. A wealth of well considered content from videos in the lower towns through to sherpas stories in base camp. There is a great interactive 3d map of Everest and a documented trek to Everest base camp. A really in-depth, thoughtful interactive documentary on this amazing region. Brought to life by beautiful photography and a nice blend of technology.

Created by Pixel Lab (@thinkpixellab) and Microsoft.

Site here…

Hashima Island

By | @wengerstoybus | No Comments

hashima-1

hashima-2

hashima-3

Fascinating site about Hashima Island – a small abandoned island once home to a coal mine – the town was abandoned quickly meaning much was left behind. Recently Google Streetview was made made available for the island and this site was put together focussing on interesting locations such as ‘stairway to hell’, and ‘block 65’. Desaturated and with eerie music the site offers a great wrapper for the fascinating imagery – a really atmospheric almost game like experience.

Created by Bryan James (@wengerstoybus).

Site here…

Perfect Storms

By | @secretlocation | No Comments

perfect-storms-1

perfect-storms-2

perfect-storms-3

 

A micro site accompanying the History Channel’s ‘Perfect Storms’ tv show. A series of scenarios depicting the ‘perfect storm’ from Tokyo to Constantinople – you learn about what created these storms by a number of interactive scenes – for example fragging warm air across the atlantic and so on. Its a nice device to learn about how these storms are created and more more engaging than simply reading a paragraph about it. Some nice effects here and there and CGI heavy video scenes tie it all together.

Created by Secret Location (@secretlocation) and Entertainment One (@entonegroup).

Site here…

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…