18 Bauvorhaben, die vorher niemand sehen konnte

Das Ingenieurbüro Thomas Schulze plant seit 2002 in Frankfurt (Oder) — Bauplanung, Baustatik und Bauleitung aus einer Hand, eingetragen bei der Brandenburgischen Ingenieurkammer. Zu den ausgeführten Vorhaben gehören Feuerwehrgerätehäuser, ein Tierheim, eine Stadtbibliothek, betreute Seniorenwohnheime, mehrere Wohnparks und eine zweistellige Zahl von Einfamilienhäusern.

Die Website des Büros stammte aus der Zeit der Gründung: fünf statische HTML-Seiten, ein festes Layout von rund 1.000 Pixeln Breite, erreichbar ausschließlich über eine unverschlüsselte Verbindung.

Die Referenzseite zeigte Besuchern eine einzige Zeile: „Couldn't load plugin." Die Projektbeispiele steckten in einem Flash-Element — einer Technik, die seit Ende 2020 in keinem Browser mehr ausgeführt wird. Ein Büro mit über zwei Jahrzehnten Praxis und 18 dokumentierten Bauvorhaben präsentierte Interessenten damit faktisch nichts.

Die Messung des Altbestands ergab weiter: keine der fünf Seiten trug eine Beschreibung für Suchmaschinen, keine war für Mobilgeräte ausgelegt, die Startseite hieß im Browsertab „index". Wer das Büro auf dem Smartphone suchte — der Normalfall bei privaten Bauherren — bekam eine Seite, die sich nicht bedienen ließ.

Das Büro hatte klare Vorstellungen davon, was es nicht wollte: kein Redaktionssystem, keine laufende Betreuung, kein Kontaktformular und keine Kundenbereiche. Die Website sollte ohne Abhängigkeiten laufen und Anfragen weiterhin über Telefon und E-Mail entgegennehmen.

Gleichzeitig durfte die Wiedererkennung nicht verloren gehen. Das Terrakotta-Rot des Firmenzeichens und der technische Grauton prägen die Außenwirkung des Büros seit 2002 — auf Briefbögen, Plänen und der Bürotür.

Ein vollständiger Neubau auf Next.js 16, statisch ausgeliefert. Die Farbwelt wurde aus dem Firmenzeichen abgeleitet und zu einem Gestaltungsraster ausgebaut, das die Zeichnungssprache des Büros aufnimmt: Beschriftungen in Monospace wie auf einem Plankopf, Achsraster und Grundrisse als wiederkehrendes Motiv statt Bildagentur-Fotos.

Alle Inhalte liegen in einer einzigen typisierten Datei. Wer dort etwas ändert, ändert es überall — Navigation, Seiten, strukturierte Daten und Sitemap greifen auf dieselbe Quelle zu. Damit bleibt die Seite pflegbar, ohne ein Redaktionssystem zu betreiben.

Statt eines Kontaktformulars bereitet ein Knopf eine E-Mail mit genau den Angaben vor, die das Büro für eine erste Einschätzung braucht. Die Website verarbeitet dadurch keine personenbezogenen Daten.

Der Entwurf entstand zunächst als Prototyp und wurde nach der Freigabe in ein eigenes Repository überführt. Die 35 Projektfotos des Büros lagen als HEIC- und JPEG-Dateien in Kameraauflösung vor, teils mit der Bildausrichtung nur im EXIF-Flag — sie wurden auf eine einheitliche Kantenlänge gebracht und die Ausrichtung fest ins Bild gerechnet.

Die Zuordnung zu Bauvorhaben und Leistungsumfang stand in einer PDF-Anlage des Büros. Daraus entstanden 18 Referenzen in vier Kategorien, jeweils mit den Leistungen, die das Büro tatsächlich übernommen hat. Baujahre und Bauherren lagen nicht vor — sie werden deshalb nicht behauptet.

Der Betrieb läuft containerisiert auf Railway; jeder Push auf den Hauptzweig löst ein Deployment aus. Die Seiten werden statisch erzeugt und stündlich nachgerendert, damit Jahresangaben ohne Deployment aktuell bleiben.

Aus fünf Seiten wurden zwölf, jede mit eigenem Titel und eigener Beschreibung. Die Referenzseite zeigt statt einer Fehlermeldung 18 Bauvorhaben mit 35 Fotos, gegliedert nach öffentlichen Bauten, Wohnen im Alter, Wohnungsbau und Gewerbe — und unter jedem Objekt steht, welche Leistungen das Büro übernommen hat.

Die Seite ist verschlüsselt erreichbar, auf dem Smartphone bedienbar und liefert Suchmaschinen erstmals strukturierte Daten, eine Sitemap und eine robots.txt. Die Bilder werden als WebP ausgeliefert und sind damit rund ein Zehntel so groß wie die Ausgangsdateien.

Das Büro kann die Inhalte selbst pflegen, ohne ein System zu betreiben und ohne laufende Kosten für Betreuung.