TEAG: Content & Design für mehr Sichtbarkeit im Energiemarkt

Wie TEAG mit strategischer Content Creation digitale Sichtbarkeit im Energiemarkt aufbaut.

Über TEAG

Die TEAG Thüringer Energie AG ist ein bundesweit tätiger Energieversorger mit Hauptsitz in Erfurt. TEAG bietet Strom und Gas für Privat- und Geschäftskunden an und setzt auf nachhaltige Energielösungen. Mit der Plattform Mein Zuhause adressiert TEAG Privatkunden im gesamten Bundesgebiet und positioniert sich als kompetenter Ratgeber rund um die Themen Energie, Energieeffizienz und Elektromobilität.

Herausforderung

Der deutsche Energiemarkt gehört zu den kompetitivsten digitalen Wettbewerbsumfeldern. Vergleichsportale, etablierte Platzhirsche und aggressive Newcomer kämpfen um die vorderen Plätze bei Google und die Sichtbarkeit in KI-Suchmaschinen. TEAG stand vor der Herausforderung, sich als bundesweiter Anbieter von Strom und Gas neu zu positionieren und die Sichtbarkeit im digitalen Raum nachhaltig zu steigern.

Denn relevanter Non-Brand-Traffic war zum Projektstart praktisch nicht vorhanden. Die Website erreichte nahezu ausschließlich Nutzer, die die Marke bereits kannten. Neue Zielgruppen entlang der frühen Informations- und Entscheidungsphasen blieben unerschlossen.

Moccu x TEAG: Aufgabe und Ziele

Um diese Herausforderung zu adressieren, entschied sich TEAG, die „Mein Zuhause“-Website als dedizierte Content-Plattform strategisch neu auszurichten. Gemeinsam mit Moccu sollte eine Grundlage geschaffen werden, um Nutzer mit relevantem Content zu erreichen und sie gleichzeitig produktnah zu begleiten.

Die Ziele des Projektes waren:

Awareness für die Marke jenseits der klassischen Tarifkommunikation aufbauen
TEAG als kompetenten Ratgeber im Energiesektor positionieren
Nutzer von der Recherche bis zum Tarifabschluss begleiten
Organischen Traffic signifikant steigern

Unser Ansatz

Mit Moccu entwickelte TEAG eine ineinandergreifende Content- und Design-Strategie, die Content, Design und Performance als Einheit begreift. Neben klassischer Suchmaschinenoptimierung zielt die Content-Strategie auch auf Sichtbarkeit in KI-gestützten Suchsystemen wie ChatGPT, Perplexity, Claude oder Googles AI Overviews.

Grafik eines vernetzten Content-Ökosystems: Die Bereiche Content, Design und Performance sind durch ein zentrales, dreiteiliges Element miteinander verbunden. — Content, Design und Performance als Grundlage für digitale Sichtbarkeit

Umsetzung

Das Projekt gliederte sich in drei zentrale Phasen:

Phase 1: Datenbasiertes Fundament

Bevor die inhaltliche und gestalterische Umsetzung begann, analysierten wir das Wettbewerbsumfeld und den Status quo von TEAGs digitalem Ökosystem. Der umfassende Performance-Audit umfasste UX/UI, Content und technische SEO-Aspekte.

Ziel war es, Stärken und Schwächen relevanter Marktteilnehmer zu identifizieren, technische Optimierungspotenziale aufzudecken und eine belastbare Grundlage für die Content-Strategie zu schaffen.

Parallel dazu wurden relevante Suchbegriffe analysiert, Content-Lücken identifiziert und strategische Themenfelder mit hohem Potenzial abgeleitet. Die datenbasierte Grundlage aus dem Audit war der Ausgangspunkt für alle weiteren Maßnahmen.

Phase 2: Strategische Content Creation

Ziel der Content-Strategie war es, organische Reichweite nicht nur aufzubauen, sondern gezielt in messbaren Business Impact zu überführen. Die Inhalte wurden entlang von Keywords mit hohem strategischen Potenzial entwickelt und orientierten sich konsequent an den Informations- und Entscheidungsprozessen der Nutzer.

Nach Recherche, Definition und Priorisierung relevanter Themen und Keywords entwickelten wir eine klare Topic-Struktur und Informationsarchitektur. Daraus entstanden rund 40 Ratgeber-Contents zu den Themenfeldern Strom, Gas, Energieeffizienz und Elektromobilität. Jeder Artikel basiert auf detaillierten SEO-Briefings mit Fokus auf Suchintention und Conversion.

Statt isolierter Einzelinhalte entstand ein thematisch vernetztes Content-Ökosystem mit klarer Struktur und strategischer Tiefe. Gleichzeitig haben wir die Inhalte so aufgebaut, dass sie nicht nur in klassischen Suchergebnissen performen, sondern auch von KI-basierten Suchmaschinen eindeutig verstanden, referenziert und ausgespielt werden.

Phase 3: Design

Auf Basis von Strategie und Konzept sowie unter Berücksichtigung der TEAG CI-Richtlinien wurde das UI-Design für die „Mein Zuhause“-Website entwickelt.

Design Pattern Library: Barrierefreiheit und Optimierungen bereits mitgedacht

Für die „Mein Zuhause“-Website entwickelten wir eine Design Pattern Library, die alle Design Fundamentals, Komponenten und Module als Grundlage für das Interface-Design definiert. Ziel war es, bereits bestehende Designelemente gezielt hinsichtlich Barrierefreiheit und Usability zu optimieren, ohne den bestehenden TEAG-Look zu verändern.

Besonderer Fokus lag dabei auf der Entwicklung eines stringenten und barrierefreien Farbsystems mit klar definierten Rollen für interaktive Elemente, Hintergrundflächen und visuelle Highlights. Ergänzend wurde das Layout-Grid optimiert, um eine ideale Textlaufweite und gute Lesbarkeit auf allen Viewports sicherzustellen, während der Typescale gezielt an die textlastigen Ratgeberinhalte angepasst wurde und nun für eine optimale visuelle Hierarchie sorgt.

Durch diese und weitere zielgerichtete Optimierungen entstand ein konsistentes und robustes Designfundament, das den TEAG-Look bewahrt und gleichzeitig eine intuitive Nutzerführung, optimale Erfassbarkeit und klare visuelle Struktur für die contentlastige Website ermöglicht.

Exemplarischer Ausschnitt aus der TEAG Pattern Library u. a. mit Farbpalette, Typografie (H1–H3), Icons und Buttons. — Auszug der Elemente in der Pattern Library

Ein skalierbares Design, das Usability und SEO vereint

Texte entfalten ihre volle Wirkung erst durch eine Gestaltung, die Nutzerbedürfnisse und Suchmaschinen-Anforderungen gleichermaßen einbezieht. Dementsprechend berücksichtigten wir beim Design der Module und Seitentypen aktuelle SEO- und Usability Best Practices.

Durch ein effizientes Vorgehen mit einer kleinen Anzahl an Modulen entstand ein flexibles System, mit dem sich unterschiedliche Seitentypen abwechslungsreich gestalten lassen. Gleichzeitig bildet es eine skalierbare Grundlage für zukünftige Erweiterungen und lässt sich problemlos für weitere Features ausrollen – etwa auf die aktuelle Überarbeitung des Tarifrechners und des Checkout-Prozesses.

Verschiedene Seiten der TEAG ‚Mein Zuhause‘-Website auf Desktop und Smartphones — Beispielscreens der „Mein Zuhause“-Website

Ausblick

Die Zusammenarbeit geht weiter: Moccu wird TEAG künftig auch bei SEA-Maßnahmen (Suchmaschinenwerbung) unterstützen. Dabei verfolgt TEAG einen Ansatz, der häufig vernachlässigt wird, wenn große Media-Agenturen nur Anzeigen schalten: die enge Verzahnung von SEA und SEO. Durch intelligente Abstimmung beider Kanäle entstehen Synergien, die nicht nur die Performance steigern, sondern auch SEA-Budgets effizienter einsetzen.

Zusätzlich entwickeln wir als Grundlage für eine verbesserte Conversion einen neuen Tarifrechner inklusive optimiertem Checkout-Prozess, der voraussichtlich sowohl auf der „Mein-Zuhause“-Website als auch auf der TEAG-Hauptdomain integriert wird.