Eine Website für Wärmwerk gestalten

Wärmwerk bietet Heizung, Klima und Sanitär in Maintal und im Rhein-Main-Gebiet an. Auf der Website treffen sehr unterschiedliche Anliegen zusammen: eine neue Heizung, ein Badumbau, eine Klimaanlage oder Hilfe bei einer Störung. Die Gestaltung muss diesen Unterschied verständlich machen, bevor sie einzelne Leistungen ausführlich erklärt.

Mit dem Anliegen der Besucher beginnen

Für die Planung einer Unternehmenswebsite ist die erste Frage deshalb: Wofür kommen Menschen hierher? Wer einen akuten Defekt hat, möchte schnell einen Kontakt finden. Wer einen größeren Umbau plant, braucht zunächst Orientierung und passende Beispiele. Diese Wege können sich eine Startseite teilen, sollten aber nicht in einem langen, unsortierten Text verschwinden.

Leistungen, Beispiele und Kontakt verbinden

Bei Wärmwerk sind die Leistungen in Wärme, Klima, Bad und Service gegliedert. Dazu kommen Projektbeispiele und Kontaktmöglichkeiten. Für dein eigenes Projekt lässt sich daraus ein einfacher Ablauf ableiten: Anliegen auswählen, das Angebot verstehen, relevante Arbeiten ansehen und den nächsten Schritt finden.

Wichtig ist, dass jede Seite eine konkrete Aufgabe erfüllt. Eine Übersicht hilft beim Auswählen; eine Leistungsseite beantwortet Fragen zu einem bestimmten Angebot. Ein Formular sammelt die Angaben, die für eine Rückmeldung gebraucht werden. Zusätzliche Elemente sollten einen dieser Schritte erleichtern.

Zehn interaktive Berechnungstools

Für Wärmwerk habe ich zehn interaktive Berechnungstools entworfen, unter anderem zur Berechnung der Heizlast und zur Orientierung beim Heizungstausch. Interessierte können damit ihre Situation besser einschätzen, bevor sie eine konkrete Anfrage stellen. Das Ziel: Kontaktanfragen durch hilfreiche Orientierung fördern.

5.000 Websitebesuche ohne Werbung

Durch gezielte Suchmaschinenoptimierung konnten bereits in den ersten zwei Monaten 5.000 Websitebesuche erzielt werden, ohne Werbung zu schalten. Die Rechner verbinden diesen Einstieg über die Suche mit einer konkreten Hilfestellung auf der Website. So verfolgt das Projekt zwei Ziele: gefunden werden und Besucher bei ihrer Entscheidung unterstützen.

Inhalte vor der Gestaltung klären

Bevor Farben, Schriftgrößen und Animationen feststehen, lohnt sich ein kurzer Inhaltsplan. Welche Leistungen gibt es wirklich? Welche Bilder dürfen verwendet werden? Welche Referenzen und Qualifikationen sind belegt? Wer diese Fragen zuerst beantwortet, kann später präziser gestalten und vermeidet eine schöne Oberfläche voller Platzhalter.

Die Planung mit einem Prompt starten

Mit diesem Prompt kannst du einen ersten Seiten- und Inhaltsplan entwickeln. Ersetze die Angaben in eckigen Klammern. Prüfe den Entwurf danach gegen deine tatsächlichen Leistungen und arbeite die Seiten einzeln aus.

Hilf mir, eine Website für [Unternehmen] zu planen.
Zielgruppe: [Zielgruppe]. Angebot: [Leistungen]. Region: [Region].
Die wichtigste Aktion auf der Website ist: [Kontakt / Termin / Bestellung].

Stelle mir zuerst die fehlenden Fragen. Entwickle anschließend:
1. Eine schlanke Seitenstruktur mit einer konkreten Aufgabe je Seite.
2. Einen Ablauf von der ersten Orientierung bis zur Kontaktaufnahme.
3. Einen Textentwurf für die Startseite, der nur bestätigte Fakten verwendet.
4. Eine Liste noch fehlender Bilder, Informationen und Nachweise.
5. Einen Prüfplan für Navigation, mobile Ansicht und Kontaktmöglichkeiten.

Vermeide Füllwörter, dekorative Überüberschriften und unbelegte Erfolgsversprechen. Erfinde keine Referenzen, Bewertungen oder Qualifikationen. Schreibe noch keinen Code.

Am echten Browser prüfen

Zum Abschluss gehst du den Ablauf wie ein Besucher durch: Findest du dein Anliegen? Ist der nächste Schritt eindeutig? Funktionieren Links und Kontaktmöglichkeiten? Prüfe auch auf einem schmalen Bildschirm, ob Text, Bilder und Bedienelemente zusammenpassen. Ein fertiger Screenshot allein zeigt noch nicht, ob die Website gut funktioniert.