Fallbeispiel · Gebäudeservice · 6 Gewerke

CB DienstleistungenSechs Gewerke, ein Formular, jede Anfrage in der richtigen Pipeline

CB Dienstleistungen deckt sechs Gewerke ab – von Reinigung über Schadstoffsanierung bis GaLa-Bau. Nach Website und Local SEO haben wir das Anfrageformular neu gebaut: Jeder Lead landet automatisch in der Pipeline des richtigen Gewerks.

cb-dienstleistungen.de Ketsch · Rhein-Neckar
WebdesignLocal SEOMultistep-FormularAutomatisierung
1.400+Klicks / Monat
Platz 1auf Google
35 kmEinzugsgebiet
01 · Farbprofil

Farben mit Aufgabe

Flächenverteilung
50%22%16%12%

Die Farben kommen 1:1 aus der bestehenden Marke, damit das Formular sich nahtlos in die Website einfügt. Ecken mit 4 px Radius: CB ist korporativ und zuverlässig, nicht verspielt. Rot wird nur für Marke und Handlung eingesetzt, die gewählte Kachel bekommt einen zarten Rot-Tint.

Live-Kontrastprüfung (WCAG 2.1)
AaText auf Grund#1C1C1C auf #F5F5F515.6 : 1AAA
AaAkzent auf Grund#AF1917 auf #F5F5F56.5 : 1AA
02 · Typografie

Schrift ist Stimme

Aa
ABCDEFGHIJKLM
nopqrstuvwxyz 0123456789
Sechs Gewerke. Eine Anfrage.
MontserratHeadlines
Source Sans ProText & Formular

Die Hausschriften der Marke – Konsistenz schlägt Neuerfindung, wenn ein Formular in eine bestehende Seite eingebettet wird.

03 · Multistep-Formular · 5 Schritte

Das Formular, zum Durchklicken

Eine Replik mit den echten Schritten und Optionen aus dem Projekt. Nichts wird gesendet.

Schritt 1 von 5 · AnliegenWelches Gewerk?
  1. 01Anliegen
  2. 02Projekt
  3. 03Kontakt
  4. 04Adresse
  5. 05Prüfen

Die Regel beim Umbau: Keine bestehende Frage darf verloren gehen. Wir haben das alte Formular Feld für Feld übernommen, aber in Schritte zerlegt. Verlässt jemand das Formular nach dem Kontakt-Schritt, bekommt CB trotzdem eine „Unvollständige Anfrage“.

04 · Live-Demo

Ausprobieren statt glauben

Klick auf ein Gewerk – die Anfrage landet in der passenden CRM-Pipeline
submit.phpserverseitig · Schlüssel nie im Browser
Unterhaltsreinigung0
Sonderreinigung0
Schadstoffsanierung0
Entrümpelung / Umzug0
Brandschutz0
GaLa Bau0
05 · Highlights

Was wir gebaut haben – und warum

Automatisierung

Lead-Routing ins CRM

Was

Jede Anfrage geht serverseitig an das HERO-CRM – und je nach Gewerk in eine eigene Pipeline. Der API-Schlüssel erreicht nie den Browser.

Warum

Sechs Gewerke heißt sechs Verantwortliche. Niemand muss mehr Anfragen sortieren oder weiterleiten.

Formular

Abbrecher-Erfassung

Was

Wer nach dem Kontakt-Schritt geht, wird per sendBeacon als „Unvollständige Anfrage“ gemeldet.

Warum

Ein Rückruf bei einem halben Lead ist günstiger als jeder neue Klick.

Datenschutz

Sicherheit ohne reCAPTCHA

Was

CSRF-Token, Honeypot, Mindest-Ausfüllzeit, Rate-Limit und MIME-Prüfung der Uploads.

Warum

Kein Google-Tracking und keine Ampel-Bilderrätsel – trotzdem kein Spam.

06 · Suchmaschinenoptimierung

Gebaut, um gefunden zu werden

1.400+Klicks pro Monat
Platz 1auf Google
35 kmEinzugsgebiet
  • Website-Relaunch mit Local SEO für die Asbest-Sparte
  • Formularseite bewusst noindex – sie ist Werkzeug, kein Content
07 · Conversion-Psychologie

Kleine Hebel, große Wirkung

01„Unverbindliche Anfrage“

Das Wort nimmt die Angst, sich mit einem Klick zu verpflichten.

02Prüfen-Schritt

Wer seine Angaben vor dem Absenden sieht, sendet sicherer ab und macht weniger Fehler.

08 · Technik

Unter der Haube

PHP 8.1HERO CRMGitHub ActionsWordPress-Embed
Die Zusammenarbeit mit Valerio lief von Anfang an reibungslos. Er hat uns nicht nur eine neue Webseite erstellt, sondern auch dafür gesorgt, dass wir endlich bei Google gefunden werden. Die Anfragen haben sich vervielfacht.
Claudia Röhheuser, Geschäftsführung CB Dienstleistungen