Digitale Infrastruktur für einen regionalen Glasfaseranbieter.

Mawacon baut, betreibt und vermarktet Glasfasernetze in der Pfalz und im Saarland. Für das Unternehmen habe ich das bestehende Corporate Design zu einem Markenbuch weiterentwickelt, die Corporate Website konzipiert, gestaltet und entwickelt und die strategische Grundlage für das Marketing gelegt.

Der bisherige Auftritt lief auf WordPress mit einem Baukasten-Theme. Aufträge kamen über ein eingebettetes Formular, ein älterer externer Bestell-Funnel war nicht mehr erreichbar, aber noch in Suchmaschinen gelistet. Das Tracking war lückenhaft eingerichtet.

Glasfaser ist ein Vertrauensprodukt mit langer Laufzeit. Interessenten müssen in Sekunden sehen, ob ihr Ort ausgebaut wird, welche Tarife gelten und was ein Wechsel bedeutet. Ein Online-Vertrag im Telekommunikationsrecht verlangt außerdem Pflichtbestandteile wie die Vertragszusammenfassung nach § 54 TKG, eine eindeutige Bestellschaltfläche und einen sorgfältigen Umgang mit Bankdaten.

Statt einer Imagebroschüre im Web entstand ein Auftritt entlang der Fragen, die sich potenzielle Kunden tatsächlich stellen: Bin ich im Ausbaugebiet? Was kostet es? Wie wechsle ich?

1. AEvolution statt Rebranding

   Logo und Logo-Blau bleiben. Das Markenbuch Ausgabe 02 ordnet Farben, Typografie und Anwendungen neu, statt eine eingeführte Marke zu ersetzen.

2. BOrte als Einstieg

   Jeder Ausbauort bekommt eine eigene Seite mit den dort geltenden Informationen. Tarif-Buttons übergeben Ort und Tarif direkt an die Bestellung.

3. CMessung nur mit Einwilligung

   Analyse-Tracking lädt erst nach Zustimmung. Der Cookie-Hinweis bietet nur an, was tatsächlich eingesetzt wird.

Das Farbsystem „Licht-Treppe“ übersetzt das Produkt in Gestaltung: Navy als Grund, Logo-Blau für Strukturen, Cyan als kleinstes, hellstes Signal. Kontraste sind nachgerechnet, Logo-Blau erscheint nie als Textfarbe auf Weiß. Ein Reduktionsdurchgang brachte die Textgrößen von vierzehn auf drei.

Die Hauptnavigation folgt den Aufgaben der Besucher, nicht dem Organigramm. Zwei geführte Strecken tragen den Auftritt.

• Tarif-Finder in fünf Schritten: Standort, Haushalt, Nutzung, Geräte, Empfehlung
• Vertragsstrecke in fünf Schritten: Kundendaten, Anschlussadresse, Tarif und Optionen, Zahlungsdaten, Zusammenfassung
• Rufnummernmitnahme, TV-Option und Inhouse-Verkabelung direkt in der Bestellung
• 79 Ortsseiten und 12 Ratgeberartikel als Einstieg über die Suche

Umgesetzt mit Next.js, React und TypeScript, ohne Baukasten. Für die Vertragsstrecke entstanden serverseitige Validierung, IBAN-Prüfung, verschlüsselte Speicherung sensibler Daten und automatische Vertragsunterlagen als PDF. Die Übergabe an die IT von Mawacon lief als dokumentierte Code-Pakete.

Ein Corporate-Auftritt mit 114 Seiten, der den Netzbetreiber als regionale Alternative positioniert und Interessenten vom Ortscheck bis zur Bestellung führt. Dazu ein Markenbuch als verbindliche Grundlage und ein Marketing-Fahrplan für die kommenden Jahre.

• 114

  Seiten im Auftritt

  davon 79 Ortsseiten und 12 Ratgeber

  Quelle: Sitemap mawacon.eu, 11.09.2026

• 100

  Lighthouse Barrierefreiheit

  mobil, dazu SEO 100 und Best Practices 96

  Quelle: Lighthouse, mobile Emulation, mawacon.eu, 11.09.2026

• 435

  automatisierte Tests

  392 Unit- und 43 End-to-End-Tests

  Quelle: Testlauf Projekt-Repository, 02.09.2026