Projektüberblick
Für den Bundesfachverband Betonkanalsysteme e.V. (FBS) arbeitete ich am kompletten Relaunch der Corporate-Website.
Die bisherige Seite basierte auf TYPO3 und sollte vollständig nach WordPress + Elementor migriert werden – inklusive pixelgenauer Umsetzung der gelieferten Adobe-XD-Layouts.
Ziel war eine moderne, performante und leicht pflegbare Website, die sowohl große Inhaltsmengen als auch spezielle Funktionsmodule zuverlässig abbildet.
Aufgaben & Verantwortungsbereiche
CMS-Migration: TYPO3 → WordPress
- Strukturübertragung und Neuaufbau
- Neuorganisation von Seiten, Modulen und wiederverwendbaren Elementen
- Definition neuer Custom Post Types für News, Veranstaltungen und Fachinformationen
- Übertragung alter Inhalte in neue Layoutlogiken
- technische Vorbereitung für zukünftige Erweiterbarkeit
Die Herausforderung lag darin, ein komplexes, historisch gewachsenes System in klare WordPress-Strukturen zu überführen.
Umsetzung der UX/UI-Designs aus Adobe XD
Ich erhielt von einer externen Agentur vollständig ausgearbeitete Screen-Designs in Adobe XD.
Meine Aufgabe: eine präzise, pixelnahe Umsetzung.
Dazu gehörten:
- Layouts exakt nach Vorgaben umsetzen
- Farb-, Typografie- und Abstandssysteme konsistent übertragen
- mobile Varianten sauber adaptieren
- Inhalte modularisieren und editierbar machen
Entwicklung individueller Elementor Widgets
Da viele Bereiche nicht mit Standard-Elementor-Werkzeugen abbildbar waren, entwickelte ich eigene Widgets, u.a.:
- Veranstaltungs-Widget (wie im Screenshot)
- News-Listen & Fachartikel-Ausgaben
- Teaser-Module und Kacheln
- dynamische Navigator-Elemente
- modulare Infoabschnitte
Ziel war, dem Redaktionsteam wiederverwendbare Module zu geben, die flexibel eingesetzt werden können.
Performance & technische Optimierung
- Komprimierung & Optimierung von Assets
- Caching & Ladezeitreduktion
- Bereinigung nicht benötigter Elementor-Funktionen
- Barrierearme HTML-Struktur
Ergebnis
Es entstand eine umfangreiche, technisch solide und klar strukturierte Corporate-Website, die:
- in WordPress leicht redaktionell pflegbar ist
- das komplexe Designsystem sauber übernimmt
- performante, modulare Widgets nutzt
- eine konsistente UX across Desktop & Mobile bietet
- zukunftstauglich erweiterbar bleibt
