- The MediaMonks Team
Netflix’s DARK is a sci-fi mystery series that spans several timelines, generations, and interconnected events. With a complex time-travel narrative and intricate family relationships, viewers have to pay close attention, or feel left in the dark. With that in mind, we built an official interactive guide. It helps to understand the fundamentals of the story, and is the go-to place for invested fans to build up their knowledge.
It did not change much from the initial designs. The imagery and visual style is largely dictated by the series. The design concept was strong and thought out. It slightly evolved during development and with the addition of animation, image transitions, and sound, we managed to make it more immersive.
Graphic elements played a key role in the development. We paid tribute to the show’s look, feel, and storyline, with animated timelines that take the user through the narrative. The overall mood, typography, and kaleidoscopic transitions are inspired by the show’s aesthetics, as well as the eerie music that seals the atmosphere. Once 750 key events were summarized, the show runners double-checked the plethora of content to avoid spoilers.
The range of tools and technologies used were the following: HTML5, WebGL, Vue.JS, GSAP, and Adobe After Effects.
DARK being a TV series allowed us to use visual effects that are present in the show. The challenge was finding a balance between these effects and the users' interactions to trigger them. Oh, and hiding all the easter eggs so only die-hards could find them!
The interactive guide for Netflix’s series has received immense positive feedback from all over the DARK community. We have not only created a website that is both helpful and visually appealing, but we also translated a complex narrative into an uncomplicated, accessible website for all audiences.
With the evolution of HTML5, GSAP, and WebGL shader development, we are constantly finding new ways to enrich our experiences. Our teams are driven to deliver the best and that pushes us to greater heights.