// REFERENZEN / LACO-HEAT

Laco-Heat

Digitales Ökosystem für elektrische Flächenheizung – vier Systeme, ein Prozess

INDUSTRIE · INFRAROT-HEIZTECHNIK·seit 2022·WEBENTWICKLUNG · PRODUKTDESIGN · ARCHITEKTUR & INTEGRATIONEN · SEO & GOOGLE ADS · LAUFENDE BETREUUNG

laco-heat.de besuchen↗

// 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.

// WAS DRIN STECKT

Funktionen, die tragen.

✓Vier verzahnte Systeme: Website, Raum-Klimaplaner, Planungstool (CAD-Editor), Projektdatenbank
✓Rund 118.000 Zeilen eigener Code, ~800 automatisierte Tests, über 800 Commits seit 2022
✓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.

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.

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.

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.

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.

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 eigener Code, etwa 800 automatisierte Tests.

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