--- title: 'Relaunch Website Pädagogische Hochschule Zürich, Vernetzte Informationen, klare Wege' date: '2024-03-05T08:53:00+01:00' updated: '2026-06-02T16:30:03+02:00' author: 'Andrea Rosenbusch' canonical: 'https://zeix.com/projekte/relaunch-website-paedagogische-hochschule-zuerich' section: 'projects' --- ![Schweben­de Website-Elemente der Pädagogischen Hochschule Zürich vor einem Gebäude mit dem PHZH-Logo. Die Elemente zeigen Menüs, Texte und Bilder zu Studium, Weiterbildung und Forschung.](https://zeix.com/files/projekte/2.10-PHZH-Relaunch/2.10-PHZH-Relaunch_Headerbild.webp?v=1734351552) Erscheinungsdatum 2023 Adresse [Zur Website der PHZH](https://phzh.ch/) Branche [Bildung und Wissenschaft](https://zeix.com/projekte/branchen/bildung-wissenschaft)Typ [Website](https://zeix.com/projekte/typen/webseite)Leistungen [User Experience Design,](/projekte/leistungen/user-experience-design)[Web Development](/projekte/leistungen/web-development)Awards Best of Swiss Web Award 2024: GOLD in der Kategorie User Experience Die Pädagogische Hochschule Zürich ist die grösste pädagogische Hochschule der Schweiz. Sie bietet einem breiten Publikum Aus- und Weiterbildung, Forschung und Dienstleistungen an. Das Redesign umfasste die öffentliche Website und das (neu) passwortgeschützte Studierendenportal sowie die Abgrenzung der beiden Bereiche. Die wichtigsten Ziele waren, der Menge und Heterogenität des Inhalts und der Stakeholder gerecht zu werden, die öffentliche Website vom bisherigen Ballast des Studierenden-Portals zu befreien und keine Mehrfachpflege mehr von (teilweise) redundanten Seiten zu betreiben. # Joy of Use durch intuitive Benutzerführung Wir haben die Inhalte der Website so strukturiert und vernetzt, dass sie unterschiedlich dargestellt und an verschiedenen Orten ausgespielt werden können. Dies ermöglicht eine optimierte Benutzerführung und ein angenehmes Nutzererlebnis. Der Dienstleistungs-Wizard hilft den Nutzer:innen durch eine Abfolge leicht beantwortbarer Fragen schnell die passenden Dienstleistungen zu finden. ![Webseite der Pädagogischen Hochschule Zürich mit Informationen zum Studium und zur Weiterbildung. Der Abschnitt zeigt den Studiengang für angehende Sekundarlehrpersonen und beschreibt die Anforderungen und Kompetenzen, die für das Unterrichten von Jugendlichen in der Sekundarstufe erforderlich sind.](https://zeix.com/files/projekte/2.10-PHZH-Relaunch/2.10-PHZH-Relaunch_Bild1.webp?v=1734351548) # Benutzerfreundliche Navigation für alle Geräte Nutzer:innen navigieren primär über den vernetzten Inhalt, was besonders auf mobilen Geräten intuitiv und benutzerfreundlich ist. Der meiste Inhalt ist über drei Ebenen zugänglich, und zusätzliche Ebenen werden nur bei Bedarf angezeigt. Das Visual Design der Website reflektiert die klaren Linien des Campus und der Publikationen, wobei der Fokus durch die Typografie auf dem Inhalt liegt. # Barrierefreiheit und technische Optimierung Wir haben barrierefreien Frontend-Code programmiert und eine Eigenentwicklung für die verbesserte Nutzung der Tabulator-Navigation geschaffen. Fokussierte Elemente werden beim Navigieren mittels Tastatur umrahmt. Zudem haben wir ein Universal-Layout-System mit flexiblen Layouts und einem Komponenten-Baukasten erstellt, der in der Frontend-Bibliothek Storybook visualisiert werden kann. ![Gif des Storybooks der Pädagogischen Hochschule Zürich Website, das die verschiedenen Kontrolloptionen und Inhaltsblöcke zeigt.](https://zeix.com/files/projekte/2.10-PHZH-Relaunch/phzh_storybook.gif?v=1731939792)In der Frontend-Bibliothek Storybook sind die verschiedenen Kombinationen dargestellt. « > Die neue Website der PHZH ist ein Ereignis. Sie ist klar und ansprechend, besonders und nahbar, heiter und motivierend – und sie ist praktisch. Heinz Rhyn, Rektor » # Das Ergebnis: Eine optimierte Website für maximale Benutzerfreundlichkeit Die neue Website der PH Zürich bietet Joy of Use durch multimedial aufbereiteten Inhalt, gute Benutzerführung und einfache Auffindbarkeit. Unsere Auftraggeberin profitiert von einer effizienten technischen Umsetzung, einem benutzerfreundlichen Interface und reduziertem Pflegeaufwand, wobei die Anzahl der Seiten von 5000 auf 700 reduziert wurde. Besonderes Augenmerk legten wir auf Barrierefreiheit und den Schutz der Privatsphäre. # Videocast mit PH Zürich: Was braucht eine Website für optimale User Experience? Im Fachtalk tauschen sich die Projektleiter:innen der PH Zürich und von Zeix darüber aus, was gut gelaufen ist, was wir hätten besser machen können und wie wir die Online-Präsenz in Zukunft weiterentwickeln. Lesen Sie hier die Antworten zu den 12 Fragen in Kürze und finden Sie lebendige Details in den entsprechenden Videos.[Zusammenfassung und Videos](https://zeix.com/magazin/videocast-fachtalk-phzh-was-braucht-es-fuer-optimale-user-experience) # Passende Leistungen - # ## User Experience Design - [UX Design für Websites](https://zeix.com/leistungen/ux-design-fuer-websites) - # ## Web Development - [Frontend Engineering](https://zeix.com/leistungen/frontend-engineering) - [Barrierefreies Webdesign](https://zeix.com/leistungen/barrierefreies-webdesign) # Kontakt Jedes Projekt beginnt mit einem Gespräch. Erzählen Sie uns von Ihrem Projekt und Ihren Ideen. Wir hören zu. [Coffee Talk vereinbaren](https://calendly.com/zeix) [Telefon +41 44 247 78 78](tel:+41442477878)[E-Mail info@zeix.com](mailto:info@zeix.com) - [Leistungen](https://zeix.com/leistungen) - [Agentur](https://zeix.com/agentur) - [Magazin](https://zeix.com/magazin)