Telekom: Der Magische Adventskalender

Stephan Bischof

Telekom: Der Magische Adventskalender

Play video

An Audiobook Brought to Life Through an Interactive Advent Calendar

Jonas is a young boy who discovers a magical advent calendar, which sends him on an unforgettable adventure. Each door is locked, but displays a symbol that gives him a clue to its contents. He must go on a journey into his town and meet a series of unlikely characters who will help him open one door each day.

The full story is told in the form of an audiobook, created by Deutsche Telekom for their Christmas campaign.

We wanted to bring the story to life and invite listeners to enter the world of the Magische Adventskalender from Jonas’ point of view. They had the unique opportunity to experience each “scene” through his eyes as they listen to the chapters of the audiobook.

Beyond visualizing, we wanted for people to become a part of the story, making each chapter a mini experience for the users to explore, listen to and interact with.


The experience begins in Jonas’ attic bedroom, built as a 3D model. Some of the items in the attic are interactive, like the radio that links to the audiobook on Soundcloud or the cardboard on the wooden chest that opens a Google Cardboard version of the space. The attic gives visitors the chance to explore Jonas’ small world, while serving as an access portal to the chapters of the calendar.

The centerpiece of the attic was the magical calendar, acting as an access gate to all chapters. We created twenty-four bespoke illustrations to delight visitors with each chapter. Eight of them were inspired by the campaign’s TVC and the rest were created from scratch.

All of the illustrations were created as separate layers and reconstructed in the website as 3D scenes. Users could pan and rotate around to discover the craft and detail that was put into each chapter.

We also added a gamification layer to the experience. Visitors were invited to discover interaction points in each scene, and some characters reward users with items that can be used later in the story. For instance, visitors received a scented potion after visiting the perfumer and later presented it to the confectioner so he could add the final touch to his cake.

The website was built in WebGL (with Three.js), and it runs on all modern browsers on desktop, tablet and mobile.