Startseite von Tragwerk am Rechner: Agentur für Konzepte, die flimmernde Wortmarke tragwerk. auf zerkratztem Papier
Tragwerk auf dem Handy: Agentur für Konzepte, Schlagworte und Wortmarke auf Papier

Agentur-Webseite mit zweiter Welt für Frankfurter Straßen

Tragwerk

Die Webseite einer Frankfurter Agentur für Subkultur, Nightlife und urbanen Raum, gestaltet im Stil ihres eigenen Projektplans: Papier mit Kratzern, Versalien, eine flimmernde Wortmarke. Dazu eine zweite Welt bei Nacht für die Partnerplattform Frankfurter Straßen.

Für
Agentur für Subkultur, Nightlife und urbanen Raum, Frankfurt
Rolle
Konzept, Design, Umsetzung
Zeitraum
seit Oktober 2026
Stand
In Umsetzung

Womit es losging.

Tragwerk arbeitet aus dem Bahnhofsviertel an Konzepten für Subkultur, Nightlife und urbanen Raum. Die Gestaltung gab es schon: im Projektplan, den die Agentur selbst gebaut hat. Die Webseite sollte genau so aussehen und klingen, nicht wie eine Vorlage. Dazu kommt Frankfurter Straßen, eine eigenständige Plattform, mit der Tragwerk als Partner arbeitet und die auf derselben Seite einen eigenen Auftritt braucht.

Was entstanden ist.

  • Ihr Projektplan als Gestaltung

    Papier mit Fadenkreuz-Kratzern, Seitenzahlen, Versalien im Blocksatz: Die Seite übernimmt die Bildsprache, die Tragwerk selbst entwickelt hat. Eine Schriftfamilie trägt beide Marken, für Frankfurter Straßen gestaucht und klein geschrieben.

  • Zwei Welten auf einer Seite

    Tragwerk steht auf Papier, Frankfurter Straßen bei Nacht. Beide teilen Navigation und Kontakt, bleiben aber als eigenständige Partner erkennbar.

  • Frankfurt als Effekt, nicht als Deko

    Eine Fallblatt-Tafel wie am Hauptbahnhof zeigt statt des Fahrplans einen Nachtplan, die Wortmarke flimmert als WebGL-Signal, der Mauszeiger ist das Fadenkreuz aus dem Logo. Wer weniger Bewegung eingestellt hat, sieht alles ruhig.

Der Bereich Frankfurter Straßen bei Nacht: große gestörte Wortmarke und der Anspruch der Plattform in Kleinschreibung
Die zweite Welt: Frankfurter Straßen bei Nacht, in eigener, gestauchter Schrift und klein geschrieben.

Was dabei entsteht.

  • Eine Seite im eigenen Stil der Agentur, nicht aus einer Vorlage
  • Zwei Marken mit eigener Welt und einer gemeinsamen Navigation
  • Bewegung mit Rücksicht: höchstens drei Lichtwechsel pro Sekunde, abschaltbar
  • Auf dem Handy so stark wie am Rechner

Was drinsteckt.

Leistungen

  • Konzept
  • Webdesign
  • Umsetzung
  • Bewegung und WebGL
  • Kontaktformular

Technik

  • Next.js
  • WebGL ohne Bibliothek
  • Fallblatt-Tafel
  • Bewegung reduzierbar