Dürr Elektrotechnik:
ein Fachbetrieb, der auch
online Licht macht.
Für den Elektrofachbetrieb aus dem Landkreis Tübingen haben wir aus einem schmalen Auftritt eine Website mit 13 Seiten gemacht: Scroll-Videos auf jeder Leistungsseite, eigene Animationen, ein Design-System auf der CI der GREENOX Group und ein Local-SEO-Gerüst für Tübingen, Reutlingen und Stuttgart.
Starke Projekte in der Region —
online kaum zu finden.
Dürr Elektrotechnik arbeitet für Industrie, Gewerbe und Privatkunden rund um Tübingen und Reutlingen, mit Referenzen wie Reiff, Ebner Stolz oder Greiner Bio-One. Online war davon wenig zu sehen: eine Website ohne eigene Seite je Leistung, ohne Städteseiten, mit Kunden- und Bewerber-Ansprache auf derselben Fläche. Eine Seite, die auf die Suche nach einem Elektriker in Tübingen zielt, gab es nicht. Gleichzeitig baut der digital stärkste Wettbewerber der Region Ratgeber, Rechner und Standortseiten aus.
Vom Keyword zum Scroll‑Video —
ein durchgängiges System.
Logo und Farbwelt kamen von Kunde und Gruppe. Alles andere haben wir in einer Linie gebaut: Strategie, Struktur, Texte, Design-System, Bewegtbild und Entwicklung. So entstand ein Auftritt, der auf jeder Seite gleich aussieht und trotzdem jede Leistung eigenständig erzählt.
Strategie & Keywords
Bevor die erste Seite entstand: Discovery mit vier regionalen Wettbewerbern, 64 recherchierte und 26 mit Semrush validierte Keywords, Seitenarchitektur, Messaging-Framework und Headline-Tests. Daraus kam die Entscheidung, welche Leistung eine eigene Seite bekommt und welche Stadt welche Seite trägt.
- Wettbewerbsanalyse
- Keyword-Strategie
- Seitenarchitektur
- Messaging
Design-System auf der Gruppen-CI
Das Grün mit Verlauf, das Blitz-Logo und die dunkle Anthrazit-Welt brachte die GREENOX Group mit. Unsere Webdesign-Agentur aus Stuttgart hat daraus ein digitales System gebaut: Farbtokens, Komponenten in einem zentralen Stylesheet, 16 Standard-Sektionen als Figma-Board und ein fester Hell-Dunkel-Rhythmus mit zwei animierten Sektionen auf jeder Leistungsseite.
- Design-Tokens
- Komponenten
- 16 Standard-Sektionen
Bewegtbild & Animation
Jede Leistungsseite öffnet mit einem Scroll-Video, das wir selbst produziert haben: Start- und Endbild KI-generiert, dazwischen interpoliert, für ruckelfreies Scrubben encodiert. Dazu eine eigene Animation je dunkler Sektion, vom Energiefluss bis zur Hallenbeleuchtung, die beim Scrollen angeht.
- 6 Scroll-Videos
- Startseiten-Sequenz
- CSS-Animationen
Webentwicklung & Local SEO
13 Seiten, statisch ausgeliefert, ohne CMS-Ballast, mit eigenen Hochformat-Heroes für das Handy. Die Startseite zielt auf Tübingen. Reutlingen und Stuttgart haben eigene Seiten mit echten Stadtteilen. Schema.org, FAQ und interne Verlinkung hat unsere SEO-Agentur aus Stuttgart von Anfang an mitgebaut.
- Statischer Build
- Startseite + 2 Städteseiten
- Schema.org & FAQ
Eine Stadt pro Seite —
statt drei Städte auf einer.
Die Keyword-Recherche zeigte: Die kommerziellen Suchen laufen über Ort plus Leistung. Also bekam jede Stadt ihre eigene Seite mit eigenen Stadtteilen, und die Leistungsseiten tragen die Fachbegriffe von Hallenbeleuchtung bis Ladeinfrastruktur. Nachbarstädte tauchen auf einer Seite nur noch als Link auf, nicht als Fließtext. So konkurrieren die Seiten nicht gegeneinander.
| Keyword | Vol./Mo. | KD | Ziel-Seite |
|---|---|---|---|
| Elektriker Reutlingen | 320 | 12 | Städteseite Reutlingen |
| Elektriker Tübingen | 210 | 17 | Startseite |
| Hallenbeleuchtung | 720 | 10 | Industrie & Gewerbe |
| Strukturierte Verkabelung | 590 | 13 | Industrie & Gewerbe |
| Photovoltaik Gewerbe | 320 | 30 | Photovoltaik & Speicher |
| Ladeinfrastruktur Unternehmen | 260 | 15 | Wallbox & E-Mobilität |
Auf jeder Seite umgesetzt
- Eine Stadt pro Seite, Nachbarstädte nur als Link
- Electrician-, Service-, FAQ- und Breadcrumb-Schema
- FAQ mit echten Suchfragen je Seite
- Interne Verlinkung Leistungen ↔ Städte
- llms.txt und freigegebene KI-Crawler
Heroes, die sich aufbauen —
während man scrollt.
Kein Stockvideo, keine Fotostrecke: Für jede Leistungsseite haben wir ein Start- und ein Endbild erzeugt und die Bewegung dazwischen als Video interpoliert. Beim Scrollen füllt sich das Dach mit Modulen, geht das Hallenlicht an, kommt der Strom zurück. Die Startseite zeigt das Prinzip in drei Schritten an einem Haus.
Mehr als ein Hero —
16 Standard-Sektionen, ein System.
Leistungs-Kacheln, Energiefluss, Einsatzgebiet mit Stadtteilen, Kundenstimmen als Video, Referenzen aus der Region, Hallenbeleuchtung als Animation: Jede Sektion hat eine Aufgabe und einen festen Platz im Hell-Dunkel-Rhythmus, auf Startseite, Leistungs- und Städteseiten gleich gebaut.
Sonne, Dach,
Speicher, Auto —
der Energiefluss läuft.
Die Sektion „Energie & Photovoltaik“ erklärt in einem Bild, was Dürr Elektrotechnik aus einer Hand liefert: Der Strom fließt als Puls von der Sonne über die PV-Anlage in den Speicher und weiter zur Wallbox, die Knoten leuchten nacheinander auf. Unten läuft die echte Sektion der Startseite, nicht ein Screenshot.
Von Hero bis FAQ —
ein Rhythmus
über 13 Seiten.
Die Startseite führt in ruhigem Takt durch Leistungen, Energie, Team, Kundenstimmen, Referenzen, Einsatzgebiet und Standort bis zum Kontaktbogen und den häufigen Fragen. Hell und dunkel wechseln sich ab, jede dunkle Sektion bewegt sich, jede helle informiert.
- Hero mit Scroll-Sequenz und zwei Wegen zur Anfrage
- Kontaktbogen mit Datenschutz-Einwilligung auf jeder Seite
- Eigene Hochformat-Heroes für das Handy, kein Video-Ballast mobil
Aus der CI der Gruppe —
ein System für 13 Seiten.
Das Grasgrün mit Verlauf ins Hellgrün, das Blitz-Icon und das Anthrazit der GREENOX Group waren gesetzt. Wir haben daraus Tokens, Komponenten und Regeln gebaut: Buttons mit Verlauf, Kacheln mit Icon-Boxen, helle Flächen mit Punktraster, dunkle mit feinem Raster und Glow, ein Megamenü für sechs Leistungen und Hochformat-Varianten für jedes Hero.
Inter als neutrale Grotesk über die ganze Website: kräftig in den Headlines, ruhig im Fließtext, gut lesbar auf hellen und dunklen Flächen. Grüne Highlights markieren das Wichtigste im Satz.
Ein Auftritt, der zeigt, was der Betrieb kann.
Statt eines schmalen Auftritts steht jetzt eine Website mit 13 Seiten, auf der jede Leistung, jede Stadt und jedes Referenzprojekt seinen Platz hat. Echte Team-Fotos, echte Projekte, echte Kundenstimmen, dazu Bewegtbild, das zeigt, was der Betrieb baut, noch bevor der erste Satz gelesen ist. Für Betriebe aus der Nachbarschaft ist das unser Referenzprojekt für Webdesign in Reutlingen und Tübingen.
- 13 Seiten mit klarer Aufgabe, jede Leistung und jede Stadt auf eine Suchintention gebaut
- Scroll-Video auf jeder Leistungsseite, Animation in jeder dunklen Sektion
- Tübingen, Reutlingen und Stuttgart sauber getrennt, ohne Kannibalisierung
