Konzeptprojekt2026
Demo: Brunnwieser Haustechnik
Vorher/Nachher-Demo für Handwerksbetriebe: ein Installateur-Auftritt im Stand von 2013 und seine Neufassung mit KI-Assistent und Förderrechner, beide live.
Konzept, Gestaltung, Entwicklung
Vorher und nachher
Beide Fassungen stehen live nebeneinander. Ein Klick auf einen Rahmen öffnet sie zum Durchklicken.
Das Problem
Ein Installateurbetrieb verkauft über Vertrauen und Erreichbarkeit, und beides steht auf den meisten Seiten dieser Branche nirgends: Notdienstnummer erst nach dem Scrollen, keine Bedienbarkeit am Handy, Förderfragen unbeantwortet. Dass ein Website-Assistent mehr ist als ein Chatfenster mit Textbausteinen, glaubt niemand ohne Beispiel.
Die Lösung
Ein erfundener Betrieb in Feldkirchen in Kärnten, zweimal gebaut. Die alte Fassung reproduziert eine Seite aus 2013 mit fester Breite und Kastennavigation. Die neue hat fünf Seiten, einen Assistenten am echten Sprachmodell, einen Förder- und Heizungstauschrechner und eine Vorher/Nachher-Projektgalerie. Beide Fassungen sind live, eine Leiste oben schaltet zwischen ihnen um.
Womit es gebaut ist
Next.js · TypeScript · Tailwind CSS · Cloudflare Workers · D1 · KV · OpenRouter · Playwright
Das Ergebnis
100
Lighthouse auf allen fünf Seiten der Neufassung
57
automatisierte Tests
0
Kontaktdaten durch das Sprachmodell
- Lighthouse 100/100/100/100 auf allen fünf Seiten der Neufassung, axe ohne einen einzigen Verstoß.
- Der Assistent antwortet über ein echtes Sprachmodell, begrenzt auf zehn Anfragen je Adresse und zehn Minuten und dreihundert am Tag für die ganze Demo; ist das Limit erschöpft, steht ein höflicher Hinweis in der Antwortblase statt einer Fehlermeldung.
- Kontaktdaten laufen nie durch das Sprachmodell: Name, Telefon und E-Mail nimmt ein eigener Endpunkt entgegen und legt sie in der Datenbank ab, das Modell erfährt nur, dass eine Anfrage entsteht.
- Der Förderrechner schätzt aus Altheizung, Baujahr, Fläche und Zielsystem Investition, Bundes- und Landesanteil, Deckel und Eigenanteil, als reine Rechenfunktion getrennt von der Darstellung.
- 57 automatisierte Tests: 25 Playwright-Prüfungen der Neufassung samt axe, 18 gegen die Worker-Schnittstelle, 7 auf der Rechenlogik und 7 auf der alten Fassung.
- Live unter demo.bleier-solutions.com/installateur/, die alte Fassung unter /installateur/alt/.
Was zu sehen ist
Alle Namen, Preise und Bewertungen sind erfunden. Der Betrieb existiert nicht.
Was die Neufassung anders macht
Notdienstnummer und Anfrage stehen oben, nicht im Impressum. Der Assistent beantwortet Fragen zu Heizungstausch, Wärmepumpe und Förderung im Rahmen der hinterlegten Betriebsdaten und nimmt bei Auftragsinteresse Anliegen, Name und Rückrufwunsch strukturiert auf. Der Rechner liefert eine Schätzung in vier Angaben und sagt dazu, dass seine Sätze erfunden sind. Chat und Rechner sind mit der Tastatur bedienbar und gegen axe geprüft.
Was übertragbar ist
Die Trennung ist der eigentliche Beleg: Fachfragen darf das Modell beantworten, personenbezogene Daten sieht es nie. Dieselbe Aufteilung trägt jeden Assistenten, der Anfragen aufnehmen soll, ohne dass ein Auftragsverarbeiter im Ausland die Kontaktdaten mitliest. Förderdaten, Anfrageversand und Kundenportal werden im echten Projekt angebunden; hier sind sie erfunden.
Etwas Ähnliches für Ihren Betrieb?
Schreiben Sie kurz, worum es geht. Sie bekommen innerhalb eines Werktags eine Einschätzung mit Preisrahmen und Dauer.