DARK: INTERACTIVE NETFLIX GUIDE
Title | DARK: INTERACTIVE NETFLIX GUIDE |
Brand | NETFLIX |
Product/Service | INTERACTIVE NETFLIX GUIDE |
Category |
A01. UI |
Entrant
|
MEDIAMONKS Hilversum, THE NETHERLANDS
|
Idea Creation
|
HENRIK & SOFIA Västerås, SWEDEN
|
Idea Creation 2
|
GRANNY Berlin, GERMANY
|
Production
|
MEDIAMONKS Hilversum, THE NETHERLANDS
|
Credits
Henrik Leichsenring |
Henrik & Sofia |
Creative Director |
Sofia Gillström |
Henrik & Sofia |
Creative Director |
Philipp Dietrich |
Philipp Dietrich |
Copywriter |
Michael Brake |
Michael Brake |
Copywriter |
Vera Rothkirch |
Granny |
Social Media Creative |
Celeste Acosta |
MediaMonks |
Head of Client |
Dennis de Rooij |
MediaMonks |
Senior Project Manager |
Vincent Mei |
MediaMonks |
Senior Animator |
Rene Drieenhuizen |
MediaMonks |
Lead Frontend Developer |
Ricco Arntz |
MediaMonks |
Frontend Developer |
Reinder Nijhoff |
MediaMonks |
R&D Developer |
Johan Holwerda |
MediaMonks |
Technical 3D Developer |
Jurgen van Harskamp |
MediaMonks |
Music Composer |
Sonja Kolley |
Netflix |
Digital Producer |
Axel van Weel |
Netflix |
Creative Marketing |
Markus Gerdemann |
Netflix |
Director, Creative Marketing |
Describe the creative idea
The Netflix series DARK is an exploration of the existential implications of time. The storyline of the series revolves around time travelling and a variety of characters throughout three different worlds. Since the complexity of the show can make it difficult to follow the storyline, we created this interactive guide as the go-to place for the audience to understand the connections between the characters and the events in the series. The site gives viewers the opportunity to explore the who, what and whens of the show. We implemented various design details that enliven the interactive guide and match with the visual style of the series. Using animations, we recreated the ‘dark matter’ of the show and brought the narrative timeline to life.
Describe the execution
To guarantee a great experience for everyone that visits the interactive guide, we included a spoiler filter that ensures users can experience the happenings in DARK at their own pace, in addition to an episode guide that gives quick access to the most important information. Timelines let the users browse through every single episode of the series where time travels and important events are visualized. Since DARK revolves around three different worlds, we included three corresponding logos in the guide to indicate which world the user is in when exploring the website. Linked to the detailed family tree, we created separate character pages where users can find out more about their favorite characters and how they evolve throughout the series. Overall, the implementation was a great success with users from all over the world exploring the interactive guide and uncovering hidden easter eggs that add more excitement to the storyline.