Futurium

From a greenfield to an interactive brand

* Digital Branding

* Living Style Guides

* Design System

* UX & UI Design

* Craft CMS

How we transform the Berlin House of Futures into the digital Futurium

A mix of museum, makerspace and event center, Berlin's Futurium offers a whole lot of activity centered around an elusive topic: the future. Our digital Futurium (the term "website" was not expansive enough) was developed from a static style guide and an impressive – but empty – building. In the process, not only was a seamless connection between digital and analog exhibition created on the greenfield site, but also further developed into a playful, mobile and interactive digital brand.

Walk through time in colored subdivisions that can be selected daily from eight different color trios.

Kick off: Understanding the future

In the Berlin exhibition and event house, everything was to revolve around distant utopias, conceivable scenarios and what might be important tomorrow. The website needed to reflect this approach and make future scenarios digitally accessible to everyone. But what is it actually ­– the future?

Making future tangible and accessible to all, at any time

In user interviews, it quickly became clear that "you can only understand the future if you know the past and the present". True to this guiding idea, we developed the three-part structure of the website: "What is", "What was" and "What is coming." Every newly added content piece traveled through each section once. This way, tomorrow's event is real today, but a few days later belongs to the past and wanders into a visible collection of previous events, without having to be discarded.

»

When you come to our site, the first thought should be: Oh, that's right - you can do it that way!

Monique Luckas / Head of Communications at Futurium Berlin

Further development with the overall goal in mind

In current and future expansion stages, the physical and digital Futurium are moving ever-closer together. Exhibits can be memorized on site using a token wristband and later viewed together on a separate exhibition page on the website. The exhibition page is being gradually expanded with further features. For example, visitors can digitally navigate through the Futurium using a map. What has been experienced is underlined both textually and visually on the way to individual exhibits. Here and there, you can even stumble upon a little treasure or hidden knowledge.

The transformation of the digital brand

In the beginning, there was a lot of space: Three square kilometers of empty exhibition space in a slanted, dotted building. The space, which had already won a Red Dot without content, set the bar high for the digital version. Collaborating closely, the design and UX teams developed innovative, interactive elements and pushed the design manual to its limits. The foundation for our work became the massive black architecture with the slanted roof, and this is reflected in many digital elements today. Content was given enough space on a white background. Futurium relevant content was marked with dots. But the future can't just be black or white - the future should be bold and always look different. So why not develop color trios that change daily and influence selected content modules?

The exhibition page was close to the editorial team's hearts for a long time. The sentence "The visitors should feel as if they are on site" was mentioned several times in the briefing. With the large images on a dark background, we succeeded in taking a step in the right direction.

- 5 Images

Away from the empty building, towards future life: The first style tiles play at the edge of corporate design at an early stage. What was later to become the start page animation was given the name "envelope" by management and introduces the idea of secure color sets. Each individual page of the digital futurium can use a different color set. And the feature is also future friendly: Whether an editor or a tinkerer in the Futurium Lab influences the colors in the frontend doesn't matter - the system leaves the interfaces open to allow experimentation.

Beteiligte Agenturen