Fallstudie · Brücken- und Ingenieurbau

Eren Bewehrungstechnik: eine Website, die zuerst die Baustellen zeigt

Für Eren Bewehrungstechnik in Leverkusen habe ich die neue Website entworfen und gebaut. Sie zeigt zuerst echte Baustellen aus dem Brückenbau und danach die Leistungen. Außerdem habe ich die Domain umgezogen und das Hosting eingerichtet.

Unternehmen
Eren Bewehrungstechnik, Bewehrungs- und Schalungsarbeiten im Brücken- und Ingenieurbau, Leverkusen
Umfang
Entwürfe · Website · Domain-Umzug · Hosting
Zeitraum
August bis Oktober 2026, online seit 28.10.2026

Das Projekt in Kürze

  1. Ausgangslage

    Die bisherige Website stammte aus einem Baukasten und zeigte Symbolbilder statt eigener Baustellen. Ein neues Logo mit Logo-Manual lag vor, ein Briefing für die Website nicht.

  2. Auftrag

    Eine neue Website im neuen Erscheinungsbild, gemacht für die Auftraggeber des Unternehmens. Das sind Bauunternehmen, keine Privatkunden.

  3. Mein Beitrag

    Vier Entwürfe für die Startseite, Gestaltung und Umsetzung der gewählten Richtung, Auswahl und Zuschnitt der Baustellenfotos, Team-Seite, Anfrageformular, Umzug der Domain und Veröffentlichung.

  4. Ergebnis

    Seit dem 28.10.2026 ist die Website unter eren-bst.de online. Sie zeigt acht Baustellen mit eigenen Fotos, vier Leistungen und die Ansprechpartner. Anfragen kommen über ein Formular in drei Schritten.

Startseite von Eren Bewehrungstechnik mit der Überschrift „Wir bauen das, was trägt.“ und einem Foto der verlegten Bewehrung an der A1 Rheinbrücke Leverkusen
Startseite von eren-bst.de

Ausgangslage und Auftrag

Eren Bewehrungstechnik aus Leverkusen übernimmt Bewehrungs- und Schalungsarbeiten, überwiegend an Brücken, Unterbauten und Pfeilerköpfen. Die Auftraggeber sind Bauunternehmen, keine Privatkunden.

Die bisherige Website stammte aus einem Baukasten und zeigte Symbolbilder. Für den neuen Auftritt hatte eine Designagentur ein neues Logo mit Logo-Manual entwickelt. Ein Briefing für die Website gab es nicht. Die Unterlage zum Logo enthielt aber Angaben zu Leistungen, Zielgruppen, Wettbewerb und gewünschter Wirkung, und die habe ich als Grundlage genommen.

Mein Verantwortungsbereich

  • Entwürfe: vier Richtungen für die Startseite, im Browser vergleichbar, auch am Handy
  • Gestaltung und Umsetzung: Ausarbeitung der gewählten Richtung mit Startseite, Team-Seite und Anfrageformular, Hausfarben aus dem Logo-Manual
  • Bilder: Auswahl und Zuschnitt der Baustellenfotos aus den Lieferungen des Unternehmens
  • Domain und Hosting: Umzug der Domain-Verwaltung, Übernahme der Einträge für die E-Mail und Veröffentlichung

Entscheidungen und Umsetzung

Aufbau

Erst die Projekte, dann die Leistungen

Für die Startseite habe ich vier Entwürfe in unterschiedliche Richtungen gebaut und auf einer Vorschauseite mit Umschalter bereitgestellt. So ließen sie sich im Browser vergleichen, auch am Handy. Gewählt wurde die Richtung, in der die Projekte vor den Leistungen stehen. Die Seite ist damit eher ein Projektportfolio als eine klassische Unternehmensseite.

Sie arbeitet mit großer Schrift und Projektdaten wie auf einem Datenblatt. Die Farben stammen aus dem Logo-Manual, ein dunkles Stahlblau und ein Signalorange. Der Abschnitt für die Anfrage am Ende ist ganz in Orange.

Projekt „A1 Rheinbrücke Leverkusen“ auf eren-bst.de: Foto der verlegten Bewehrung, darunter der Titel und ein Datenblatt mit Projekt, Ort, Leistung und Auftraggeber
Projekt A1 Rheinbrücke Leverkusen mit Datenblatt

Projekte

Acht Baustellen mit eigenen Fotos

Die ersten Entwürfe zeigten noch lizenzfreie Platzhalterbilder. Später schickte das Unternehmen eigene Fotos, zuletzt nach Baustellen und Auftraggebern geordnet. Daraus habe ich die Motive ausgewählt und zugeschnitten, bis kein Platzhalter mehr übrig war.

Die Startseite zeigt acht Baustellen, drei davon groß: die A1 Rheinbrücke Leverkusen, den Brückenbau Kattenohl und den A516-Brückenbau in Oberhausen. Zu jeder Baustelle stehen Ort, Leistung und Auftraggeber.

Abschnitt „Was wir machen.“ auf eren-bst.de mit der Leistung Bewehrungsarbeiten, einem kurzen Text und einem Foto von der Baustelle
Leistungen unter „Was wir machen“

Leistungen

Vier Leistungen, jede mit Foto

Unter „Was wir machen“ stehen die vier Leistungen: Bewehrungsarbeiten, Schalungsarbeiten, Brücken- und Ingenieurbau sowie Sonderlösungen. Jede hat einen kurzen Text und ein Foto von einer der Baustellen, Text und Bild wechseln sich ab. Die Texte stehen offen da, man muss nichts aufklappen.

Abschnitt „Was bauen wir als Nächstes?“ auf orangem Grund mit dem ersten Schritt der Anfrage: „Worauf bezieht sich Ihre Anfrage?“
Erster Schritt der Anfrage

Anfrage

Eine Anfrage in drei Schritten

Das Formular fragt nacheinander, worauf sich die Anfrage bezieht, ob das Projekt schon gestartet ist und wie das Unternehmen den Anfragenden erreicht. Wer eine Antwort antippt, kommt automatisch zur nächsten Frage. Zum Schluss bestätigt die Seite den Eingang und nennt eine Vorgangsnummer.

Das Formular steht am Ende der Startseite und noch einmal auf der Team-Seite.

Team und Auftraggeber

Die Menschen hinter der Arbeit

Auf einer eigenen Team-Seite stellen sich Geschäftsführung, Betriebs- und Bauleitung und die Oberpoliere vor. Geschäftsführung, Betriebs- und Bauleitung sind direkt per Telefon und E-Mail erreichbar. Der kurze Absatz über das Unternehmen enthält nur Angaben, die belegt sind.

Eine Leiste zeigt die Logos der Auftraggeber. Ein weiterer Abschnitt verweist auf einen Bericht der WAZ über den A516-Brückenbau in Oberhausen.

Ergebnis

Seit dem 28.10.2026 ist die Website unter eren-bst.de online. Bis dahin lag sie auf einer Vorschauadresse, die für Suchmaschinen gesperrt war. Dort konnte das Unternehmen jeden Zwischenstand ansehen. Beim Umzug der Domain-Verwaltung habe ich die Einträge für die E-Mail übernommen, damit die vorhandenen Postfächer weiter Post empfangen.

So sieht der Weg eines Auftraggebers auf der Seite heute aus:

  1. Baustellen ansehen
  2. Leistungen prüfen
  3. Ansprechpartner finden
  4. Anfrage in drei Schritten senden
Technische EinzelheitenTechnik, Datenschutz, Domain und Prüfung

Technik

  • Die Website besteht aus HTML, CSS und etwas JavaScript. Ein kleines Skript setzt die Unterseiten zusammen und übernimmt Kopf, Menü und Fuß von der Startseite, damit sie überall gleich sind.
  • Für Suchmaschinen hat jede Seite einen eigenen Titel, eine Beschreibung und eine feste Hauptadresse. Dazu kommen ein Vorschaubild für geteilte Links, eine Sitemap und eine eigene Fehlerseite.
  • Anfragen aus dem Formular speichert die Website bei ihrem Hoster. Nach zwölf Monaten werden sie automatisch gelöscht.

Datenschutz

  • Alles, was die Seite zum Anzeigen braucht, kommt vom eigenen Server. Es gibt keine Cookies und keine Reichweitenmessung.

Domain und Hosting

  • Die Website liegt bei Cloudflare Pages, einem Dienst für das Ausliefern von Websites. Die DNS-Verwaltung der Domain, also die Zuordnung der Adresse zum richtigen Server, habe ich vom bisherigen Anbieter dorthin umgezogen. Die Postfächer bleiben beim bisherigen Anbieter.
  • Die Website ist mit und ohne „www“ erreichbar und wird immer verschlüsselt ausgeliefert. Die Vorschauadresse bleibt für Suchmaschinen gesperrt.

Prüfung

  • Vor jeder Veröffentlichung habe ich die Seiten am Bildschirm (1440 Pixel breit) und am Handy (390 Pixel breit) geprüft. Nach dem Umzug habe ich die veröffentlichte Fassung selbst aufgerufen und mit der Vorschau verglichen.

Dein Betrieb baut mehr, als die Website zeigt?

Schick mir ein paar Zeilen und sag mir, welche Projekte und Fotos es gibt. Dann besprechen wir, wie daraus eine Website wird.

Projekt besprechen Briefing senden