Problemstellung & Kontext:
- Veraltete Systembasis: Die bestehende Website basierte auf einer älteren, potenziell unsicheren WordPress Version, was die Wartung und die technische Zukunftsfähigkeit des PatientenNetzwerks e.V. einschränkte.
- Mangelnde Responsivität: Das verwendete Theme war nicht für mobile Endgeräte optimiert, was die Usability und Reichweite negativ beeinflusste.
- Komplexes Navigationsdesign: Die größte Herausforderung war die Adaption eines sehr Langen, linksseitigen Hauptmenüs für mobile Viewports, ohne die vorhandene Seitenstruktur zu beeinträchtigen.
Meine Leistungen & Lösungsansätze:
- Technische Administration & System-Upgrade:
- Übernahme der technischen Administration und Verantwortung für die Site-Aktualisierung.
- Erstellung eines vollständigen Backups und Durchführung des System-Upgrades auf WordPress 5.
- Code-Modernisierung und Responsiveness:
- Das Design des Templates wurde beibehalten, während der Code grundlegend modernisiert und auf den aktuellsten technischen Stand gebracht wurde.
- Implementierung der Responsiveness des Themes mithilfe von Bootstrap und jQuery.
- Lösung für das Navigationsmenü (UX-Optimierung):
- auf mobilen Geräten wird das linke Seitenmenü ausgeblendet. Stattdessen wird das Hamburger-Menü eingeblendet, das beim Klick die vollständige Navigation (wie gewohnt) nach unten ausklappt.
- Auf größeren Auflösungen wird das Hamburger-Menü versteckt und das lange linke Menü bleibt dauerhaft sichtbar.
- Redakteur-Schulung: Durchführung von Schulungen für die Redakteuer zur Einarbeitung in das neue System und die aktualisierte Administrationsoberfläche.
- Eingesetzte Technologien:
- WordPress
- HTML5
- CSS3
- Bootstrap
- jQuery
- JavaScript
- PHP
Ergebnis:
Eine technisch stabile, auf WordPress 5 basierende Website, deren Code modernisiert und vollständig responsive gestaltet wurde. Das PatientenNetzwerk e.V. profitiert nun von einer verbesserten Sicherheit, Wartbarkeit und einer geräteübergreifend optimierten Nutzerfahrung.
Projekt-URL: https://www.patientennetz.net
