Case Study · 015 LS Gestaltung

Elektro
Gressinger.

Website-Entwicklung für einen Elektro-Meisterbetrieb aus der Region Baden-Baden — mit eigenem CMS-Backend, mehrstufigem Anfrage-Funnel und Local SEO über den kompletten Umkreis.

AuftraggeberElektrotechnik Gressinger
Sinzheim
LeistungWebdesign · Entwicklung
CMS · Local SEO
StackNext.js · Payload CMS
Vercel
BrancheElektro-Meisterbetrieb
Handwerk
Webdesign· Next.js· Headless CMS· Lead-Funnel· Local SEO· Webdesign· Next.js· Headless CMS· Lead-Funnel· Local SEO·
01 · Ausgangslage

Ein Meisterbetrieb, dessen Arbeit für sich spricht — nur digital war davon nichts zu sehen.

Elektrotechnik Gressinger ist ein etablierter Elektro-Meisterbetrieb aus Sinzheim bei Baden-Baden. Von der Elektroinstallation über Photovoltaik und Smart Home bis zum Schaltschrankbau für Industriekunden — ein breites Leistungsspektrum, gewachsen über Jahrzehnte.

Was fehlte, war ein digitaler Auftritt auf demselben Niveau: schnell, klar strukturiert und in der ganzen Region auffindbar. Vor allem aber eine Seite, die aktiv Anfragen einsammelt, statt nur eine Telefonnummer anzuzeigen.

Die dritte Anforderung kam vom Betrieb selbst: Das Team wollte Inhalte künftig selbst pflegen können — ohne bei jeder Personaländerung eine Agentur anrufen zu müssen.

Eine Handwerker-Website, die verkauft — nicht nur existiert.

Webdesign & Entwicklung · LS Gestaltung

Elektro Gressinger — Meisterbetrieb bei der Arbeit an der Verteilung
01 Handwerk
Elektro Gressinger — Photovoltaik-Anlage auf dem Dach
02 Photovoltaik
Elektro Gressinger — Elektro-Komponenten im Detail
03 Detail
Sechs Leistungsbereiche, eine Struktur — jede Seite führt zur Anfrage. Next.js · Payload CMS · 2025
02 · Die Arbeit

Vier Bausteine,
eine Website.

Struktur, die Vertrauen baut.

Ein Handwerksbetrieb mit sechs Leistungsbereichen braucht keine Bilderflut, sondern Ordnung. Jeder Bereich bekam eine eigene Ebene mit Detailseiten — vom Überblick bis runter zur einzelnen Wallbox.

Das Design bleibt ruhig und technisch: klare Typo, viel Weißraum, Blau als Vertrauensfarbe. Meisterbetrieb, 20+ Jahre Erfahrung und Regionalität stehen dort, wo sie sofort gesehen werden — direkt im Hero.

  • Sechs Leistungsbereiche mit Unterseiten
  • Trust-Signale prominent im Einstieg
  • Mobile-first entwickelt
  • Server-gerendert für Top-Ladezeiten
gressinger.info/leistungen
Leistungsübersicht Elektro Gressinger

01 Leistungsübersicht

Elektro Gressinger Website mobil

02 Mobil

Das Team pflegt sich selbst.

Hinter der Seite liegt ein eigenes CMS-Backend auf Basis von Payload — direkt in die Next.js-Anwendung integriert. Kein WordPress-Wildwuchs, keine Plugin-Updates, kein Sicherheitsrisiko.

Kommt ein neuer Mitarbeiter dazu oder verlässt jemand den Betrieb, aktualisiert Gressinger die Mitarbeiterliste selbst — in Minuten. Genauso Texte, Bilder und Leistungsinhalte. Die Agentur ist ab Livegang nicht mehr der Flaschenhals.

  • Eigenes Admin-Backend unter /admin
  • Mitarbeiterliste frei editierbar
  • Inhalte & Bilder ohne Entwickler pflegbar
  • Headless — Frontend bleibt schnell
gressinger.info/ueber-uns/team
Team-Seite Elektro Gressinger — über das CMS gepflegt

▸ Team-Seite · Inhalte kommen aus dem CMS

Vom Klick zur Anfrage.

Statt eines anonymen Kontaktformulars führt ein mehrstufiger Projekt-Funnel durch die Anfrage: Erst die Leistung wählen, dann Schritt für Schritt die Details — fünf Schritte, jeder einzeln beantwortbar.

Das senkt die Hemmschwelle und liefert dem Betrieb gleichzeitig eine strukturierte Anfrage statt „Bitte melden Sie sich". Alle Anfragen laufen serverseitig in einem Kanal zusammen.

  • 5-Schritt-Funnel statt Kontaktformular
  • Leistungsauswahl als Einstieg
  • Strukturierte Daten für den Betrieb
  • Serverseitiges Lead-Routing
gressinger.info/kontakt/anfrage
Anfrage-Funnel Elektro Gressinger — Schritt 1 von 5

01 Funnel · Schritt 1 von 5

Anfrage-Funnel mobil

02 Mobil

Sichtbar im ganzen Umkreis.

Ein Handwerksbetrieb wird lokal gesucht — „Elektriker Baden-Baden", „Elektriker Rastatt", „Photovoltaik Bühl". Für jeden relevanten Ort in der Region entstand deshalb eine eigene, vollwertige Landingpage.

Dazu kommt vollständiges LocalBusiness-Schema mit Öffnungszeiten, Geokoordinaten und Leistungskatalog — plus eine Freigabe für AI-Crawler, damit der Betrieb auch in KI-Suchen auftaucht.

  • 13 Local-SEO-Landingpages
  • Vollständiges LocalBusiness-Schema
  • Leistung × Ort sauber kombiniert
  • AI-Crawler explizit erlaubt
gressinger.info/elektriker-baden-baden
Local-SEO-Landingpage Elektriker Baden-Baden

▸ Beispiel-Standortseite · Elektriker Baden-Baden

03 · Screens

Die Seite
im Detail.

Von der Startseite über die Leistungstiefe bis zur Standortseite — jede Ebene eigenständig aufgebaut, nicht aus einem Template dupliziert.

gressinger.info
Startseite Elektro Gressinger — Webdesign LS Gestaltung Baden-Baden

01 Startseite · Hero mit Leistungs-Slider

/leistungen/photovoltaik
Photovoltaik-Seite Elektro Gressinger

02 Leistungstiefe · Photovoltaik

/elektriker-baden-baden
Standortseite Elektriker Baden-Baden

03 Local SEO · Standortseite

/kontakt/anfrage
Anfrage-Funnel Elektro Gressinger

04 Lead-Funnel · 5 Schritte

/ueber-uns/team
Team-Seite Elektro Gressinger

05 Team · CMS-gepflegt

04 · Reichweite

In jeder Stadt
im Umkreis.

Eigene Landingpage je Ort statt einer Seite, die alles abdecken soll — so rankt der Betrieb dort, wo tatsächlich gesucht wird.

Baden-Baden Rastatt Sinzheim Bühl Gaggenau Kuppenheim Achern Gernsbach Hügelsheim Rheinmünster
05 · Ergebnis

Eine Website, die Anfragen bringt — und die der Betrieb selbst in der Hand hat.

13

Local-SEO-Landingpages in der Region

6

Leistungsbereiche mit eigener Tiefe

5

Schritte im Anfrage-Funnel

100%

selbst pflegbar über das CMS

Nächste Case Study

Culture Rave.

Eventreihe aus Baden-Baden — Event-Branding, Aftermovies und eine Website mit live angebundenem Ticketing.

Projekt ansehen