Strategie & Beratung
Strategieworkshop als Projektstart
Ausgangspunkt für die Erstellung des Webseitenkonzeptes war ein interaktiver Onlineworkshop, in dem gemeinsam mit den involvierten Entscheidungsträgern und Projektverantwortlichen eine Strategie für die Webseite erarbeitet und abgestimmt wurde.
Basierend auf den Zielen, Zielgruppen und wichtigsten Anwendungsfällen der Webseite wurde auch offensichtlich, für welche Tätigkeiten auf der Webseite besonders gut durchdachte gestalterische Lösungen gefunden werden müssten.
Funktionalität und Gestaltung
UX Design und Wireframing
Der strategische Kick-off des Projekts bildete die Grundlage für die dann folgenden Überlegungen zur Informationsarchitektur und dem funktionellen Design der Webseite.
So wurde bspw. eine Praxissuche entwickelt, mit der sowohl Patienten als auch Zuweiser und andere Interessensgruppen schnell und unkompliziert Informationen zu einer Praxis finden und diese kontaktieren können. Da erfahrungsgemäß viele Patienten unterwegs auf die Praxisdaten zugreifen würden, kam der responsiven und performanceoptimierten Ausrichtung der Webseite von Anfang an eine hohe Priorität zu.
UI Design und Designsystem
Das Design für die neue Webseite sollte auf Grundlage der bestehenden Corporate Identity des MedVZ Leipzig entwickelt werden. Logo, Farben und Schriften sowie die charakteristischen Bögen wurden daher übernommen und für die Verwendung auf der responsiven Webseite angepasst.
Um ein einheitliches Design auf der Webseite zu gewährleisten, wurde ein erweiterbares Designsystem angelegt, in dem alle Designelemente (z. B. Buttons in verschiedenen Varianten, Bögen), Farbwerte, Schriften und Icons übersichtlich erfasst wurden.
Die Webseite
Inhalte
- Einheitliches Look & Feel der Webseite in allen Bereichen.
- Praxissuche mit Filter- und Kartenfunktion zum schnellen Auffinden von Praxen und Ärzten.
Praxisdetailseite, Praxissuche und die jeweiligen Praxiskarten ziehen ihre Daten aus einem Verzeichnissystem, so dass die Redaktion der Webseite und Änderungen mit geringem Aufwand verbunden sind.
Mobile Navigation
Die Navigation auf mobilen Geräten soll möglichst selbsterklärend und leicht bedienbar sein.
Bereits in einer frühen Phase des Wireframings hatte es einen ersten Entwurf für die mobile Navigation gegeben. Nach Nutzertests, Anpassungen des Wireframings und dem anschließenden Entwurf des UI Designs entstand die finale Variante, die gemäß dem CI des MedVZ Leipzig das Logo-Blau aufgreift:
- Wiedererkennbare Icons mit zusätzlicher Beschriftung
- Ausreichend großer Klickbereich für gute Erreichbarkeit
- Hervorgehobenes Icons für die Praxissuche
- Das sehr reduzierte Hauptmenü klappt sich aus. So kann sich der Nutzer ablenkungsfrei auf die Navigation konzentrieren.
- Das Inhaltsverzeichnis bei langen Seiten ist in der mobilen Varianten klar als Button für die Navigation erkennbar.
Informationen für Patienten
Umfangreiche Informationen zu einzelnen Diagnosen und Behandlungssschwerpunkten bieten erste unverbindliche Informationen für Patienten.
