04 · Freelance · Senior UX Designerin
Redesign Frauenarztpraxis: von der Textwand zum klaren Weg
Eine Praxis-Website, auf der Patientinnen in Sekunden finden, was sie brauchen – Termin, Sprechzeiten, Anfahrt. Ich habe sie von der Informationsarchitektur über UX und UI bis zur Umsetzung im Website-Baukasten neu gestaltet.
Ausgangslage
Die alte Website war eine langer One-Pager. Alles, was Patientinnen wirklich brauchen – Sprechzeiten, Telefonnummern, Spezialsprechstunden, Hinweise für Neupatientinnen – stand in einer schmalen Textspalte am Rand.
Die großen Flächen gehörten Bildern ohne Botschaft: dem Empfangstresen und einem Luftbild des Campus. Auf dem Smartphone wurde die Seitenspalte zur endlosen Textwand.
Sprechzeiten, Kontakt und Hinweise teilen sich eine schmale Spalte neben großen Bildern.
Sechs Spezialsprechstunden und drei Telefonnummern stehen gleichrangig als Fließtext untereinander.
Die Online-Buchung steckt in einem Hinweistext; der Button erscheint erst ganz unten auf der Seite.
Die Desktop-Spalten stapeln sich mobil zu einer langen Seite, in der man scrollen und suchen muss.
Meine Rolle
Von der ersten Abstimmung bis zur technischen Umsetzung – UX-Konzeption, visuelles Design, Kundenkommunikation und Projektmanagement in einer Hand.
- Kundenbetreuung & Projektmanagement
Abstimmungen, Anforderungen, Präsentationen - Auswahl des Website-Systems
Baukästen recherchiert und bewertet - UX-Konzeption & IA
Intuitive Navigationsstruktur - Corporate & Visual Design
Neues Erscheinungsbild der Praxis - Prototyping
Interaktive Prototypen zur Abstimmung - Responsive Interaction Design
Flows für Desktop und Mobile - Technische Umsetzung
Realisierung und Pflege mit Wix
Prozess
Leitfrage: Welche Informationen müssen Patientinnen schnell finden – vor allem unterwegs auf dem Smartphone?
- 1Anforderungen klärenGespräche mit der Praxis: Welche Fragen stellen Patientinnen am Telefon immer wieder? Welche Abläufe und Pflichtangaben gibt es?
- 2Inhalte priorisierenAlle bestehenden Inhalte erfasst und nach Dringlichkeit sortiert: Termin, Sprechzeiten, Kontakt und Anfahrt zuerst, Praxisprofil und Team danach.
- 3Struktur neu aufbauenAus einer langen Seite wurden klare Bereiche mit eigener Navigation – Sprechzeiten, Leistungen, Team, Anfahrt.
- 4System wählenBaukästen evaluiert: Das System musste die Gestaltung tragen und der Praxis erlauben, Inhalte selbst zu pflegen.
- 5Mobile first entwerfenWireframes und Prototypen zuerst fürs Smartphone, danach für Desktop – abgestimmt in kurzen Feedbackschleifen mit der Praxis.
- 6Design System ableitenFarben, Schriften und Bausteine als kleines System festgelegt – damit jede neue Seite und jeder Hinweis der Praxis konsistent aussieht.Zum Design System ↓
- 7Gestalten & umsetzenVisuelles Design direkt im System umgesetzt und iterativ verfeinert – inklusive Übergabe an die Praxis für die eigene Pflege.
Schritt 6 · Design System
Eine CI, die Ruhe und Vertrauen ausstrahlt
Aus der neuen Gestaltung habe ich ein kompaktes System abgeleitet: eine kräftige Pflaumenfarbe als Anker, sanfte Malve- und Blautöne für Flächen und eine leichte, gut lesbare Sans-Serif. So bleibt die Website konsistent, auch wenn das Praxisteam selbst Inhalte ergänzt.
Farben
Kopfleiste, Icons, Akzenttitel
Aktuelle Hinweise, Änderungen
Karten, Buttons, Footer
Teamkarten der Ärztinnen
Seitentitel-Band
Sektionshintergründe
Typografie
Bausteine
bitte beachten Sie die geänderten Öffnungszeiten in den Ferien.
Was sich verändert hat
Drei Bereiche zeigen, wie aus einer Informationssammlung eine Website wurde, die Patientinnen durch ihr Anliegen führt.
A Menschen statt Räume
Statt Empfangstresen und Luftbild begrüßen jetzt die Ärztinnen selbst – mit Foto, Fachrichtung und Link zum Profil. Telefon und Online-Termin stehen dauerhaft in der Kopfleiste, eine eigenständige Farbwelt gibt der Praxis ein klares Gesicht.
B Sprechzeiten & Termin mobil zuerst
Aus der Textspalte wird ein eigener Sprechzeiten-Bereich: Zeiten als klare Tabelle, aktuelle Änderungen farbig hervorgehoben, darunter ein direkter Weg zur Terminvergabe. Mobil führen Menü, große Touch-Flächen und ein schwebender Kontakt-Button schnell ans Ziel.
C Team nahbar statt Listen
Vorher standen Qualifikationen und Mitgliedschaften als lange Listen unter uneinheitlichen Fotos. Jetzt steht der Mensch im Vordergrund: einheitliche, freundliche Porträts in einem klaren Raster, Name und Funktion auf einen Blick. Die Ärztinnen sind farblich hervorgehoben, ihre Details öffnen sich erst über „Profil anschauen“. Telefon und Online-Termin bleiben über die Kopfleiste jederzeit erreichbar.
Eine barrierearme, mobile Website, auf der Patientinnen ihr Anliegen schnell erledigen – und die die Praxis selbst aktuell hält.
Sprechzeiten, Hinweise und Leistungen pflegt das Praxisteam heute eigenständig im Baukasten. [OPTIONAL: Feedback der Praxis oder Effekt, z. B. weniger Anrufe zu Sprechzeiten]
Technik früh einbeziehen
Die Wahl des Baukastens bestimmt, welche Lösungen sinnvoll und langfristig pflegbar sind.
Konsequent mobile first
Patientinnen suchen Sprechzeiten, Kontakt, Anfahrt oder Termine. Kurze Wege schlagen große Präsentation.
Flexible Content-Strukturen
Was sich oft ändert, muss leicht pflegbar sein – so bleibt die Website aktuell und der Aufwand gering.
Die ganze Startseite im Überblick
