SHK-Website-Vorlage · Ausbaustufe PRO · Musterbetrieb

Berger Haustechnik — der klickbare Prototyp

Acht Artefakte aus dem Bauplan: fünf Seiten der Website, die Rechner-Strecke, das Akquise-Werkzeug und das Pitch-Deck. Alles verlinkt, alles bedienbar. Musterbetrieb ist ein fiktiver 14-Mann-Betrieb in Regensburg — Name, Zahlen und Fotos sind Platzhalter.

Die Website

Bauplan B · Sektion 0–12 Startseite Notdienst-Leiste, Bewertung im Hero, Live-Öffnungsstatus mit CTA-Umschaltung, Vorher/Nachher-Regler, Rechner-Modal, Online-Terminbuchung, Rückrufformular mit Erreichbarkeitsfeld. Öffnen → Bauplan C · 10.1 und 10.2 Leistungsseite Wärmepumpe Das Master-Template für alle Leistungsseiten: Eignungs-Check mit Ampel, Ablauf mit echten Zeiten, Kostenblock, Betriebskostenvergleich mit offengelegten Annahmen, Lautstärke, acht echte FAQ. Öffnen → Bauplan C · 10.3 Notdienst-Seite Die Drei-Sekunden-Seite: Nummer riesig, Live-Status, ehrliche Zeiten, offene Zuschlagstabelle, Gasgeruch-Warnung mit Netzbetreibernummer, Erste-Hilfe-Schritte. Öffnen → Bauplan C · 10.4 Förderseite KfW 458 Stand 21.07.2026, Beispielrechnung mit offenem Rechenweg, Antragsreihenfolge in sieben Schritten, § 40 SGB XI, Pflicht-Disclaimer sichtbar statt im Kleingedruckten. Öffnen → Bauplan C · 10.6 Karriere-Funnel Vier Strecken in einer Seite: Warum wir, offene Stellen mit Gehalt, Ausbildung in Du-Ansprache mit Vergütung je Lehrjahr, Quick-Bewerbung mit vier Feldern. Öffnen → Conversion-System · 11.4 Rechner-Strecke Heizungsrechner, Badrechner und Fördercheck. Je fünf Klickfragen, Ergebnis als Spanne mit Ampel — sichtbar auch ohne Kontaktdaten, Kontaktabfrage erst danach und freiwillig. Öffnen →

Für das Verkaufsgespräch

Kapitel 7 Scorecard — 40 Kriterien Bestandsanalyse live im Termin: Punkte klicken, Gesamtstand, Bereichsbalken, K.-o.-Liste für die Rechtspunkte, Gesprächsstoff aus den Nullern. Eingaben bleiben im Browser gespeichert. Öffnen → 14 Folien mit Sprechernotizen Pitch-Deck Für das Erstgespräch beim Betrieb: Befund, die drei unbeantworteten Fragen, die 48-Prozent-Lücke, Bewertungen als brachliegendes Asset, Karriere als zweiter Funnel, Rechtsrisiken, Ablauf. Öffnen →

Was in diesem Prototyp bewusst noch fehlt

  • Mobile Ansicht mit Sticky-Leiste. Der Prototyp ist auf Desktop ausgelegt. Die kanonische Version ist mobil — Anrufen, WhatsApp und Termin gehören dort in eine feste Leiste am unteren Rand.
  • Bad-, Klima- und Referenzseiten. Sie folgen dem Master-Template der Wärmepumpen-Seite; die Navigation verweist bereits darauf.
  • Echte Fotos. Alle Bildflächen sind beschriftete Platzhalter nach der Pflicht-Bildliste aus Kapitel 12.3. Ohne eigene Bilder greift sonst wieder der Stock-Foto-Reflex.
  • Rechtstexte. Impressum, Datenschutz und Widerrufsseite sind im Footer verlinkt, aber nicht ausformuliert — die gehören anwaltlich geprüft, nicht aus einer Vorlage.

Farben, Typografie und Abstände folgen dem Design-System aus Kapitel 12. Die Akzentfarbe wurde gegenüber dem Dokument leicht abgedunkelt (#C9451C statt #E4572E), damit sie mit weißer Schrift die geforderten 4,5:1 Kontrast erreicht.