Übersicht · Stand Oktober 2026

Eine Lok, neun Entwürfe.

Alle Gestaltungsrichtungen für die Website der Dampflok 50 2273 an einem Ort — von den ersten Skizzen bis zur aktuell gebauten Version. Fahrten, Preise, Tickets und Live-Position sind Beispieldaten; gebucht oder gesendet wird nichts.

Gebaute Versionen

Vollständige Seiten mit Unterseiten,
Ticketstrecke und Live-Karte

Version 3 · aktueller Stand

Blatt

Ein Zeichenblatt mit Haarlinien, Normschrift und Schriftfeld. Im Zentrum ein maßstäblicher Seitenriss nach der Typenskizze der Baureihe 50 — als Kohle-Animation, als interaktive Übersicht und als bemaßtes Blatt.

Fahrplan als Kursbuchzeilen, Galerie, Live-Karte, Ticketstrecke
Instrument Serif, Inter, Archivo Narrow, JetBrains Mono

Seite öffnen

Version 2 · archiviert

Papier & Kohle

Ausgebaut aus Entwurf G: Off-White-Papier über die ganze Seite, Kohle-Schwarz und Ziegelrot, Fraunces-Serifen. Erste Fassung der animierten Kohlezeichnung.

Drohnenvideo als ruhiges Band
Ältere, weniger genaue Zeichnung der Lok

Seite öffnen

Version 1 · Entwurf E

Dark Cinematic

Die erste gebaute Seite: dunkel, mit Drohnenvideo als Hintergrund, große Versalien, orangefarbene Akzente.

Nur noch als Bild erhalten

Gestaltungsentwürfe

Startseiten als Fassade —
Farbe, Schrift, Rhythmus, Bildsprache

Entwurf A

Museum

Helles Papier, Serifen-Display, Haarlinien. Fotos wie Tafeln in einem Ausstellungskatalog.

Öffnen →

Entwurf B

Kursbuch

Bundesbahn-Nostalgie: Creme, Flaschengrün, Oxidrot. Fahrplan als gedruckte Tabelle, Fahrkarte mit Perforation.

Öffnen →

Entwurf C

Werkstatt

Technische Zeichnung statt Hochglanz: Betongrau, Monospace, Warnfarbe, Datenblätter.

Öffnen →

Entwurf D

Reise

Freundlicher Buchungs-Look: Elfenbein, Tannengrün, runde Karten, Preise immer sichtbar.

Öffnen →

Entwurf F

Reißbrett

Minimal, um den maßstäblichen Seitenriss gebaut. Im Dunkelmodus wird die Seite zur Blaupause.

Öffnen →

Entwurf G

Kohlezeichnung

Warmes Papier, Ziegelrot, Serifen — im Zentrum die animierte Kohlezeichnung der Lok. Vorlage für Version 2 und 3.

Öffnen →