Neuaufbau einer Website für XnY projects

Ausgangslage

Im Rahmen eines Rebrandings stand der Kunde vor einer technischen Hürde: Die Designs für die neue Website waren bereits finalisiert und eine initiale Imple­men­tie­rung auf Basis von WordPress war vorhanden. Das Setup erwies sich jedoch als zu unflexibel für die Anforderungen und bot keine solide Grundlage für einen langfristigen Betrieb. Ein erfolgreicher Launch war mit dieser Architektur nicht absehbar.

Vor­ge­hens­weise

Anstatt die bestehende Lösung durch punktuelle Anpassungen zu stabilisieren, wurde entschieden, die Website auf einer soliden technischen Basis unter Beibehaltung der vorhandenen Designs neu aufzubauen.

Durch die Umstellung auf eine Headless-CMS-Architektur ergaben sich folgende Vorteile:

• Ein spezifisch auf die Content-Struktur zuge­schnit­te­nes Interface ermöglicht ein intuitives und fehlerfreies Bearbeiten von Inhalten. Neue Seiten können flexibel aus wie­der­ver­wend­ba­ren Komponenten zusam­men­ge­stellt werden.
• Die Website ist auf einer einheitlichen TypeScript-Codebasis aufgebaut, anstelle eines frag­men­tier­ten, Plugin-abhängigen Stack, wodurch die Wartbarkeit verbessert wird.
• Durch eine optimierte Frontend-Imple­men­tie­rung können deutlich schnellere Ladezeiten und eine bessere User Experience erzielt werden.

Lösung

• Next.js-Frontend, welches das Design präzise in Form von Komponenten abbildet
• Payload CMS mit block­ba­sier­tem Inhaltsmodell für maximale Flexibilität
• Auto­ma­ti­sier­tes Deployment-Setup mit dedizierter Staging-Umgebung, um Risiken beim Livegang zu minimieren
• Dokumentation des Inhalts­mo­dells und des redak­ti­o­nel­len Workflows

Ergebnis

Aus einer fragilen Lösung wurde eine performante Unter­neh­mens­web­site, die zuverlässig betrieben wird. Durch die saubere Trennung von Inhalten und Layout können Bearbeitungen effizient und ohne technische Über­ra­schun­gen durchgeführt werden.