Die neue Orphan-Drugs-Seite sollte sich durch ein cleanes, modernes Design und attraktive, informative Darstellung der Informationen auszeichnen. Was eignet sich dafür besser als ein interaktives Modul auf der Website?

Für den vfa haben wir ein 3D-Modell eines Stadions entwickelt, angelehnt an das Berliner Olympiastadion. Das Modell wurde Weiß gehalten, sodass sich die User*innen auf das Wesentliche fokussieren können. Außerdem findet sich in einzelnen Elementen das vfa-Blau wieder. 

Mit Klick auf einen Button wird eine Animation ausgelöst, bei der die Kamera durch die Öffnung des Marathontors des Stadions fliegt. Am Mittelkreis angekommen stoppt die Animation und User*innen bekommen die Möglichkeit zwischen verschiedenen seltenen Erkrankungen auszuwählen. Wählt man nun beispielsweise „Arterieller Lungenhochdruck“ wird einer der 75.000 Stadion-Plätze blau markiert. Das bedeutet: Es gibt eine betroffene Person in 75.000.

Nutzer*innen haben zudem die Möglichkeit, sich in einem in der Animation integrierten Textfeld weiter über die jeweilige Krankheit zu informieren. Außerdem gibt es die Möglichkeit, sich durch Swipen im Stadion umzusehen und zwischen einer Vogel- und 360°-Ansicht zu wechseln.

Die Animation wurde mobile-optimiert, sodass sie auch unterwegs problemlos von verschiedensten Geräten abgerufen und genutzt werden kann.

Auch Content und Struktur der bestehenden Seite wurden angepasst und aktualisiert, etwa an das bestehende vfa-Konzept für gendergerechte Sprache. Zudem wurde die vorhandene Liste seltener Krankheiten ergänzt.