An deiner Seite 
by Kontra K

An interactive music video

To launch German rapper Kontra K’s latest album “Labyrinth,” we created an interactive film that allows fans to jump between the past and the present so that they can uncover clues to solve a murder mystery.

“Next To You” is an addictive mystery-solving experience with beautiful cinematography. The viewer begins the experience as a fisherman that finds himself at a crime scene in front of a lake house.

Client
Kontra K

Agency
Unit9 London

Awards
David Reviews, VOTD, The Lovie Awards, Awwwards Site of the Day, FWA Site of the Day, CSS Design Awards

Live Experience
www.andeinerseite.video

03-Screen03-Screen

„This is awesome! Type R 2.0 #witchhunter”

Paul Knott (Creative Director at adam&eveDDB)

02-Screen02-Screen

The Story

“Next To You” is an addictive mystery-solving experience with beautiful cinematography. The viewer begins the experience as a fisherman that finds himself at a crime scene in front of a lake house.

Interactivity

The video can be watched in linear format, or—for the most optimal experience—on a dedicated microsite. As viewers investigate the crime scene, they are encouraged to tap their phone or press the spacebar on their keyboards. They can choose to see the present (don’t press space) or the past (press space).

The music video gives the opportunity to follow two different stories. To keep both in sync we stitched them together in a single video file. We then expanded it to twice the width of the browser and switched it from left to right depending on user interaction. This is what allows users to travel between past and present.

„The Best of Navigation.”

awwwards.com

Animated Icons / Clues

There are clues hidden in the video, either in the past or present. Viewers are given visual clues while they’re watching the video so they know to look for a key moment. Depending on how many of them they find, the video can have three different endings.

Waveform

Every time users switch between the stories, their journey is visualized on the timeline. Each tap creates a shape that matches the waveform of the original song. We wanted to represent the sound visually with our own style. After a lot of back and forth between developers and designers, we decided it was necessary to create a bespoke tool. The tool takes an audio file as input and exports a JSON object containing the data used to draw the curves on the timeline.

timeline_capturetimeline_capture

More Stuff 

Five Minutes
by G-SHOCK

I wanna see this!

Bitburger.de
Web / Mobile Relaunch

Oh Yeah!