Modernisierung der WordPress-Webseite
rollstuhlerlebnisreisen
Rollstuhlerlebnisreisen baut jetzt noch mehr Barrieren ab
Ziel der Überarbeitung war es, die Seite barrierefreier, schneller und einfacher zu verwalten zu gestalten. Dies wurde durch eine Kombination aus Performance-Optimierungen, Zugänglichkeitsverbesserungen und einer vereinfachten Backend-Verwaltung erreicht.
Erreichte Meilensteine
- Performance-Steigerung: Desktop-Performance von 48 auf über 90 und Mobil-Performance von 35 auf über 95.
- Förderanträge: Einführung separater Antragsformulare für Privatpersonen und Organisationen sowie eine PDF-Download-Seite.
- Verbesserte Zugänglichkeit: Optimierung der Seite für Screenreader, klare Struktur der Headings und Barrierefreiheit in allen Formularen.
- GDPR-konforme YouTube-Videos: Videos werden erst nach Klick geladen, um Datenschutzrichtlinien zu entsprechen.
- Lokales Hosting von Fonts und Icons: Minimierung der Ladezeiten durch lokal gehostete, reduzierte Fonts (nur benötigte Zeichensätze) und Icons.
- Reduktion der Plugins: Von 20 auf 12 Plugins, zur Vereinfachung und Optimierung der Seite.
Konzeption – Zentral gesteuert und flexibel anpassbar
Die Konzeption der Seite bestand darin, sie fast 1:1 zu übernehmen, aber mit wesentlichen Anpassungen für eine konsistente und einfach zu verwaltende Designstruktur. Dabei wurde vor allem auf die Flexibilität und einfache Handhabung der Designelemente geachtet.
Farben und Design zentral verwaltet
- Buttons wurden in den Farben des Logos (Orange und Blau) angepasst, um ein konsistentes Erscheinungsbild zu gewährleisten
- Die Farben sind global definiert und können schnell über ACSS geändert werden, ohne jede Seite manuell anpassen zu müssen
- Das Design, einschließlich Schriftfarben und -größen, wird zentral verwaltet, um ein einheitliches Erscheinungsbild auf der gesamten Seite sicherzustellen
Flexibilität durch ACSS
- ACSS ermöglicht es, Farbänderungen auf der gesamten Seite in wenigen Sekunden vorzunehmen
- Elemente wie Buttons und das Logo können global angepasst werden, was eine schnelle Anpassung an neue Designs oder Markenfarben erlaubt
Technische SEO & Performance – schnell und sichtbar
Die technische SEO-Optimierung wurde mit dem Ziel umgesetzt, die Sichtbarkeit in Suchmaschinen zu verbessern, während gleichzeitig die Performance der Seite erheblich gesteigert wurde.
SEO-Optimierungen
- Meta-Titles und Descriptions für alle Seiten implementiert
- Klare URL-Struktur und saubere Code-Organisation für bessere Crawlbarkeit
Performance-Steigerungen
- Minimierung von CSS, JavaScript und unnötigen Dateien
- Lokales Hosting von Fonts und Bildern für schnellere Ladezeiten
- 90%Mobiler Durchschnittswert (Lighthouse)
Die Seite wurde von 35% auf über 90% Mobile Performance gebracht.
- 8Plugins eingespart
Durch eine Moderne Struktur konnten über 8 Plugins entfernt werden
- 15Barrieren entfernt
Dank viel Literatur und Videos wurden über 15 barrieren Abgebaut
Barrierefreiheit & Nutzererlebnis – zugänglich, klar und durchdacht
Eine gute Website ist für alle da – unabhängig von Fähigkeiten, Geräten oder Zugängen. Bei diesem Projekt lag der Fokus auf klarer Struktur, besserer Lesbarkeit und sinnvoller Bedienbarkeit. Die technischen Anpassungen wurden so umgesetzt, dass sie nicht nur gesetzlichen Anforderungen näherkommen, sondern auch das allgemeine Nutzungserlebnis spürbar verbessern.
Bessere Lesbarkeit und visuelle Zugänglichkeit
Farben, Kontraste und Schriftgrößen wurden gezielt überarbeitet, um eine bessere Wahrnehmung und Orientierung zu ermöglichen – auch für Menschen mit Sehbeeinträchtigung.
- Kontraste geprüft und angepasst gemäß WCAG AA
- Klare, gut skalierbare Schriftarten verwendet
- Fokus-Indikatoren für aktive Elemente sichtbar gemacht
Einfachere Navigation und barrierearme Bedienung
Die Website wurde so aufgebaut, dass sie auch ohne Maus einfach bedienbar ist – mit klarer Struktur, Tastatur-Navigation und semantischem HTML.
- Hauptnavigation vollständig per Tastatur bedienbar
- Semantische Überschriften- und Landmark-Struktur umgesetzt
- Formulare mit klaren Labels und ARIA-Hinweisen ausgestattet
Technische Struktur – effizient und wartungsfreundlich
Die technische Architektur wurde mit dem Ziel entwickelt, eine skalierbare, wartungsfreundliche und zugängliche Website zu schaffen. Durch den modularen Aufbau und eine klare Strukturierung des Codes wird die langfristige Verwaltung erleichtert.
Modulare Code-Struktur
- Verwendung von BricksBuilder und ACSS für flexible Gestaltung und Wartung
- Optimierte CSS- und JavaScript-Struktur für bessere Anpassbarkeit
Content-Management und Backend
- Custom Post Types für klare Trennung von Inhalten
- Einfaches Management von Formularen und Daten über MetaBox AIO
Plugins & Services – optimiert und funktional
Die Website verwendet eine reduzierte Anzahl an Plugins, um die Leistung zu steigern und die Wartung zu vereinfachen. Essentielle Services wurden integriert, um die Funktionalität zu erweitern und die Benutzererfahrung zu verbessern.
Reduzierte Plugin-Anzahl
- Reduktion von 20 auf 12 Plugins für bessere Performance
- Verwendung von Classic Editor und Happy Files Pro für einfache Inhaltsverwaltung
Integrierte Services
- GDPR-konforme YouTube-Integration für datenschutzfreundliches Video-Hosting
- Zentrale Verwaltung von Bankdaten und sozialen Medien über das Backend
Projektrezension
Er war super proffesionell und hat alles so umgesetzt was wie wir es wollten!
Heiko Reh
Inhaber & Geschäftsführer
"Bereit, deine WordPress Webseite voranzubringen?"
oder schreibe mir eine E-Mail:
timo@dynamic-homepages.com
