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 Mitarbeitern 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

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 schlagweisen Ablöse der bestehenden Website die Verarbeitung der riesigen Menge an Content – mit dem Ziel, diesen möglich übersichtlich und einfach für Patienten 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 Ärzte und Forschungsgruppen und ihrer Positionen im medizinisch-wissenschaftlichen Fachdiskurs

Um alle Projekt-Anforderungen möglichst gut abzuholen, haben im Vorfeld zwei Workshops mit stattgefunden.

Der erste Workshop diente dazu, um zum einen gemeinsam mit dem Kunden Annahmen zu testen und Personas zu entwickeln, und zum anderen Input aufzunehmen, der die Grundlage für das erste Design bot.

In einem zweiten Workshop konnten wir die Ergebnisse aus dem ersten Workshop und das Design vorstellen und anhand der Feedbacks dann in die richtige Form für die Umsetzung bringen. Die Website wurde dann innerhalb eines Jahres implementiert und mit in einem Team von 12 Personen umgesetzt. 

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, haben wir ein logarithmisch wachsendes Spendenherz entwickelt. Die Spendermechanik ist gleichzeitig simpel und intuitiv: Das Spendenherz wächst im Verhältnis zum Spendenbetrag und pulsiert bei einer Spende ab 1.000 €. Die Daten des Spenders werden über eine verschlüsselte SSL (Secure-Socket-Layer) Internet-Verbindung übertragen und sind zu jedem Zeitpunkt sicher.

👍 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, muss sichergestellt werden, dass man User mit unterschiedlichstem Grad an Vorwissen abholt. Dabei unterstützt die Glossarfunktion: Wenn man mit der Maus über ein Wort hovert, wird das Wort – ähnlich wie bei Wikipedia – genauer beschrieben. Im Hintergrund macht dies eine Extension möglich – jedes Glossar-Item hat eine eigene dezidierte Seite, die den einzelnen Fachbegriff oder Terminus im Detail erklären kann, was im Fließtext sonst zu Satz-Verschachtelungen, Textwüsten und somit schwierigere Lesbarkeit führen würde.

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