Handwerk,
das man sieht.
Natur.BAU plant und baut vom Garten bis zum Wohnhaus – und braucht dafür einen Auftritt, der dieses Spektrum ordnet, statt es aufzuzählen. Entstanden sind Konzept, Design und technische Umsetzung einer Website, die beide Geschäftsbereiche klar strukturiert und Bauqualität sichtbar macht.
Der Case
Aufgabe &
Lösung.
[ 01 ] Die Aufgabe
Natur.BAU vereint zwei Gewerke unter einem Dach, die selten zusammen gedacht werden: Hochbau – von Renovierung und Sanierung über Anbau und Aufstockung bis zu Neubau und Modulbau – und Garten- und Landschaftsbau. Die Website übersetzt dieses Spektrum in zwei klar getrennte Leistungswelten: „Lebensräume bauen“ und „Naturräume gestalten“. Wer die Startseite öffnet, versteht in Sekunden, was das Unternehmen tut, und findet mit einem Klick zur passenden Leistung.
[ 02 ] Die Lösung
Jeder Bereich erhält eine eigene, redaktionell ausgearbeitete Unterseite. Statt bloßer Leistungslisten erklären die Seiten, wann eine Maßnahme sinnvoll ist und worauf es dabei ankommt – von der energetischen Sanierung bis zum Bewässerungssystem. Der neue Geschäftsbereich Modulbau, den Natur.BAU gemeinsam mit RUSS Holzbau anbietet, bekommt eine eigene Bühne samt Visualisierungen und Produktionsfotos.
Herzstück des Auftritts ist die Projektdokumentation: Eine Kernsanierung in Breckerfeld wird in neun Bauphasen erzählt – von Abbruch und Entkernung über Haustechnik bis zur Fertigstellung, jede Phase mit eigener Bildergalerie. Bauqualität wird so belegt, nicht behauptet.
[ 03 ] Das Ergebnis
Technisch basiert die Website auf WordPress mit Oxygen Builder. Scrollgesteuerte GSAP-Animationen inszenieren Headlines und Bildflächen, Galerien öffnen in einer Lightbox, das Kontaktformular sortiert Anfragen per Themenauswahl vor.
Caching und Minifizierung halten die Ladezeiten kurz – und statt eines schwergewichtigen Standard-Plugins läuft eine schlanke, eigens entwickelte Cookie-Consent-Lösung.
Die ganze Seite
Scrollen
Sie selbst.
Die komplette Startseite im Überblick – scrollen Sie weiter, die Seite im Rahmen scrollt mit.
Leistungsumfang
Was wir
umgesetzt haben.
- 01 Informationsarchitektur mit zwei Leistungswelten: Hochbau und Garten- & Landschaftsbau
- 02 Screendesign und technische Umsetzung mit WordPress und Oxygen Builder
- 03 Redaktionell ausgearbeitete Leistungs-Unterseiten – von Sanierung bis Modulbau
- 04 Projekt-Referenzseite mit Bauphasen-Dokumentation in neun Kapiteln und Bildergalerien
- 05 Scroll-Animationen mit GSAP (ScrollTrigger, SplitText) und dezenten Einblendeffekten
- 06 Kontaktstrecke mit Formular, Themenauswahl, WhatsApp-Option und persönlichen Ansprechpartnern
- 07 Performance-Optimierung und schlanke, eigens entwickelte Cookie-Consent-Lösung
Nächstes Projekt
WEWIRA Krantechnik →