BUNG Gruppe: Website-Relaunch mit Astro

Ausgangslage: eine Baukastenseite und eine WordPress-Fassung

Die BUNG Gruppe aus Heidelberg berät, plant, prüft und überwacht Bauprojekte: Brücken, Tunnel, Verkehrsanlagen, Hoch- und Ingenieurbau. Öffentlich lief bung-gruppe.de bis Mitte September 2026 noch als Baukastenseite bei Jimdo, gewachsen und Seite für Seite von Hand gepflegt. Manches Projekt stand gleich mehrfach da, und mehrere Domains der Gruppe zeigten auf dieselbe Seite.

Parallel hatten wir bei stark.marketing seit Anfang 2025 eine neue Fassung in WordPress aufgebaut, mit Divi und einer Projektdatenbank, in der das Marketing die Referenzen schon selbst pflegte. Veröffentlicht wurde sie nie. Aus genau diesem Bestand sollte jetzt der neue Auftritt werden: die ganze Gruppe in einer Struktur, mit Gesellschaften, Kerngeschäften, Fachbereichen, Leistungen, Referenzprojekten und direkten Ansprechpartnern.

Mein Part

Bei diesem Relaunch lag alles bei mir: Bestandsaufnahme und Empfehlung, Datenmodell und Umzug, Website und Redaktionssystem, Server, Weiterleitungen, die technische Dokumentation für die Datenschutzbeauftragte und die Einweisung der Redaktion. Das Design haben wir aus der WordPress-Fassung übernommen und für Handy und Kontraste nachgeschärft, etwa mit einem Menü als Karte, die ein Bild der Zielseite zeigt.

Warum Astro und Payload statt WordPress

Die Idee dahinter passt in einen Satz: ein Ort für die Inhalte, viele Seiten daraus. In der WordPress-Fassung musste die Redaktion jede Projektbeschreibung in Divi von Hand zusammensetzen. Jetzt liegen die Inhalte als Datensätze im Redaktionssystem Payload, einer Open-Source-Lösung, die ich auf BUNG zugeschnitten habe: deutsch beschriftet, mit Rollen für Redaktion und Administration und mit einer Versionsgeschichte. Es läuft auf einem eigenen Server in Deutschland.

Astro baut aus diesen Daten fertige Seiten. Beim Aufruf läuft keine Datenbank und kein PHP, die Seiten kommen als fertige Dateien über Cloudflare. Ein Projekt pflegt das Marketing einmal, als Felder und Bausteine statt als eigenes Layout, und es taucht von selbst in den passenden Projektlisten und im Filter nach Kerngeschäft und Fachbereich auf. Weil jede Gesellschaft ein eigener Datensatz ist, kann später auch jede Tochter aus denselben Daten eine eigene Website bekommen.

Umzug aus WordPress: Projekte, Leistungen, Bilder

Umgezogen sind die Projekte, die Leistungen, die Gesellschaften, die News und die Bilder dazu. Die Schnittstelle von WordPress war gesperrt, also habe ich den ganz normalen Export genommen. Der hat nur einen Haken: Verknüpfungen, etwa welche Leistungen zu welchem Projekt gehören, nimmt er nicht mit. Die steckten aber in den Titeln unscheinbarer Zwischeneinträge, und daraus ließ sich das Geflecht zwischen Projekten und Leistungen vollständig zurückbauen.

Jedes Bild hat dabei einen Namen bekommen, der sagt, was es zeigt, etwa projekt-b-33-tunnel-hegne statt einer Nummer. Und bevor etwas live geht, prüft ein Werkzeug jede Seite: ob Links, Bilder, Videos, Bausteine und sogar die Fettungen noch alle da sind. Fällt die Prüfung durch, bleibt die bisherige Fassung online.

Alte Adressen, neue Seiten

Bei jedem Relaunch kommt irgendwann die Frage: Was wird aus unseren alten Adressen? Bei BUNG führen sie per Weiterleitung auf die passenden neuen Seiten, damit weder Lesezeichen noch Links aus Suchmaschinen ins Leere laufen. Die Jimdo-Seite war nicht mehr abrufbar, also habe ich ihre Adressen aus der alten Sitemap und dem Internetarchiv rekonstruiert. Alte Referenzen führen, wo das Bauwerk auch im neuen Auftritt steht, direkt auf seine Projektseite.

Ändert das Marketing heute die Adresse eines Projekts oder einer News, entsteht die Weiterleitung automatisch. Und alle Domains der Gruppe landen auf dem einen Auftritt.

Veröffentlichen in unter einer Minute

Für die Redaktion heißt es einfach „Veröffentlichen“. Dahinter baut der Server die Seite neu, prüft sie und liefert sie aus, ganz oder gar nicht, in weniger als einer Minute. Eine Statusleiste im Redaktionssystem zeigt, wo der Neubau gerade steht. Entwürfe lösen nichts aus, für sie gibt es eine geschützte Vorschau. Und fällt das Redaktionssystem mal aus, bleibt die Website trotzdem online.

Das hat auch seinen Preis, und der stand von Anfang an in meiner Empfehlung: Die Redaktion lernt eine neue Oberfläche, und eine Änderung ist erst nach dem Neubau zu sehen, nicht in derselben Sekunde. Damit der Einstieg leichter fällt, habe ich die Redaktion durch das System geführt und die Hilfetexte darin in Alltagssprache umgeschrieben.

Schnell, zugänglich und datensparsam

Live ist die neue Seite seit dem 16. September 2026, gut zwei Wochen nach der Bestandsaufnahme. Umgestellt wurde per DNS-Eintrag und ohne Wartungsfenster, die alte Seite blieb bis zur Umschaltung online.

Weil die Seiten fertig gebaut bereitliegen, sind sie praktisch sofort da, und CSS und JavaScript sind so schlank, dass auch ein älteres Handy nicht ins Schwitzen kommt. Ausgerichtet ist die Seite an den WCAG 2.2 (Stufe AA), mit kräftigen Kontrasten, sichtbarem Fokus und einer Textliste zur Standortkarte, gedacht auch für alle, die mit Tastatur oder Screenreader unterwegs sind.

Datensparsam ist sie auch: Vor einer Einwilligung setzt sie kein einziges Cookie und lädt nichts von fremden Servern. Die Schriften kommen von der Seite selbst, YouTube-Videos laden erst nach einem Klick.

Und seitdem

Nach dem Livegang ging es gleich weiter: Die Redaktion hat eine Vorschau für Entwürfe bekommen, und geänderte Adressen leiten sich von selbst weiter. Den Server des Redaktionssystems betreut stark.marketing mit Updates, stündlichen Sicherungen und Überwachung. Das Prinzip dahinter: Nichts an diesem Aufbau bindet BUNG an uns.