Deutsche Herzzentrum München

Eine barrierefreie Website nach Design Standards

Das Deutsche Herzzentrum München – Klinik an der Technischen Universität München – ist eine Spezialklinik für Herz- und Kreislauferkrankungen mit rund 1200 Mitarbeiter:innen und über 12.000 Operationen im Jahr.

Als Einrichtung des Freistaats Bayern ist dem Deutschen Herzzentrum München neben der Zukunftssicherheit auch ein hoher Anspruch an Barrierefreiheit und die leichte Verständlichkeit von komplexen medizinischen Inhalten wichtig.

12

Monate

Projektdauer

12

Projektmitarbeiter:innen

Gemeinsame Challenge

Für das Deutsche Herzzentrum München (DHM) haben wir die gesamte Website neugestaltet und diese auch für die mobile Nutzung fit gemacht. Auch weiterhin begleiten wir unseren Kunden in der Optimierung der Seite durch den schrittweisen Launch weiterer Features.

Patienten informieren: 

Eine Herausforderung bei der Website-Neugestaltung war neben der Ablöse der bestehenden Website die Verarbeitung der riesigen Menge an Content – mit dem Ziel, diesen möglich übersichtlich und einfach für Patient:innen und Angehörige abzubilden und gleichzeitig umfangreich über Krankheitsbilder und Behandlungsmöglichkeiten zu informieren.

Repräsentation & Employer Branding:

Für das Deutsche Herzzentrum München ist es wichtig, die Kern- und Fachkompetenzen des Hauses zu repräsentieren. Dies beinhaltet auch die Darstellung der einzelnen Ärzt:innen und Forschungsgruppen sowie deren Positionen im medizinisch-wissenschaftlichen Fachdiskurs.

Um alle Projekt-Anforderungen möglichst gut abzuholen, fanden im Vorfeld zwei Workshops statt.

Der erste Workshop diente dazu, um zum einen gemeinsam mit dem Kunden Annahmen zu testen und Personas zu entwickeln. Zusätzlich wurde Input für die erste Designgrundlage eingeholt.

In einem zweiten Workshop konnten wir die Ergebnisse aus dem ersten Workshop und das Design vorstellen. Anhand des Feedbacks wurde die richtige Form für die Umsetzung definiert. Bereits nach einem Jahr war die neue Website implementiert.

Projekt-Besonderheiten mit Best Practice Charakter

❤️ Ein Herz für Spender

Wir haben für das Deutsche Herzzentrum München eine spezielle Landing Page für das Sammeln von Spenden eingerichtet. Um die Spende-Experience noch interaktiver zu gestalten und Spender zu animieren, wurde ein logarithmisch wachsendes Spendenherz entwickelt.

Die Spendermechanik ist simpel und intuitiv zugleich: Das Spendenherz wächst im Verhältnis zum Spendenbetrag und pulsiert bei einer Spende ab 1.000 €. Die Daten des Spenders werden sicher über eine verschlüsselte SSL (Secure-Socket-Layer) Internetverbindung übertragen.

👍 Barrierefreiheit

Der Anspruch an Accessibility ist gerade im medizinischen Umfeld essenziell. Im Design haben wir Web Accessibility Guidelines und WCAG2.0 Standards angewendet. Barrierefreie Websites zu erstellen, bedeutet, genauestens auf die Kontraste und Schriftgrößen zu achten und beispielsweise Menschen mit Rot-Grün- oder Sehschwäche in der Wahrnehmung abzuholen.

📄 Glossarfunktion

Bei anspruchsvollen fachlichen Texten, wie es bei medizinischen Patienteninformationen der Fall ist, müssen User mit unterschiedlichstem Grad an Vorwissen abgeholt werden.

Dabei unterstützt die Glossarfunktion: Wenn man mit der Maus über ein Wort hovert, wird das Wort – ähnlich wie bei Wikipedia – genauer beschrieben. Eine Extension macht dies möglich. Jedes Glossar-Item hat eine eigene dezidierte Seite, die den einzelnen Fachbegriff oder Terminus im Detail erklären kann.

Ein Leuchtturmprojekt im medizinischen Bereich

Unsere Arbeit für das Deutsche Herzzentrum München ist beispielhaft für die Umsetzung von Design Standards in Bezug auf Barrierefreiheit, User Experience und User Engagement. Unsere Projektstruktur und Projektarbeitsweise unterstützten einen reibungslosen Projektablauf dieses spannenden WordPress-Website-Projekts.

🔥 Projekte, auf die wir stolz sind

Beispiele & Referenzen aus vergangenen Projekten