hanjo@winter: ~/projects/fbs-betonkanalsysteme
$ cd ~/projects/fbs-betonkanalsysteme ← alle Projekte
CORPORATE · SYSTEM-MIGRATION · WORDPRESS

Bundesfachverband Betonkanalsysteme (FBS)

Relaunch der umfangreichen FBS-Website: Migration von TYPO3 zu WordPress, Umsetzung nach Adobe-XD-Designs und Entwicklung eigener Elementor-Widgets.

Live ansehen
Rolle
WordPress Development
Leistungen
Migration · Custom Widgets
Typ
Kundenprojekt
Status
● TYPO3 → WordPress
$ cat overview.md
Ü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.

Das Ergebnis war eine moderne, performante und leicht pflegbare Website, die sowohl große Inhaltsmengen als auch spezielle Funktionsmodule zuverlässig abbildet.

$ cat aufgaben.md
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.

$ cat umsetzung-der-adobe.md
Umsetzung der Adobe-XD-Designs

Ich erhielt von einer externen Agentur vollständig ausgearbeitete Screen-Designs in Adobe XD. Meine Aufgabe: eine präzise, pixelnahe Umsetzung.

  • Layouts exakt nach Vorgaben umsetzen
  • Farb-, Typografie- und Abstandssysteme konsistent übertragen
  • mobile Varianten sauber adaptieren
  • Inhalte modularisieren und editierbar machen
$ cat entwicklung.md
Entwicklung individueller Elementor-Widgets

Da viele Bereiche nicht mit Standard-Elementor-Werkzeugen abbildbar waren, entwickelte ich eigene Widgets, u.a.:

  • Veranstaltungs-Widget
  • 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.

$ cat performance.md
Performance & technische Optimierung
  • Komprimierung & Optimierung von Assets
  • Caching & Ladezeitreduktion
  • Bereinigung nicht benötigter Elementor-Funktionen
  • barrierearme HTML-Struktur
$ ls ./stack
Eingesetzt
WordPressElementorCustom WidgetsHTML/CSSJavaScriptAdobe XD
$ ./preview --screenshots
Einblicke
$ cat outcome.md
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 über Desktop & Mobile bietet und zukunftstauglich erweiterbar bleibt.

Nächstes Projekt

Berkenkamp & Oexmann Straßenbau GbR

▸ connection ready — awaiting input

Ähnliches Projekt im Kopf?

post@hanjowinter.de
Standort: Köln / Bonn · Remote & vor Ort  |  Antwort meist < 24h