Die Aufgabe
Elektro Thome installiert Photovoltaikanlagen, Speicher, Wallboxen und Elektroanlagen für private und gewerbliche Gebäude im Saarland. Die Website musste ein technisches Angebot so erklären, dass ein Hausbesitzer es versteht, und dabei gewerbliche Kunden weiter ansprechen.
Live-Website besuchenWas die Website lösen musste
- Zwei Zielgruppen mit unterschiedlichen Fragen, Haushalte, die eine erste Solaranlage abwägen, und Unternehmen, die größere Vorhaben planen.
- Das Angebot bringt technische Entscheidungen mit sich, etwa ob ein Speicher zur Anlage gehört, nach denen Kunden fragen, bevor sie eine Anfrage stellen.
- Anfragen sind nützlicher, wenn sie Standort, Gebäudeart und eine Beschreibung der Arbeit enthalten.
- Der Betrieb bedient eine feste Region und musste diese Erwartung setzen, bevor jemand Kontakt aufnimmt.
Die Umsetzung
Die Projektphasen in ihrer Reihenfolge.
Struktur rund um das Angebot
Die Leistungen erfasst, von Photovoltaik über Speicher und Wallboxen bis zur Elektroinstallation, und die Website dann so aufgeteilt, dass Hausbesitzer und Gewerbekunde jeweils ab dem ersten Bildschirm einen klaren Weg haben.
Den Projektablauf erklären
Dargestellt, wie ein Projekt tatsächlich abläuft, von der Anfrage über die Prüfung bis zur Installation, damit ein Besucher weiß, was nach der Kontaktaufnahme passiert.
Fragen vor dem Formular beantworten
Einen Fragenbereich gebaut, der die zuerst gestellten Kundenfragen abdeckt, darunter welche Angaben bei einer ersten Anfrage helfen und ob ein Speicher immer zur Anlage gehört.
Anfrageweg und Einsatzgebiet
Ein Anfrageweg für Projekte, der Standort, Gebäudeart und eine kurze Beschreibung erfragt, zusammen mit einer klaren Angabe des Einsatzgebiets.
Tests und Start
Website und Formulare vor dem Start auf Smartphone und Desktop geprüft und anschließend die Seiten übergeben, die das Team selbst pflegt.
Das Ergebnis für das Unternehmen
- Getrennte Wege für Privat- und Gewerbekunden
- Leistungsseiten in einfacher Sprache
- Projektablauf vor der Anfrage erklärt
- Fragenbereich zu den häufigsten Anliegen
- Anfrageweg, der brauchbare Angaben sammelt
- Angegebenes Einsatzgebiet
Seiten der Website
Wie die Website umgesetzt wurde
- Next.js und React
- Dasselbe Framework, das für die Arbeit des Studios eingesetzt wird, damit die Website später erweitert werden kann, ohne neu beginnen zu müssen.
- Statische Auslieferung
- Jede Seite wird vor dem Besuch erstellt und als fertige Datei ausgeliefert.
- Deutsch
- Für die Region, die das Unternehmen bedient, auf Deutsch verfasst und gepflegt.
- Kein Tracking durch Dritte
- Es werden keine Skripte, Schriftarten oder Tracking-Dienste von einer anderen Domain geladen.
Gemessene Leistung
Die ausgelieferte Website wurde mit PageSpeed Insights auf Desktop und Mobilgeräten gemessen. Es handelt sich um Lighthouse-Laborergebnisse aus einer simulierten Umgebung am angegebenen Datum, nicht um Felddaten realer Besucher.
| Messwert | Desktop | Mobil |
|---|---|---|
| Leistungswert | 100 | 95 |
| Bewertung der Barrierefreiheit | 100 | 100 |
| Best-Practices-Bewertung | 100 | 100 |
| SEO-Bewertung | 100 | 100 |
| First Contentful Paint (FCP) | 0,3 s | 1,0 s |
| Largest Contentful Paint (LCP) | 0,5 s | 2,3 s |
| Total Blocking Time (TBT) | 40 ms | 50 ms |
| Cumulative Layout Shift (CLS) | 0 | 0 |
| Speed Index (SI) | 0,5 s | 4,8 s |
Laborergebnisse unterscheiden sich zwischen den Durchläufen, da sich Netzwerkbedingungen, Verarbeitung und Seitenressourcen ändern. Eine Messung beschreibt diesen Durchlauf und keine feste Eigenschaft der Website.
Sie sagen weder Suchpositionen noch die Zahl der Anfragen oder andere Geschäftsergebnisse voraus.
Bei beiden Durchläufen wurde keine Layout-Verschiebung gemessen. Der mobile Speed Index war der einzige Messwert außerhalb des schnellsten Bereichs.