Optocycle · Serienkonzept & Designsystem · 2026

Zahl des Monats

Eine Serie, die zwölf Monate durchhält: 36 Karten in drei Rollen, gebaut aus einem einzigen Bauteil, das direkt aus der Bildmarke des Unternehmens abgeleitet ist. Konzept, Text, Layout-Spezifikation und Produktion von mir.

Das eigentliche Ergebnis dieses Projekts ist nicht eine Karte, sondern ein Regelwerk plus Skript: Wer eine Ausgabe veröffentlichen will, trägt einen Wert ein und lässt rendern. Alle 36 Karten sind vorab auf Textüberlauf geprüft.

Unternehmen
Optocycle GmbH, Tübingen
Umfang
12 Ausgaben · 36 Karten · 4:5, 1080 × 1350 und 2× Export
Rhythmus
erster Dienstag im Monat
Meine Rolle
Serienkonzept, Texte, Layout-Spezifikation, Bauteil-Geometrie, Produktionsaufbau — allein verantwortlich
Farbe und Schrift des Projekts
Indigo#596DF6Navy#161D4FOrange#FF6D2DWeiß#FFFFFF

Schrift im Original: Space Grotesk, Ziffern tabellarisch.

Hinweis zur Vertraulichkeit

Diese Arbeiten sind im Rahmen meiner Anstellung bei der Optocycle GmbH entstanden; die Rechte liegen beim Unternehmen. Gezeigt wird ausschließlich Material, das bereits veröffentlicht wurde oder für die Veröffentlichung bestimmt war. Zu internen Zahlen, Abläufen, Verträgen und nicht veröffentlichten Entwürfen mache ich keine Angaben.

Personenbezogene Daten Dritter habe ich, wo sie nicht ohnehin öffentlich sind, aus den Abbildungen entfernt. Wer eine Abbildung hier nicht sehen möchte, schreibt mir kurz — dann ist sie weg.

Ausgangslage

Wiedererkennbar sein, ohne langweilig zu werden

Eine Serie hat einen Vorteil und ein Risiko. Der Vorteil: Ab der dritten Ausgabe wird sie erkannt, bevor sie gelesen wird. Das Risiko: Ab der dritten Ausgabe wird sie erkannt und übersprungen. Zwölf Monate sind lang, und in dieser Zeit muss die Serie gleich aussehen und jedes Mal etwas anderes zeigen.

Die zweite Bedingung war praktisch. Eine Serie, die nur läuft, solange ich sie selbst baue, ist keine Serie, sondern eine Kette von Einzelarbeiten. Sie musste also so angelegt sein, dass eine Ausgabe ohne Gestaltungsentscheidung produziert werden kann.

Und die dritte Bedingung war inhaltlich: Eine Zahlenserie eines Unternehmens, das Messtechnik verkauft, darf keine geschätzten Zahlen zeigen. Sonst widerlegt der Absender sein eigenes Versprechen.

Der Aufbau

Drei Karten, drei Aufgaben

Jede Ausgabe besteht aus drei Karten mit klar getrennten Rollen. Wer nur die erste sieht, hat trotzdem etwas mitgenommen.

Karte 1 · Die Zahl

Der Wert allein

Die Zahl steht groß, in tabellarischen Ziffern, damit „3,4“ und „128“ an derselben Stelle sitzen. Darunter nur die Einheit und eine Zeile zur Herkunft. Kein Kontext, keine Erklärung — das ist der Halt im Scrollen.

Karte 2 · Die Einordnung

Warum das etwas heißt

Ein Kernsatz, gesetzt wie ein Zitat, und darunter drei bis vier Zeilen Erläuterung. Diese Karte macht aus der Zahl eine Aussage, ohne belehrend zu werden.

Karte 3 · Die Frage

Übergabe an die Leserschaft

Eine Frage, die man in einem Kommentar beantworten kann. Bei Ausgaben, die inhaltlich in einer Feststellung enden, steht hier stattdessen der Schlusssatz — die Serie zwingt sich keine Frage ab, wo keine hingehört.

Karte 1 der Serie: große Platzhalter-Zahl mit Einheit auf indigofarbenem Grund, rechts die große Blende mit weißem Punkt und orangem Datenträger
Karte 1: die Zahl. Der Wert ist als Platzhalter gesetzt.
Karte 2 der Serie: Kernsatz in weißer Schrift, darunter erläuternder Nebentext, oben links die kleine Blende
Karte 2: die Einordnung, mit der kleinen Blende als Marke.
Karte 3 der Serie: eine Frage in weißer Schrift, rechts die Blende mit leerem Ring
Karte 3: die Frage. Der Ring ist leer — die Antwort fehlt noch.
Das Herzstück

Ein Bauteil, drei Zustände

Das wiederkehrende Element der Serie ist keine erfundene Form, sondern die Bildmarke des Unternehmens, reduziert auf ihre beiden Aperturen. Ich nenne es die Blende.

Die Geometrie ist unverändert aus der Original-Logodatei übernommen: das Verhältnis von Ringradius zu Punktradius und der Mittenabstand bleiben exakt so, wie sie im Zeichen sind. Damit ist die Serie nicht an die Marke angelehnt, sondern aus ihr gebaut — ein Unterschied, der auffällt, wenn Karten neben anderen Unternehmensbildern stehen.

Im Logo ist der rechte Punkt eine halbe Scheibe. Genau diese Hälfte wird in der Serie zum Datenträger und bekommt drei Zustände: die Standard-Halbscheibe bei absoluten Werten, eine echte Füllhöhe bei Prozentwerten und ein leerer Ring auf der Fragekarte, weil die Antwort dort noch fehlt.

Ein Füllstand ohne echten Bezugswert ist eine erfundene Zahl in Bildform. Deshalb darf die Füllhöhe nur bei Werten gesetzt werden, die wirklich ein Anteil sind — bei absoluten Werten bleibt es bei der Halbscheibe.

Das ist die Regel, auf die ich in diesem Projekt am meisten Wert legen würde. Sie kostet grafische Möglichkeiten und schützt die Glaubwürdigkeit eines Absenders, der Messgenauigkeit verkauft.

Das Regelwerk

Entscheidungen, die einmal getroffen werden

Statt Gestaltungsvorschlägen habe ich eine Spezifikation geschrieben. Darin steht nicht, wie es aussehen soll, sondern was gilt.

Produziert wird über eine HTML-Vorlage und ein Renderskript: Wert eintragen, Skript starten, alle 36 Karten fallen in beiden Auflösungen heraus. Ein zweites kleines Skript prüft jede Karte auf Textüberlauf. Die Schriftschnitte liegen dem Paket bei, damit auf einem anderen Rechner nichts anders aussieht.

Die ganze Serie

36 Karten auf einen Blick

Zwölf Ausgaben, jeweils Zahl, Einordnung und Frage. Alle Werte sind bewusst als Platzhalter gesetzt: Die echten Zahlen werden vor dem jeweiligen Versand eingetragen und sind nicht Teil dieser Arbeitsprobe.

Kontaktbogen mit allen 36 Karten der Serie, angeordnet in sechs Spalten und sechs Zeilen, alle auf indigofarbenem Grund
Der Kontaktbogen. Zum Prüfen einer Serie das nützlichste Bild überhaupt: Hier sieht man sofort, ob eine Karte aus dem Rhythmus fällt.
Ehrlich dazugesagt

Was in dieser Arbeit offen geblieben ist

Ein verbindliches Markenhandbuch lag mir nicht vor. Farbwerte und Schriftschnitte sind aus den vorhandenen Dateien abgeleitet, nicht gegen eine Richtlinie geprüft. Das Serien-Orange ist neu und kommt in keinem älteren Beitrag vor — eine Entscheidung, die ich begründen, aber nicht auf ein Dokument stützen kann.

Im Bestand war außerdem ein dunkles Blau dreifach in leicht verschiedenen Werten vergeben. In dieser Serie kommt es nicht mehr vor, für die anderen Formate ist die Frage damit nicht gelöst, sondern nur vertagt. Beides steht so auch in der Spezifikation, die ich übergeben habe. Ich halte es für einen Fehler, solche Lücken in einer Übergabe zu verschweigen — der Nächste findet sie ohnehin, dann aber ohne Erklärung.

Was ich daraus mitgenommen habe

Vom Entwurf zum System

Ein Regelwerk ist die eigentliche Gestaltungsleistung

Ich hätte zwölf Ausgaben einzeln entwerfen können und wäre schneller fertig gewesen. Die Serie hätte dann aufgehört, sobald ich nicht mehr da bin. Die Arbeit in die Spezifikation und das Renderskript zu stecken, war die unbequemere und deutlich haltbarere Entscheidung.

Aus der Marke bauen statt neben ihr

Vorher hätte ich für so eine Serie eine eigene Formsprache erfunden. Die Geometrie der Bildmarke zu übernehmen, war anfangs eine Einschränkung und am Ende der Grund, warum die Karten nach diesem Unternehmen aussehen und nicht nach mir.

Kontrast ist keine Geschmacksfrage

Das Orange auf dem Indigo sah in einem ersten Entwurf als Schrift gut aus. Nachgerechnet war es unlesbar. Seitdem prüfe ich Farbpaare, bevor ich mich in sie verliebe — und schreibe das Ergebnis als Regel auf, damit die Diskussion nicht beim nächsten Entwurf wieder anfängt.

Grenzen des Machbaren sind Teil der Abgabe

Dass ohne Fußbalken die Quellenangabe aus dem Bild fällt, ist eine Folge meiner eigenen Entscheidung. Sie zu benennen und einen Ersatzweg festzulegen, statt sie zu übersehen, war für mich der Punkt, an dem sich Gestaltung von Dekoration unterscheidet.

Was dieses Projekt zeigt

Serien denken, nicht Einzelbilder

Designsystem Layout-Spezifikation Typografisches Raster Datenvisualisierung Barrierefreier Kontrast HTML-Vorlage & Renderskript Redaktionsplanung Text Dokumentation & Übergabe

Weiter zu den anderen Arbeiten

Aus derselben Rolle: die einzelnen LinkedIn-Beiträge, die 1.-April-Kampagne und die Print-Kommunikation.