⚠ Demo · Kein echter Kunde · Voll funktionsfähige Sandbox · Staging-Link auf Anfrage
§ Demo · Elektrobetrieb
Start / Demos / Demo · Elektrobetrieb
Handwerk · Elektrotechnik

Demo
Elektrobetrieb.
Wiesbaden-Szenario.

Stack: Website Premium · KI-Chatbot Profi
Subdomain: demo-elektro.webwings-digital.de

Demo-Specs

// Lighthouse 98
// Schema.org 5 Types
// Build in 7 Tagen
// Live testbar

Seiten
9
LCP
1,1s
CLS
0,02
98
Lighthouse Score
100%
Schema.org komplett
7d
Build-Zeit
<1,5s
First Paint
§ 01 / Ausgangsszenario

Der typische Betrieb.

Demo-Persona
01.01 · Szenario

Für wen wir diese Demo gebaut haben.

Diese Demo stellt einen typischen Elektromeisterbetrieb dar: 10–15 Mitarbeiter, seit 20+ Jahren am Markt, solides Fachwissen — aber digital unsichtbar. Die fiktive "Elektro Vogel GmbH" in Wiesbaden macht Elektroinstallation, Smart-Home, E-Ladestationen und Photovoltaik.

Das typische Problem solcher Betriebe: Die Konkurrenz um Google-Platzierungen für "Elektriker Wiesbaden" ist hart. Wer nicht auf Seite 1 steht, existiert für kaufbereite Kunden nicht. Genau das demonstriert diese Demo-Website: Wie man technisch und inhaltlich so aufgestellt ist, dass Google einen findet — und wie ein KI-Chatbot die anschließenden Anfragen qualifiziert.

Was die Demo demonstriert

  • Komplette Local-SEO-Struktur für ein Handwerksgewerk
  • Lighthouse 98 bei vollem Feature-Set (Chatbot, Buchung, Analytics)
  • Schema.org Electrician mit Service-Sub-Typen
  • KI-Chatbot mit Claude-API, trainiert auf Elektro-Fachthemen
  • Cal.com-Integration für Vor-Ort-Termin-Buchung
  • Leistungsseiten für E-Ladestationen, Smart Home, Photovoltaik
§ 02 / Umsetzung

Was in der Demo drin ist.

Tech & Content
02.01 · Aufbau

Die Struktur.

Die Demo-Website ist als handgeschriebene Astro-Seite gebaut mit vollem SEO-Stack, Claude-Chatbot und Cal.com-Buchung.

Seiten in der Demo

  • Homepage mit Leistungs-Übersicht und Lead-Magnet
  • 4 Leistungsseiten: Elektroinstallation, Smart Home, E-Ladestationen, Photovoltaik
  • Referenzen-Seite mit Case-Study-Struktur (für spätere echte Kundenprojekte)
  • Blog-Bereich mit 3 Fach-Artikeln (Wallbox-Förderung, Smart-Home-Basics, E-Auto-Laden)
  • Notdienst-Seite mit Click-to-Call und Voice-Agent-Integration
  • Kontakt mit Cal.com-Embed für Vor-Ort-Termine

Technische Umsetzung

  • Astro-Framework mit statischer Auslieferung
  • Cloudflare Pages + Workers für Chatbot-Backend
  • Vollständiges Schema.org (Electrician, Service, FAQ, Review, BreadcrumbList)
  • Lighthouse 98 Performance · 100 SEO · 100 Best Practices · 95 Accessibility
  • LCP 1,1s · CLS 0,02 · INP 80ms
  • WCAG 2.1 AA konform
§ 03 / Was sie demonstriert

Was du testen kannst.

Live-Funktionen
03.01 · Features

Live-Integrationen.

Auf der Staging-URL kannst du alle Features live anklicken und testen:

  • KI-Chatbot "Sparky": Beantwortet Fachfragen zu Elektro-Themen, qualifiziert Leads, bucht Termine. Probier's mit "Was kostet eine Wallbox?" oder "Wann kommt ihr vorbei?"
  • Cal.com-Integration: 30-Min-Slots für Vor-Ort-Beratung, Video-Call oder Rückruf — alles in einem Widget
  • Notdienst-Funktion: Click-to-Call-Button mit Dringlichkeits-Triage, außerhalb Geschäftszeiten Voice-Agent
  • SEO-Test: Rich Results Test zeigt alle Schema-Types validiert, Search Console kann Indexierung bestätigen
  • Performance-Test: Mobile 4G-Simulation in Lighthouse zeigt 98+

Das ist kein Mockup.
Das ist echter Code.
Live testbar auf Anfrage.

Demo · ElektrobetriebDemo · 2026
Demo testen

Elektro-Demo
live ansehen?

Staging-URL für diese Demo-Seite gibt's auf Anfrage. Schreib uns kurz — wir schicken dir den Link innerhalb von 24 Stunden. Danach kannst du alles live anklicken, auch den Chatbot bzw. Voice-Agent.