The Three Investigators

Microsite

As fans right from the get-go, we were delighted to have won the pitch for relaunching the website of the popular German audio book series.

In addition to the introduction of a responsive design, our focus was on improving the usability and providing a less child-like look to be able to meet the requirements of the meanwhile very broad target group.

dreifragezeichen.de

Die drei Fragezeichen Website
New headquarters for the three investigators

With more than 200 episodes, Justus Jonas, Peter Shaw and Bob Andrews have been regular guests not just in German children’s rooms ever since the end of 1970s. Initially as printed books, later primarily as audio books, the series has long since achieved cult status.

Now expanded to include “Die drei ??? Kids”, which is geared towards children between the ages of six and ten, the websites of both series needed to be brought closer together visually and harmonised structurally. For this purpose we developed a basic design, which we only modified on CSS level in the website frontend.

The three investigators cover illustration
The three investigators hompage on mobile screen
The three investigators hompage details on mobile screen
The three investigators audio books on mobile screen
The three investigators audio player on mobile screen
The three investigators and the www

With this project, too, it was important to systematise the design we had developed and to then document it in a pattern library. In doing so, we were not only able to guarantee smooth coordination between the client, designers and developers, but also to adapt the compiled guidelines without much additional effort to the “Die drei ??? Kids” world.

It’s unbelievable what Convoy has accomplished within a few weeks. We are absolutely thrilled.
Kathrin Kellerer Digital Marketing Manager, Sony Music Entertainment

Theme teasers

The three investigators newsletter teaser
The three investigators history teaser
The three investigators case of the week teaser
A selection of animated theme teasers are linked to the scrolling behavior and thus create small surprise effects.

Teaser kids world

The three investigators kids newsletter teaser
The three investigators kids case of the week teaser
The three investigators kids fun facts teaser
The design of the “Die drei ??? Kids” website differs just slightly, but still noticeably from that of the main page.
Three colours for three detectives

The colour set of The Three Investigators is kept very simple. We took this into account when designing the website and minimised its look to be in blue, red and black combined with white. Each colour has a clear function, which comes into effect consistently in all content elements and modules. For a conclusive user navigation no more is necessary.

Excerpts from the pattern library

You’re planning a digital project or want to promote your business digitally? Then let’s get to know each other.