Diese massgeschneiderte Web-App unterstützt Rheumatologinnen und Rheumatologen effizient bei der Behandlung ihrer Patientinnen und Patienten. Durch ein klares Design und eine intuitive Struktur wird medizinisches Wissen direkt im Praxisalltag zugänglich gemacht.
Für die Vermittlung von medizinischem Fachwissen im Bereich der Rheumatologie sollte eine neue Web-Applikation entstehen. Die Anwendung richtet sich gezielt an Fachärzte, um diese vor der Behandlung zu unterstützen. Bisherige Inhalte lagen teilweise in einer veralteten App sowie in statischen PDF-Formaten vor. Es galt, diese bestehenden Ressourcen zu konsolidieren und in ein zeitgemässes digitales Format zu überführen. Das Projekt erforderte eine präzise Verknüpfung von medizinischen Inhalten mit einer modernen Benutzeroberfläche.
Logo und App-Icon
Das primäre Ziel war es, den Kunden rasch von der visuellen Identität und der strukturellen Logik der App zu überzeugen. Die Benutzeroberfläche musste so konzipiert werden, dass Ärzte die benötigten Informationen im stressigen Praxisalltag schnell erfassen können. Zudem stand die Optimierung für mobile Endgeräte im Vordergrund, da die Nutzung oft spontan zwischen Behandlungen erfolgt. Bestehende Medien wie Videos und Bilder sollten effizient wiederverwendet und harmonisch integriert werden. Letztlich ging es darum, ein Werkzeug zu schaffen, das die tägliche Arbeit der Fachpersonen spürbar erleichtert.
Eine zentrale Schwierigkeit lag in der visuellen Ausrichtung und der Definition der passenden Farbwelt. Es galt abzuwägen, ob das Design eher in Richtung Rheuma Schweiz gehen sollte oder Eigenständig sein kann. Um keinen Aufwand für den Papierkorb zu betreiben, musste eine flexible Lösung für die Präsentation des Designs gefunden werden. Eine weitere Hürde stellte die Integration von Inhalten der Sponsoren dar, die klar von den wissenschaftlichen Daten getrennt werden mussten. Schliesslich mussten die Erwartungen des Kunden bezüglich der Übernahme von unpraktischen PDF-Dokumenten konstruktiv umgelenkt werden.
In Figma wurden flexible Varianten aufgesetzt, bei denen die visuelle Ausrichtung über einen zentralen Hebel direkt umgeschaltet werden konnte. Die Benutzeroberfläche wurde mit grossen, leicht klickbaren Schaltflächen konzipiert, was die mobile Handhabung stark optimiert. Alle Icons wurden für die App angepasst und perfekt auf das visuelle Erscheinungsbild abgestimmt. Für Desktop-Geräte wurde eine übersichtliche Seitennavigation implementiert, während auf Smartphones eine reduzierte Navigation am unteren Bildschirmrand platziert ist. Diese mobile Variante fokussiert sich direkt auf die Kernbereiche der klinischen Untersuchung und Injektion.
Die Startseite noch ohne Inhalt und Bilder
Navigation und unterschiedliche UI-Elemente
Fertige Screens mit Inhalt
Selbserklärende Icons für die App
Modes für unterschiedliche Moods
Die Abteilung des Geldgebers erhielt eine eigenständige Markenfarbe, um sich optisch klar von den medizinischen Inhalten abzugrenzen. Statt der vom Kunden gewünschten PDFs für Bestellungen wurde ein vollkommen digitales Bestellformular entwickelt. Da es sich um sensible medizinische Inhalte handelt, wurde ein geschützter Anmeldebereich für verifizierte Ärzte integriert. Der Zugang wird dabei streng an den Namen, die Adresse und die entsprechende Lizenz gekoppelt.
Separater Teil für den Geldgeber
Mit wenigen Klicks einfach und schnell Bestellt
Das Resultat ist eine funktionale und optisch ansprechende Web-App für den medizinischen Fachbereich. Vorhandene Inhalte sowie Videos und Bilder konnten erfolgreich migriert und leicht angepasst werden. Die Struktur erlaubt es den Rheumatologinnen und Rheumatologen, benötigte Informationen fehlerfrei und ohne Zeitverlust abzurufen. Der Kunde wurde durch die agile Design-Methode und das klare Layout vollkommen überzeugt.