Wie die meisten Web-Agenturen bauen wir Websites gerne von Grund auf neu. Es gibt aber auch Situationen, in denen ein kompletter Relaunch nicht das richtige Vorgehen ist und man stattdessen etwas Bestehendes verbessern kann.

Wie man mit einer Übernahme und stufenweisen Erneuerung auch tolle Resultate erzielen kann, zeigen wir Ihnen hier: Durch strategische Planung, technische Expertise und kontinuierliche Unterstützung haben wir die Website nicht nur visuell ansprechender gemacht, sondern auch ihre Funktionalität und Zugänglichkeit massgeblich verbessert, sowohl für die Besucher:innen, als auch das Redaktionsteam.

Übernahme der WordPress-Website

Als wir das Projekt in die Hände nahmen, standen wir vor einer Website, die in die Jahre gekommen war. Sowohl das Design, als auch die Struktur entsprachen nicht mehr den heutigen Anforderungen an eine moderne, benutzerfreundliche Website.

Unser erster Schritt war daher eine umfassende Analyse der bestehenden Infrastruktur und Inhalte. Unsere Zielsetzung: die Website nicht nur zu modernisieren, sondern sie so aufzubauen, dass sie auch zukünftigen Anforderungen standhalten kann.

Links sieht man einen alten Screenshot mit eher gelbgrünen Farben, rechts die neue Version mit dunkleren Farben für mehr Kontrast.
Ein Vorher-Nachher Vergleich von PSZH. Neu viel aufgeräumter, klarer und mit verbessertem Kontrast.

Website Modernisierung in mehreren Phasen

Die Revitalisierung der Website erfolgte in mehreren Phasen. Gemeinsam mit der Kundin haben wir nach den initialen Workshops einen Plan erarbeitet, welche Themen wir angehen wollen und haben diese in mehreren Phasen umgesetzt.

Performance

Bei der Übernahme litt die Website etwas unter einer langsamen Geschwindigkeit und einem schlechten Layout-Aufbau, was zu sogenannten «Layout Shifts» führt. Das ist ein Wert, mit welchem berechnet wird, wie oft sich die Elemente einer Website beim Laden verschieben und somit zu einem unzufriedenstellendem Erlebnis führen. Durch verschiedenen Massnahmen konnten wir diese Werte stark verbessern.

Core Web Vitals: 
Performance: 99, Accessibility: 96, Best Practices, SEO: 100
Top-Werte nach unseren Anpassungen an der Website.

Ein weiterer grosser Bereich war das Update der PHP-Version auf dem Hosting. Durch alte Plugins war bei der Übernahme ein Update nicht möglich. Wir haben diese Plugins entfernt, durch neue oder eigenen Lösungen ersetzt, was die Grundlagen geschaffen hatte, auf die neuste PHP-Version zu setzen. Damit wurde die Website nicht nur sicherer, sondern auch schneller.

Accessibility

Wir haben grossen Wert auf die Verbesserung der Accessibility gelegt. Durch die Anpassung von Farbkontrasten, die Verbesserung der Tastaturnavigation und die Einführung von Screenreader-Unterstützungen haben wir die Website zugänglicher für alle Nutzenden gemacht.

Buttons im alten Design mit zu geringem Kontrast im Vergleich mit den neuen Buttons
Links: Die alten Buttons mit zu geringem Kontrast. Rechts, die neuen Buttons mit genügend Kontrast.

Modernisierung Design

Wir wussten, dass wir am Design etwas ändern mussten. Die Kontrast-Anpassungen waren aber nicht das Einzige, was wir verbessert haben. Bei einer Design-Inventur haben wir alle im Einsatz stehenden Elemente gesammelt und einheitliche Elemente und Stile definierte. Damit wirkt die Website ruhiger, klarer und aufgeräumter.

Ein Vorher-Nachher-Vergleich von PSZH. Neu viel aufgeräumter, klarer und mit verbessertem Kontrast.
Ein Vorher-Nachher-Vergleich von pszh.ch. Neu viel aufgeräumter, klarer und mit verbessertem Kontrast.

Neue Navigationsführung

Durch eine klarere und intuitive Strukturierung konnten wir die User Experience erheblich steigern.

Die Nutzer:innen finden nun schneller und einfacher, wonach sie suchen, was die Gesamtzufriedenheit mit der Website verbessert.

Einführung Block Editor in WordPress

Ein Kernstück der Modernisierung war die Implementierung des WordPress-Block-Editors. Damit können Inhalte schneller und einfacher erstellt und bearbeitet werden und es gibt sogar mehr Möglichkeiten, als das bisher der Fall war.

So kann die Redaktion bspw. moderne und schöne Seiten für Job-Inserate erstellen, welche das Employer Branding fördern und mehr Stellensuchende ansprechen, als das bisher mit PDFs der Fall war.

Integration Spenden-Möglichkeit via RaiseNow

Eine Organisation wie Pro Senectute ist auf Spenden angewiesen, weshalb es enorm wichtig ist, dass auch Online-Spenden entgegengenommen werden können.

Spendenmöglichkeiten auf pszh.ch, mit einmaliger Spende, oder wiederkehrenden Spenden

Dazu setzen wir auf die Integration von RaiseNow, mit welcher man sowohl Einzelspenden als auch wiederkehrende Spenden umsetzen kann.

Website

Pro Senectute Kanton Zürich

Design, Frontend, WordPress

pszh.ch

2021–heute

Schnittstelle zum CRM: Immer aktuelle Kursdaten

Ein bestehendes Feature der WordPress-Website ist die Schnittstelle zu einem CRM-System. Diese ermöglicht es, dass Kursdaten automatisch aktualisiert werden. Somit sind die auf der Website angezeigten Informationen stets auf dem neuesten Stand, was für die Nutzer einen enormen Mehrwert darstellt. Wir haben die Wartung und Weiterentwicklung der Schnittstelle übernommen und stehen dazu im Austausch mit den Anbietern der CRM-Software.

Kontinuierlicher Support & Weiterentwicklungen

Das Web entwickelt sich stetig weiter, und eine einmalige Überarbeitung einer Website ist nur der Anfang. Unser Engagement endet nicht mit dem Relaunch. Wir bieten kontinuierlichen Support und planen regelmässige Updates für WordPress, Plugins und alle Schnittstellen, um sicherzustellen, dass die Website auch weiterhin den neuesten technischen Standards entspricht und die Bedürfnisse der Nutzer erfüllt.