Skip to content
Work About Publications Talks Contact
Glowing white cubes on tensioned wires inside a curved white frame; visitors stand in the media lounge of the Gutenberg-Museum Mainz

Moving Types · Exhibition and app

Nothing played on the walls.

An exhibition on a century of animated type at the Gutenberg-Museum Mainz: around 300 glowing cubes, each holding a film that only started on the iPad in your hands.

Role
Spokesperson of the interaction design group · app concept and design
Timeframe
2011–2016 · app 2011–ongoing
Context
HfG study project for the z zg and the Gutenberg-Museum Mainz
Status
Five venues, three design awards · App 3.0 live since September 2026

Media lounge, Mainz 2011 · Photo: Birgitta Loehr

01 / Starting point

How do you show 300 films in one room?

Ralf Dringenberg and Anja Stöffler had spent years building an archive of animated type, from early film titles to TV idents and music videos, and had interviewed the designers behind them. For ‘Mainz – City of Science 2011’ the archive was to become an exhibition at the Gutenberg-Museum. There was a single room for it.

When our study project began in the summer of 2011, it was settled that the exhibition would happen, but not what it would look like. Six student groups from HfG Schwäbisch Gmünd and Hochschule Mainz worked that out in one semester, with the opening set for October.

I was in my fourth semester and spokesperson of the interaction design group. We were responsible for the technology, the visitor scenarios and the information architecture. With four fellow students I designed the concept and the screens of the iPad app; the studio metaminded developed it. I stayed with the project long after the semester. Its latest chapter is an app I rebuilt myself in 2026.

Six groups, one room

  • Interaction design · HfGTechnology, scenarios, information architecture, appMy group
  • Communication design · HfGIdentity, catalogue, website, façade content
  • Interior architecture · MainzThe object in the room, light, construction
  • Media design · MainzInterviews, research, workshops
  • Computer science · MainzBlog, IT, technical support for the app
  • Communication planning · HfGFilm data and selection

Group tasks as defined at the kick-off in March 2011.

02 / Cube field

Movable type became moving type.

Gutenberg’s letters could be set in any order. The exhibition treated films the same way: around 300 small white cubes hung on tensioned wires, each printed with a QR code. Nothing played on the walls. Visitors scanned a cube with a borrowed iPad, and the film started in their hands.

Schematic section of the cube fieldGlowing cubes hang on vertical wires at three heights: a row of large story cubes at the top, five rows of small exhibit cubes at eye level and a row of children’s films below, with an adult and a child for scale.

Around 300 cubes, three heights

Categories Art & Experimental · Commercials · Corporate Motion · Film titles · Music videos · Information graphics · plus Kids

Schematic section of the cube field, after the 2013 presentation for the Design Award of the Federal Republic of Germany. Select a height to highlight it. · Illustration
Backlit QR cubes glowing in the dark among the wires of the media lounge
The cubes were lit from inside, so their codes could be read in a dim room. · Original material · Photo: Birgitta Loehr
A slow pass along the cubes, from our documentary film. · Original material
A large story cube labelled ‘1963 – 2011, ZDF Idents’ hanging among smaller cubes
A story cube at the top introduced a theme, here 48 years of ZDF station idents. · Original material · Photo: Birgitta Loehr

Key insight

The cube field was the index, the iPad the projector. A code on an object made each film easy to find without a single screen on the wall.

Interior architecture students from Hochschule Mainz designed and built the curved, modular frame. Interviews with designers ran on screens along the back wall.

03 / Visitor journey

The visit continued after people left.

We designed the visit as one thread, from the desk by the entrance to a collection at home. Each step below is footage from the documentary film we shot in Mainz in 2012.

Visitors borrowed an iPad at the desk by the entrance, free of charge. The cube field glowed right behind it.

From our documentary film, Mainz 2012. · Original material

Documentary film, 2012

Three and a half minutes on how the exhibition worked, by Onofrio Di Franco, Adrian Jehle, Marcel Müller and me.

Watch the film on Vimeo

04 / App

Scan, watch, collect: we cut everything else.

Between April and July 2011 we presented four concept rounds to the curators, the other groups and metaminded. Two decisions shaped everything that followed.

Design decision

Visible codes, not invisible tags.

Considered
RFID tags would have stayed invisible and could even have located visitors in the room. We liked that surprise at first.
Chosen
QR codes. A camera is all you need, every phone has one, and the code itself shows where a film is. We tested sizes, distances and backlighting until the codes scanned reliably in the dark.

The same choice later made the catalogue possible.

Presentation slide ‘Scan Transition’: a test photo of the scan frame closing around a printed QR code on a desk
Testing the scan frame on a printed code, July 2011. · Original material

Design decision

Collecting, not scoring.

Considered
An early concept turned the visit into a game: a discovery mode with tasks, points and a high score.
Chosen
We kept what served every visitor: a personal library and a personal code to take it home. The app shrank to three areas, scan mode, player and library.

Films were stored on the iPads, so nothing had to load in the room. After 30 seconds without use, the app went to sleep and showed how to start again.

Presentation slide ‘Applikation, Überblick: Sleep-Modus’: a flow diagram connecting sleep, scan, library, play video and share
The app as one loop, June 2011: sleep, scan, library, player and share. · Original material

Code to film, film to code

Redrawn after our transition slides of June 2011; the film is a stand-in. Whether the flip shipped exactly like this is not documented. · Concept visualisation
Scan mode of the 2011 exhibition app: a scan frame over blurred glowing cubes
Library of the 2011 exhibition app: films grouped by category with thumbnails

Scan mode and library of the iPad app, 2011. Thumbnails show works from the exhibition. · Original material

05 / Catalogue

The catalogue became a cinema.

The same code works on paper. The catalogue consists almost entirely of QR codes, each illustrated in the style of its film. Scanned with the catalogue app, about 80 films play on the phone.

Wraparound cover of the Moving Types catalogue: the title in overlapping red, yellow and blue letters on black
Cover of the catalogue, 2011, first edition of 1,000 copies. · Original material
Catalogue page: a QR code set in moving purple letters on yellow
Catalogue page: a QR code dissolving into blue paint beside a clock face
Catalogue page: two trees whose crowns are made of tiny QR codes and letters
Catalogue page: a red QR code bleeding into red smoke
Catalogue page: a QR code built from red paint with blue and yellow splashes

Five of the illustrated codes. Each one still opens its film. · Original material

I was one of seven students who designed the catalogue; the codes themselves were shared out among many more. In its press text, red dot called it one of the first catalogues with a ‘built-in cinema’.

The codes also connected the room with the web. I was part of the team that conceived, designed and built the exhibition website, where each personal QR code opened a visitor’s collection.

06 / Fifteen years

Fifteen years later, the codes still work.

Planned for six months in Mainz, the exhibition stayed almost a year and then travelled. I stayed with it beyond the study project.

One exhibition, five venues, four app generations

Venues

  • Mainz Gutenberg-Museum
  • Schwäbisch Gmünd Galerie im Prediger, 6,000+ visitors
  • Dortmund Dortmunder U
  • Schwäbisch Gmünd Alte Post, HfG building
  • Frankfurt ACHT, ‘Moving Types Light’

Awards

  • red dot design award
  • Designpreis Rheinland-Pfalz
  • iF communication design award

App

  • Exhibition and catalogue app concept and design with my group
  • Redesign for iOS 7 my redesign
  • Augmented reality book rebuilt by the z zg
  • App 3.0 design and code by me

My part

  • Study project spokesperson, interaction design
  • Next venues planning and set-up with Ralf Dringenberg and Anja Stöffler

My part

Timeline from the exhibition’s press texts and the app’s store histories. · Illustration

Between venues I planned, organised and set up the exhibition with Ralf Dringenberg and Anja Stöffler.

In 2014 I redesigned the iPad app for iOS 7: the same structure, with flat controls and without the textures. metaminded built it from my screens, and I checked their builds against them with correction lists down to the pixel.

The curved cube field in the white exhibition hall of the Galerie im Prediger, with two visitors
The cube field in the Galerie im Prediger, Schwäbisch Gmünd 2012: more than 6,000 visitors in two months. · Original material · Photo: Dominik Witzke / Adrian Jehle
Story cube ‘Birnen, Beamer und Blinkenlights’, with its English version ‘Bulbs, Beamers and Blinkenlights’ on a smaller cube behind
Story cubes in German and English, here on typography in public space. · Original material · Photo: Dominik Witzke / Adrian Jehle
The media façade on the museum’s glass bridge, Mainz, from our documentary film. · Original material

Outside · Media façade

The exhibition also wrote on the building.

In Mainz, both venues in Schwäbisch Gmünd and Dortmund, an LED façade carried the exhibition into the street. In Mainz, passers-by could send a text message and watch it run across the bridge between the museum buildings. It kept running for more than a decade. I developed the Mainz façade with Luise Pescheck and Adrian Abele and adapted the later ones with Ralf Dringenberg and Anja Stöffler. That story gets a case study of its own →

Four generations of one app

Library of the app after the 2014 redesign for iOS 7: the same grid with flat controls, no textures and a blue scan button
Library of the original 2011 app: textured surfaces and glossy controls

2011 · 2014Exhibition app and my redesign for iOS 7On lent iPads in the museum, built by metaminded.

Scanner of the 2018 augmented reality book app pointed at a QR cube

2018–2020Augmented reality bookRebuilt for phones by the z zg; reads the catalogue codes.

Start screen of App 3.0 on an iPhone with the Moving Types catalogue

2025–2026App 3.0Rebuilt from scratch by me: iPhone, iPad, Mac, Android and web.

Original screens: library 2011 and 2014 (iPad), scanner 2018 and start screen of App 3.0 (iPhone). Drag the handle to compare 2011 and 2014. · Actual interface

App 3.0 · 2025–2026

Back in the store.

In October 2025 I started rebuilding the app from scratch, design and code, for the z zg. A month later, the previous version disappeared from the App Store, and the catalogues on people’s shelves went quiet.

App 3.0 is a native app for iPhone and iPad that also runs on Macs with Apple silicon, an Android version and a web app. Its new scanner is tuned to the illustrated, sometimes inverted codes in the catalogue. Since 20 September 2026 it turns the catalogue into a cinema again: more than 80 works, free, without an account, ads or tracking.

Get App 3.0
App 3.0 scanner on iPhone, framing a printed catalogue code
App 3.0 information screen on iPhone about the Moving Types archive

App 3.0 on iPhone: scanner and information. · Actual interface

App 3.0 on iPad: the scanner framing a code in the open catalogue
The scanner on iPad. · Actual interface

One app, three platforms

  • iPhone and iPad

    A native SwiftUI app with onboarding, scanner, player and an introduction to the archive. It also runs on Macs with Apple silicon.

  • Android

    The same features in Jetpack Compose, with the design adapted to Material Design 3.

  • Web

    A web app that runs in the browser without installation, so the catalogue no longer depends on a store.

  • Scanner

    Reads only QR codes and is tuned to the catalogue’s illustrated codes, including the inverted ones.

Key insight

The printed code was the durable part. It outlived two apps; the interface around it has to be rebuilt whenever the platforms move on.

07 / What remains

A semester project that never quite ended.

Outcome

  • Five venues, 2011–2016

    Gutenberg-Museum Mainz, Galerie im Prediger and Alte Post in Schwäbisch Gmünd, Dortmunder U and ACHT Frankfurt. In Schwäbisch Gmünd alone, more than 6,000 visitors in 2012, a record for the gallery.

  • Three design awards

    red dot design award 2012, Designpreis Rheinland-Pfalz 2012 for communication in space, iF communication design award 2013; nominated for the German Design Award 2014.

  • App 3.0, since September 2026

    In the App Store for iPhone, iPad and Mac, on Google Play and as a web app: moving-types.de/app ↗

  • Documentary film, 2012

    How the visit worked, in English on Vimeo ↗.

Reflection

The strongest decision was the plainest: a visible code that any camera can read. It made the cube field, the catalogue and, fifteen years later, App 3.0 possible.

What I would do differently: plan the app’s upkeep from the start. Once an exhibition closed, nobody was responsible for the app, and twice it was lost when iOS moved on. And I would evaluate how the system was used. We never analysed which films were scanned or how many stickers were opened at home, so the visitor journey was never tested against real use.

An open question I still carry: how do you keep an interactive piece alive longer than the platform it runs on?

Curators
Prof. Ralf Dringenberg, Prof. Anja Stöffler, Prof. em. Harald Pulch · z zg, Hochschule Mainz and HfG Schwäbisch Gmünd, with the Gutenberg-Museum Mainz
App 2011
Dominik Witzke, Onofrio Di Franco, Marcel Müller, Patric Sterrantino, Antonio Krämer Fernandez · development: metaminded
Catalogue design
Beppo Albrecht, Miriam Bröckel, Nicole Höfle, Julian Hölzer, Adrian Jehle, Dominik Witzke, Dominic Specht
Documentary film
Onofrio Di Franco, Adrian Jehle, Marcel Müller, Dominik Witzke · directed by Ralf Dringenberg and Anja Stöffler
App 3.0
Dominik Witzke, design and code, for the z zg
Team
With students of HfG Schwäbisch Gmünd and Hochschule Mainz: interaction and communication design, communication planning, interior architecture, media design and computer science
Photos
Birgitta Loehr (Mainz, 2011) · Dominik Witzke / Adrian Jehle (Schwäbisch Gmünd, 2012) · film stills from our documentary film
References
Documentary film, 2012 ↗ · Moving Types at the z zg ↗

Next project

Moving Types Façade

Text messages drifted across a museum as points of light and became words in one place — an LED façade that ran for more than a decade.

View project →