Website-Relaunch für STB Ingenieure

STB Ingenieure: Ein Relaunch, der trägt

Wir haben die Website des Bremer Ingenieurbüros STB Ingenieure neu aufgesetzt. Der Auftritt ordnet neun Fachbereiche, zeigt Bauprojekte in großen Bildern und spricht Bauherren genauso an wie Bewerber:innen.

Sowas will ich auchstb-ingenieure.de ansehen
Startseite von stb-ingenieure.de mit dem Europahafenkopf Bremen

Die Startseite

75+

Jahre Bürogeschichte seit 1948

9

Fachbereiche in einer Übersicht

22

Referenzprojekte mit Filter

2

Standorte: Bremen und Potsdam

Ausgangslage

Viel Kompetenz, klar sortiert

STB Ingenieure plant und prüft seit 1948 Bauwerke, von der Tragwerksplanung über die Bauphysik bis zum Brandschutz. Über 90 Mitarbeitende arbeiten in Bremen und Potsdam.

Unsere Aufgabe war ein Relaunch, der dieses breite Angebot ordnet. Bauherren finden in Sekunden die passende Leistung. Fachkräfte lernen ein Büro kennen, bei dem sie arbeiten wollen.

Leistungsübersicht auf stb-ingenieure.de mit neun Fachbereichen als Kachelraster

Neun Fachbereiche als Kachelraster

Lösung

Drei Bausteine für den Relaunch

01

Leistungen im Raster

Tragwerksplanung, Bautechnische Prüfung, Architektur, Bauphysik, BIM und vier weitere Fachbereiche stehen gleichberechtigt nebeneinander. Jede Kachel führt auf eine eigene Seite.

02

Projekte als Beweis

22 Referenzen lassen sich nach Leistung, Gebäudetyp und Bauart filtern. Große Bilder zeigen, was das Büro geplant und geprüft hat.

03

Karriere mit Gewicht

Stellenangebote, Benefits und Team haben einen eigenen Bereich. So wird die Website auch zum Werkzeug im Recruiting.

Referenzen

Das passende Projekt ist schnell gefunden

Drei Filter grenzen die Projekte ein: nach Leistung, nach Gebäudetyp und nach Neubau oder Bauen im Bestand. Jede Kachel nennt Ort und Bauzeit.

  • Tragwerksplanung
  • Bauphysik
  • Sanierung / Gutachten
  • Bildungsbau
  • Gesundheitsbau
  • Büro- und Verwaltungsgebäude
  • Gewerbe- und Industriebauten
  • Ingenieurbau
  • Neubau
  • Bauen im Bestand
Referenzübersicht auf stb-ingenieure.de mit Projektkacheln

Die Referenzübersicht

Projektseite Europahafenkopf Bremen auf stb-ingenieure.de

Projektseite „Europahafenkopf Bremen – Zechhaus“

Projektseite

Jedes Bauwerk bekommt seine Bühne

Die Projektseite stellt das Bild nach vorn und ordnet das Projekt klar ein.

Großes Bild

Das Projektfoto füllt den Einstieg, der Titel folgt direkt darunter.

Eckdaten

Ort und Bauzeit stehen schon in der Übersicht an jeder Kachel.

Einordnung

Leistung, Gebäudetyp und Bauart ordnen jedes Projekt ein und speisen die Filter.

Navigation

Ein Menü, das Platz lässt

Die Seite kommt ohne klassische Menüleiste aus. Das Menü öffnet sich über den ganzen Bildschirm und zeigt sechs klare Wege. So bleibt der Blick sonst frei für Bauwerke und Inhalte.

Geöffnetes Menü auf stb-ingenieure.de

Das geöffnete Menü

Leistungen & Karriere

Für Bauherren und Bewerber:innen

Leistungsseite Tragwerksplanung auf stb-ingenieure.de

Leistungsseite „Tragwerksplanung“

Benefits-Slider auf der Karriereseite von stb-ingenieure.de

Benefits auf der Karriereseite

Mobil

Auch auf der Baustelle gut lesbar

Auf dem Smartphone rückt das Logo nach oben, die Kacheln stapeln sich und die Projekte füllen die ganze Breite. Das ist Responsive Webdesign.

Mobile Startseite von stb-ingenieure.de

Startseite

Mobile Referenzübersicht von stb-ingenieure.de

Referenzen

Leistungen

Das haben wir für STB Ingenieure gemacht

  • Konzept Seitenstruktur für neun Fachbereiche, Referenzen, Unternehmen und Karriere.
  • Webdesign Ein reduzierter Auftritt mit viel Weißraum, großer Typografie und Bildern der Bauwerke.
  • Entwicklung Umsetzung in WordPress mit Referenz-Filter und Karrierebereich.
  • Responsive Layouts für Desktop, Tablet und Smartphone.

Designsystem

Reduziert wie ein Bauplan

Viel Weiß, feine Linien und eine technische Schrift geben den Bauwerken den Vortritt. Dunkelblau setzt Akzente bei Zahlen und Flächen. Der kleine Winkel aus dem Logo taucht als Marker auf der ganzen Seite wieder auf.

  • Dunkelblau #20496C
  • Grau #4F5352
  • Blaugrau #A6B6C4
  • Weiß #FFFFFF

Dein Relaunch steht an?

Ob Ingenieurbüro oder Mittelstand: Wir bauen Websites, die Leistungen ordnen und Projekte zeigen. Erzähl uns von deinem Vorhaben.

Projekt anfragen