// REFERENZEN / LACO-HEAT
Laco-Heat
Vom Grundriss zum fertigen Verlegeplan mit künstlicher Intelligenz – vier Systeme, ein Prozess
// HERAUSFORDERUNG
Das Problem dahinter.
Vor der Plattform liefen Anfragen, Planung und Auftragsabwicklung über Excel, Skizzen, Postfächer und Erfahrungswerte – mit Medienbrüchen an jeder Übergabe. Systempartner kalkulierten jeder anders, Planungsfehler bei Mindestabständen oder Heizlast fielen erst auf der Baustelle auf, und Anfragen kamen als leere Kontaktformulare ohne verwertbare Daten. Es brauchte keine einzelne Software, sondern ein System, das Endkunden, Laco-Heat und Fachpartner in einem durchgehenden Prozess verbindet.
// IN BEWEGUNG
So entsteht der Verlegevorschlag mit KI.
Grundriss hochladen, die KI erkennt Räume, Türen und Maßstab, der Kunde prüft die Umrisse. Heizfolien, Heizkreise, Netzteile und Thermostate legt die KI-Engine an. Danach liegt das Projekt bei Laco-Heat im Planungstool und in der Projektdatenbank.
Vereinfachtes Mockup zur Veranschaulichung. Der echte Raum-Klimaplaner sieht anders aus, siehe Screenshots unten.
// SCHRITT FÜR SCHRITT
Vom Grundriss zum Verlegeplan
Seit Juni 2026 legt der Raum-Klimaplaner mit künstlicher Intelligenz aus einem Grundriss automatisch einen Verlegevorschlag an: Die KI erkennt die Räume, der Kunde prüft die Umrisse, die KI-Engine berechnet Heizlast und Verlegeplan.
- 01
Grundriss hochladen
Der Kunde lädt seinen Grundriss als JPG, PNG oder PDF hoch oder skizziert seine Räume selbst.
- 02
Oder direkt vom Handy
Liegt der Grundriss nur auf dem Handy, reicht ein Scan des QR-Codes. Das Bild erscheint danach automatisch im Planer.
- 03
Verlegevorschlag aus der KI-Engine
Die KI-Engine legt die Heizfolien Raum für Raum in den Grundriss, teilt sie auf Heizkreise auf und setzt Netzteil und Thermostate. Der Kunde prüft den Vorschlag und passt ihn bei Bedarf an.
// EINBLICK
Website und Planer
// WAS DRIN STECKT
Funktionen, die tragen.
- Vier verzahnte Systeme: Website, Raum-Klimaplaner, Planungstool (CAD-Editor), Projektdatenbank
- Rund 118.000 Zeilen Code, ~800 automatisierte Tests, über 800 Commits seit 2022
- Automatischer Verlegevorschlag mit künstlicher Intelligenz seit Juni 2026: KI-Raumerkennung im Grundriss, Heizlast und Verlegeplan aus der KI-Engine
- Grundriss-Upload als JPG, PNG oder PDF, auch per QR-Code vom Handy – mit Pflichtschritt zum Prüfen und Korrigieren der Raumumrisse
- Verlegeplan mit Heizfolien am Boden, auf Wunsch an Wand und Decke, Heizkreisen, Netzteilen und Thermostaten an den Türen
- Abschluss nach Wahl: kostenloses Angebot anfordern oder Material direkt in den Shopware-Warenkorb
- Raum-Klimaplaner als einbettbares Shadow-DOM-Widget mit Partner-Branding, Lead-Attribution und Kiosk-Modus
- Automatische Heizlastberechnung nach Baujahr, Energiestandard, Sanierungsmaßnahmen und Raumart
- Maßstabstreuer CAD-Editor mit Live-Validierung gegen Verlegevorschriften und prüffähigem Plan-PDF
- Lead-to-Order-Workflow: 9-stufiger Status-Prozess, typisierte Dokumentenablage, Aktivitätsprotokoll, Statistiken
- Integrationen: ameax-CRM, Shopware-Shop, GAEB-DA84-Export, dokumentierte REST-APIs
- Google Ads End-to-End: Consent Mode v2, Enhanced Conversions, Attribution über Domaingrenzen bis in den Lead
- Mandantenfähig: Systempartner arbeiten isoliert, Laco-Heat behält den zentralen Überblick
- Laufende Betreuung aller Systeme: Monitoring, automatisierte Backups, Security-Checks
// SYSTEM
Wie die Plattform aufgebaut ist.
01
Website – laco-heat.de
Rund 30 Seiten mit Produktwelten für drei Heizsysteme, eingebettetem Raum-Klimaplaner, Systempartner-Finder mit Umkreissuche und sieben Fachrechnern hinter Login. Statisch vorgerendert, mit strukturierten Daten, Consent Mode v2 und eigener SEA-Landingpage – seit Mai 2024 in laufender Betreuung.
02
Raum-Klimaplaner – projektplaner.laco-heat.de
Geführte 6-Schritte-Planungsstrecke statt leerem Kontaktformular: Grundriss hochladen oder skizzieren, Räume markieren, Heizflächen einzeichnen, automatische Heizlastberechnung. Als Shadow-DOM-Widget mit zwei Zeilen Code auf jeder Partner-Website einbettbar – in eigener Akzentfarbe, mit Lead-Attribution je Widget-Link und Kiosk-Modus im Showroom.
03
Automatischer Verlegevorschlag mit KI
Seit Juni 2026 im Einsatz: Aus dem hochgeladenen Grundriss erkennt künstliche Intelligenz Räume, Maßketten, Türen und den Maßstab, der Kunde prüft und korrigiert die Umrisse in einem Pflichtschritt. Danach berechnet die KI-Engine die Heizlast und legt den Verlegeplan an – Heizfolien am Boden, auf Wunsch an Wand und Decke, Heizkreise, Netzteile, Thermostate an den Türen. Der Kunde fordert ein kostenloses Angebot an oder legt das Material direkt in den Shopware-Warenkorb; bei Laco-Heat liegt ein fertiges Projekt im Planungstool, mit prüffähigem Verlegeplan-PDF, Stückliste und Lead in der Projektdatenbank.
04
Planungstool – interner CAD-Editor
Das Herzstück für Fachpartner: maßstabstreuer Canvas-Editor mit Snapping, Wandansichten und Kabelwegen, Echtzeit-Validierung gegen pflegbare Wenn-Dann-Verlegeregeln, mandantenfähige Architektur und prüffähiger PDF-Export mit Deckblatt, Verlegeplänen, Stückliste und Kanalzuweisung. 2022 in erster Generation gestartet, 2025/2026 von Grund auf neu entwickelt.
05
Projektdatenbank – projekte.laco-heat.de
Das interne Rückgrat: automatischer Lead-Import aus dem Planer inklusive Dokumenten und Kampagnen-Attribution, 9-stufiger Status-Workflow von „Offen" bis „Beauftragt", typisierte Dokumentenablage mit ZIP-Sammeldownload, revisionssicheres Aktivitätsprotokoll und Statistiken zur Auftragsquote je Kanal.
06
Integrationen & Datenfluss
Belege per Klick aus dem ameax-CRM, Warenkorbübergabe an den Shopware-Shop, GAEB-DA84-Export für Ausschreibungssoftware und dokumentierte REST-APIs. Jede fertige Anfrage aus dem Planer landet automatisch in Projektdatenbank und Planungstool – ein Datenfluss statt Medienbrüche.
// MEINE LEISTUNG
Wofür ich verantwortlich war.
Konzeption & Produktdesign
Vom Lead-Funnel bis zur Bedienlogik des CAD-Editors: Produktentscheidungen, Nutzerführung und UI für drei sehr unterschiedliche Zielgruppen – Endkunden, Fachpartner und interne Anwender. So gestaltet, dass auch ohne CAD-Vorerfahrung sicher geplant werden kann.
Webentwicklung Full-Stack
Vier Systeme mit Laravel, React, Nuxt/Vue und TypeScript – von der statisch vorgerenderten Marketing-Website über das Shadow-DOM-Widget und den Canvas-Editor bis zur internen Projektdatenbank. Rund 118.000 Zeilen Code, etwa 800 automatisierte Tests.
KI-Integration
Künstliche Intelligenz dort, wo sie Arbeit abnimmt: Bildanalyse erkennt Räume, Maßketten, Türen und Maßstab im hochgeladenen Grundriss, die KI-Engine leitet daraus den Verlegeplan ab. Der Kunde prüft das Ergebnis in einem Pflichtschritt, bevor die Anfrage rausgeht.
Architektur & Integrationen
Mandantenfähigkeit mit Tenant-Isolation auf Datenebene, dokumentierte REST-APIs und Webhooks, Anbindung an ameax-CRM und Shopware-Shop, GAEB-DA84-Export – vier Systeme, die über saubere Schnittstellen eine durchgehende Kette bilden.
SEO & Google Ads
Google Consent Mode v2 mit echtem Script-Blocking bis zur Einwilligung, Conversion-Tracking mit Enhanced Conversions, eigene SEA-Landingpages und eine Attribution, die Click-IDs über Domaingrenzen hinweg bis in den Lead durchreicht.
Betrieb & Weiterentwicklung
Laufende Betreuung aller Systeme seit 2022: Monitoring, Health-Checks, automatisierte Backups, Security-Advisories und iterative Weiterentwicklung im laufenden Betrieb – über 800 Commits über alle Systeme hinweg.
// WEITERE PROJEKTE
Andere Referenzen.
Hast du ein ähnliches
Vorhaben?
Schreib mir eine kurze Nachricht – ich antworte persönlich und schnell.
Projekt anfragen→