Fallstudie · Gebäudesanierung

XAKT Gebäudesanierung: vom unveröffentlichten Entwurf zur eigenen Website

Für XAKT Gebäudesanierung in Düsseldorf habe ich aus einem Baukasten-Entwurf, der nie online war, eine eigenständige Website gebaut, die Domain umgezogen und das Hosting eingerichtet.

Unternehmen
XAKT Gebäudesanierung GmbH, energetische Sanierung in Düsseldorf und der Rhein-Ruhr-Region
Umfang
Website · Domain-Umzug · Hosting
Zeitraum
August 2026, Start am 01.09.2026

Das Projekt in Kürze

  1. Ausgangslage

    In einem Baukastensystem lag ein Entwurf mit zehn Seiten. Keine davon war veröffentlicht, unter der Adresse erschien nur eine Fehlermeldung.

  2. Auftrag

    Den Entwurf einschätzen und daraus eine vollständige Website unter der eigenen Domain machen, die nicht mehr vom Baukasten abhängt.

  3. Mein Beitrag

    Bestandsaufnahme, Zusammenführung der Inhalte auf einer Seite, Umsetzung mit Einarbeitung des Briefings, Umzug der Domain-Verwaltung und Veröffentlichung.

  4. Ergebnis

    Am 01.09.2026 ging die Website online. Besucher wählen zuerst ihren Immobilientyp und finden auf einer Seite Leistungen, Förderung, Ablauf und den Weg zum Erstgespräch.

Startseite von XAKT Gebäudesanierung mit der Überschrift „Energetische Sanierung aus einer Hand in Düsseldorf.“ und der Schaltfläche „Erstgespräch vereinbaren“
Startseite von xakt-gebaeudesanierung.de

Ausgangslage und Auftrag

XAKT Gebäudesanierung saniert und modernisiert Wohn- und Gewerbeimmobilien energetisch, von Heizung, Wärmepumpe und Photovoltaik über Dach, Dämmung und Fenster bis zu Bad und Innenausbau. Das Unternehmen sitzt in Düsseldorf, arbeitet in der Rhein-Ruhr-Region und richtet sich an private Eigentümer, Wohnungseigentümergemeinschaften, Hausverwaltungen, Vermieter und Unternehmen.

Die erste Anfrage an mich lautete, den unveröffentlichten Entwurf anzuschauen und einzuschätzen. Texte und Gestaltung ließen sich vollständig aus dem Export des Baukastens übernehmen, die Bilder habe ich gesichert. Damit war das Ziel klar. Mitte August kam ein Briefing von XAKT mit sieben Muss- und vier Soll-Punkten dazu, darunter eine neue Hauptüberschrift, ein einheitlicher Handlungsaufruf, ein einfacherer Einstieg und eine feste Kontaktleiste auf dem Handy.

Mein Verantwortungsbereich

  • Bestandsaufnahme: Sichtung des Entwurfs und Prüfung, was sich davon weiterverwenden lässt
  • Struktur: Zusammenführung der Inhalte auf einer einzigen, vollständigen Seite
  • Umsetzung: Aufbau der Website, Einarbeitung des Briefings, Grundlagen für Suchmaschinen
  • Domain und Hosting: Klärung des Hostings, Umzug der Domain-Verwaltung und Veröffentlichung

Entscheidungen und Umsetzung

Aufbau

Das ganze Angebot auf einer Seite

Ich habe vorgeschlagen, die zehn halbfertigen Seiten zu einer einzigen, vollständigen Seite zusammenzuführen. So gibt es keine angekündigten Unterseiten, die nie fertig wurden: Verweise darauf führen seitdem zu Abschnitten derselben Seite oder wurden entfernt. Dabei ist es auch geblieben, als später Texte für einzelne Leistungsseiten vorlagen.

Die Seite führt vom Deckblatt über den Einstieg nach Immobilientyp, das Team und die Leistungen zu Photovoltaik, Förderung und Ablauf, danach zu Partnern, häufigen Fragen und Kontakt. Die Hauptüberschrift nennt Leistung und Ort: „Energetische Sanierung aus einer Hand in Düsseldorf.“

Abschnitt „Welche Immobilie möchten Sie modernisieren?“ mit den Karten Eigenheim / Privat und Mehrfamilienhaus / Gewerbe / WEG
Einstieg nach Immobilientyp

Einstieg

Zwei Wege je nach Immobilie

Direkt nach dem Deckblatt fragt die Seite: „Welche Immobilie möchten Sie modernisieren?“ Zwei Auswahlkarten zeigen die passenden Leistungen, eine für Eigenheim und Privat, eine für Mehrfamilienhaus, Gewerbe und WEG (Wohnungseigentümergemeinschaft). So sehen private Eigentümer und Hausverwaltungen zuerst, was für ihre Immobilie infrage kommt. Jede Karte endet mit dem Aufruf zum Erstgespräch.

Abschnitt Förderung: „bis zu 70 % der förderfähigen Kosten“ mit den Bedingungen und dem Hinweis auf aktuelle Programmbedingungen
Abschnitt Förderung

Förderung

Die Förderquote mit ihren Bedingungen

Die Seite nennt „bis zu 70 % der förderfähigen Kosten“. Direkt an der Zahl steht, wovon die Quote abhängt: Förderprogramm, persönliche Voraussetzungen, Maßnahme und förderfähige Kosten. Ein Vorbehalt verweist auf die aktuellen Programmbedingungen und die Prüfung am jeweiligen Objekt.

Diese Präzisierung des Fördertextes war einer der Punkte aus dem Briefing.

Abschnitt „So funktioniert XAKT“ mit nummerierten Schritten, beginnend bei Erstgespräch und Bestandsaufnahme
Ablauf „So funktioniert XAKT“

Ablauf

Fünf Schritte bis zur Übergabe

Der Ablauf zeigt, was nach der ersten Anfrage passiert: Erstgespräch und Bestandsaufnahme, Konzept und Planung, Förderung und Freigabe, koordinierte Umsetzung sowie Übergabe und Nachbetreuung. Jeder Schritt ist in ein bis zwei Sätzen beschrieben. Im Abschnitt „Häufige Fragen“ beantwortet die Seite acht Fragen, etwa für wen XAKT geeignet ist.

Handy

Anrufen, ohne zurückzuscrollen

Auf dem Handy liegt am unteren Bildschirmrand eine feste Leiste mit zwei Schaltflächen. „Anrufen“ startet direkt den Anruf, „Erstgespräch“ springt zum Kontaktabschnitt. So bleibt der Weg zum Gespräch an jeder Stelle der Seite erreichbar.

Einen Kontaktbereich gab es im Entwurf noch nicht, obwohl mehrere Schaltflächen dorthin führen sollten. Heute bietet er unter „Direkt sprechen“ eine Schaltfläche zum Anrufen und eine zum Schreiben einer E-Mail.

Ergebnis

Am 01.09.2026 ging die Website unter xakt-gebaeudesanierung.de online. Texte, Bilder und Gestaltung liegen im eigenen Bestand; eine Kündigung des Baukasten-Kontos ändert an der Website nichts. Beim Umzug der Domain-Verwaltung habe ich den Eintrag für die E-Mail übernommen, damit die vorhandenen Postfächer weiter Post empfangen.

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

  1. Immobilientyp wählen
  2. Leistungen und Förderung prüfen
  3. Den Ablauf kennenlernen
  4. Anrufen oder Erstgespräch vereinbaren

Zur Abnahme lag die Seite auf einer Vorschauadresse, die für Suchmaschinen gesperrt war. Dort ließen sich erste und finalisierte Fassung über einen Umschalter vergleichen.

Technische EinzelheitenTechnik, Datenschutz, Domain und Prüfung

Technik

  • Die Seite besteht aus HTML, einer Gestaltungsdatei und einem kleinen Skript. Umschalter, Aufklapper und Detailfenster, auch die Auswahl nach Immobilientyp, arbeiten über HTML und CSS. Fällt das Skript aus, bleibt jeder Inhalt lesbar.
  • Für Suchmaschinen sind Seitentitel und Beschreibung mit Ort hinterlegt, dazu strukturierte Daten zum Unternehmen und zu den häufigen Fragen. Strukturierte Daten sind ein maschinenlesbares Format, mit dem Suchmaschinen Inhalte eindeutig zuordnen können. Für geteilte Links in Messengern und sozialen Netzwerken gibt es ein eigenes Vorschaubild.

Datenschutz

  • Schriften, Bilder und Skripte liefert die Website selbst aus, Inhalte von fremden Servern lädt sie nicht nach. Sie setzt keine Cookies und verzichtet auf Reichweitenmessung.

Domain und Hosting

  • Die frühere Seite lag beim Baukasten-Anbieter. Die neue Website habe ich bei Cloudflare Pages veröffentlicht, einem Dienst für das Ausliefern von Websites, und die DNS-Verwaltung der Domain, also die Zuordnung der Adresse zum richtigen Server, dorthin umgezogen. Alte Einträge, die noch auf den Baukasten zeigten, habe ich entfernt.
  • Die Website ist mit und ohne „www“ erreichbar und wird immer verschlüsselt ausgeliefert. Sie hat eine eigene Fehlerseite, und die alte Formularadresse leitet auf den Kontaktabschnitt weiter.

Prüfung

  • Vor der Abgabe habe ich die Seite am Bildschirm (1440 Pixel breit) und am Handy (390 Pixel breit) in voller Länge geprüft und die veröffentlichte Fassung selbst aufgerufen.

Du hast einen Website-Entwurf, der nie online gegangen ist?

Erzähl mir, was vorliegt. Ich schaue mir den Stand an und wir besprechen, was sich davon weiterverwenden lässt.

Projekt besprechen Briefing senden