Ingenieure · 2026 · Relaunch · Bremen

Ein Traditionsbüro wirkt online endlich so zukunftsweisend wie seine Technik – Onepager, 1 s Ladezeit, 99/100 PageSpeed.

HESA-Planung

Ähnliches Projekt anfragen Live ansehen

Filterbares Projektraster von HESA-Planung – über 500 Referenzen nach Kategorie

Eigene Job-Single-Page für eine offene Stelle bei HESA-Planung

1 / 3

Das Projekt

Auf einen Blick.

Über HESA-Planung

Wer dahintersteht.

HESA-Planung ist ein Ingenieurbüro für Haus- und Versorgungstechnik aus Bremen – seit 1972, heute in zweiter Generation unter Dipl.-Ing. Marcus Werth. Über 500 realisierte Projekte von Bildungsbauten bis zum Gesundheitswesen, mit klarem Fokus auf energieeffiziente, zukunftssichere Gebäudetechnik.

Ausgangslage

Wo das Projekt begann.

HESA-Planung plant seit über 50 Jahren anspruchsvolle Gebäudetechnik – vom Schulbau bis zum Krankenhaus. Der Webauftritt hatte mit diesem Anspruch aber nicht mehr Schritt gehalten: eine statische, in die Jahre gekommene Seite, auf der Projekte und offene Stellen als schlichte Textlisten standen.

Herausforderungen

Was im Weg stand.

Der alte Auftritt wirkte technisch wie gestalterisch veraltet – er transportierte weder die Kompetenz noch die Innovationskraft eines Büros, das schon in den 80ern Wärmepumpen und Kraft-Wärme-Kopplung geplant hat.
Über 500 Projekte und mehrere offene Stellen lagen als reine Textlisten vor – ohne Bilder, ohne Struktur, schwer zu erfassen.
Auf dem Smartphone – wo heute ein Großteil der Fachkräfte nach Stellen sucht – war die Seite kaum brauchbar.

Vorgehen

Was wir entschieden haben.

01
Strategie zuerst: zwei Zielgruppen klar getrennt gedacht – Auftraggeber, die Kompetenz sehen wollen, und Fachkräfte, die sich bewerben. Beide bekommen ihre eigene, fokussierte Strecke statt eines Kompromisses für alle.
02
Bewusst als Onepager gebaut – Leistungen, Projekte und Profil auf einer ruhigen, durchgehenden Strecke statt verschachteltem Menü. Für jede offene Stelle dagegen eine eigene, teilbare Job-Single-Page.
03
Die 500+ Referenzen als filterbares Projektraster aufbereitet, das sich per Klick als Detail-Modal öffnet – stöbern nach Kategorie, ohne Seitenwechsel und ohne Ladepausen.
04
Modernes, fotografisches Design mit dezenten Entry-Animationen – wertig, aber nie verspielt, und auf dem Smartphone genauso flüssig wie am Desktop.

Aus einem in die Jahre gekommenen Altauftritt wurde ein moderner Onepager, der die Innovationskraft von HESA-Planung endlich sichtbar macht – ohne dabei an Tempo zu verlieren. Über 500 Referenzen lassen sich heute nach Kategorie filtern und im Detail-Modal durchsehen, jede offene Stelle hat ihre eigene teilbare Seite, und auf dem Smartphone fühlt sich alles genauso flüssig an wie am Desktop. SB Media übernahm Strategie, Design und die technische Umsetzung.

Ergebnis

Was dabei herauskam.

Ein Auftritt, der die Innovationskraft des Büros endlich sichtbar macht – modern, klar und mit eigenem Charakter.
Aus der Textliste wurde eine echte Referenz-Schau: Projekte nach Kategorie filterbar und im Detail-Modal durchsehbar.
Jede offene Stelle hat jetzt eine eigene, teilbare Seite – ideal für Direktansprache und Social-Sharing im Recruiting.
Auf dem Smartphone flüssig und schnell – die Seite ist praktisch sofort da (LCP 1,0 s).