Case Study
ENTEC ENERGIE
Energie & Beratung
- 0
- externe Requests — keine CDNs, keine Google Fonts, kein Tracking
- 6
- FAQ-Antworten, auch maschinenlesbar für Suchmaschinen und KI
- ~3 kB
- JavaScript auf der ganzen Seite — der Rest ist statisch
- Konzept
- Design
- Astro
- Datenschutz
- SEO & GEO

Die Ausgangslage
ENTEC investiert in Batteriespeicher-Infrastruktur für Mittelstand und Industrie — Peak-Shaving, Netzstabilisierung, Schwarmspeicher. Ein Thema, das gleich doppelt erklärungsbedürftig ist: technisch komplex und investment-nah. Die Website musste Entscheidern in wenigen Minuten verständlich machen, was sonst ein Beratungsgespräch braucht — und dabei das Vertrauen ausstrahlen, das man von einem Investor erwartet.
Die Lösung
- Didaktischer Aufbau — erst die Herausforderung (Netzengpässe, Lastspitzen), dann die Lösungen: Peak-Shaving, Systemdienlichkeit, Arbitrage, Schwarmspeicher
- Vorher/Nachher-Bildvergleiche — ungenutzte Fläche neben realisiertem Speicherprojekt: das Geschäftsmodell auf einen Blick
- Scroll-Energieanzeige — ein eigenes animiertes Leitmotiv, das sich beim Scrollen wie ein Speicher füllt
- FAQ mit sechs Kernfragen — von „Für wen lohnt sich das?" bis zu Standortvoraussetzungen, zusätzlich als FAQPage-Schema für Suchmaschinen und KI-Antworten ausgezeichnet
- Team-Sektion mit den handelnden Personen — bei Investment-Themen entscheidet Vertrauen
Vorher ungenutzte Fläche, nachher Schwarmspeicher-Projekt: Ein Bildvergleich erklärt das Geschäftsmodell schneller als jeder Absatz Text.
Technik
Die Seite ist mit Astro statisch gebaut und konsequent auf Datenschutz und Geschwindigkeit ausgelegt: null externe Requests — keine CDNs, keine Google Fonts, kein Analytics. Schriften und Bilder liegen self-hosted vor, die Bilder werden beim Build automatisch in responsive WebP-Größen umgerechnet. Insgesamt stecken rund drei Kilobyte JavaScript in der gesamten Seite; alles andere ist reines, vorgerendertes HTML.
- Astro
Besonderheiten
Das Projekt zeigt unseren Prototyp-zuerst-Workflow in Reinform: Am Anfang stand ein schneller HTML-Prototyp — inklusive einer ersten Version der Scroll-Energieanzeige —, der mit dem Kunden abgestimmt und dann in den sauberen, DSGVO-konformen Produktivbau überführt wurde. Auch nach dem Livegang wird die Seite laufend gepflegt: Team-Daten, Open-Graph-Bilder für Social-Vorschauen und selbst Details wie ein Favicon-Fix für die Google-Suche gehören zur Betreuung dazu.
Einblicke



