Min Bui
CRO-Stratege
Inhaltsverzeichnis:
Projektübersicht
die DERMATOLOGIE ist eine Privatpraxis für Dermatologie und Ästhetik in Leipzig. Allgemeine Dermatologie, ästhetische Medizin und Lasermedizin treffen hier auf einen gemeinsamen Anspruch: medizinische Präzision, moderne Technologien und persönliche Beratung. Bei ästhetischen Behandlungen legt die Praxis Wert auf natürlich wirkende Ergebnisse, die zur individuellen Person passen.
Für die Website bestand die Aufgabe deshalb nicht nur darin, einen hochwertigen digitalen Auftritt zu gestalten. Die Vielzahl unterschiedlicher Leistungen musste so strukturiert und miteinander verbunden werden, dass Patientinnen und Patienten einen Einstieg in ihr Anliegen finden, die ärztliche Expertise kennenlernen und einen passenden nächsten Schritt erkennen können.
UXphoria verantwortete Website-Konzeption, Informationsarchitektur, UX/UI Design, Responsive Design und die Umsetzung in Framer. Recherche und UX-Strategie flossen in die Strukturentscheidungen ein.
Projekt: Website für eine private Dermatologiepraxis
Branche: Dermatologie / Ästhetische Medizin / Private Healthcare
Standort: Leipzig
Plattform: Framer
Von medizinischem Angebot zu verständlicher Struktur
Zu Beginn prüften wir die bestehende Website auf Benutzerfreundlichkeit und Struktur. Anschließend untersuchten wir, wie Patientinnen und Patienten dermatologische Leistungen suchen, bewerten und auswählen. Diese Fragen bildeten die Grundlage für die Informationsarchitektur und die wichtigsten Wege durch die Website.
Niemand sollte zuerst die interne Struktur der Praxis verstehen müssen, um relevante Informationen zu finden.
Daraus entstand eine Navigation mit vier Bereichen. Allgemeine Dermatologie bündelt Vorsorge, Diagnostik und medizinische Behandlungen. Ästhetik führt zu ästhetisch-medizinischen Verfahren. Lasermedizin bildet einen eigenen Leistungsbereich. Unter Praxis stehen Ärzte, Preise, Öffnungszeiten, Kontakt und weitere organisatorische Informationen.
Die ausführlichen Erklärungen liegen auf den jeweiligen Leistungsseiten. So bleibt die oberste Navigation nach Bereichen gegliedert, während einzelne Behandlungen genügend Raum für ihre eigenen Inhalte erhalten.
Vertrauen entsteht nicht in einem einzelnen Abschnitt
Deshalb wurden Behandlungsinformationen, ärztliche Expertise, Preisorientierung und Terminzugang als zusammenhängende Bestandteile der Website geplant.
Die Arztprofile machen Ausbildung, Schwerpunkte und fachliche Haltung zugänglich. Im Profil von Dr. med. Johannes Kohlmann stehen beispielsweise sein beruflicher Werdegang, seine dermatologischen Schwerpunkte und seine persönliche Behandlungsphilosophie nebeneinander.
Die Preisseite der Praxis ergänzt diese Informationen um eine konkrete Unterscheidung: Gesetzlich Versicherte besuchen die Privatpraxis als Selbstzahler, während Privatpatienten nach GOÄ abgerechnet werden. Für ausgewählte Leistungen sind Orientierungspreise veröffentlicht, weitere Behandlungskosten werden individuell im Beratungsgespräch erläutert.
Für die Informationsstruktur war wichtig, diese unterschiedlichen Situationen sichtbar zu machen, statt sämtliche Kostenfragen unter einer allgemeinen Aussage zu transparenten Preisen zusammenzufassen.
Content, der Orientierung schafft
Medizinische Inhalte müssen fachlich korrekt bleiben und gleichzeitig für Menschen funktionieren, die keine Fachsprache gewohnt sind.
Überschriften, Einführungstexte, Leistungsbeschreibungen, FAQs und CTAs wurden deshalb als Bestandteile derselben Informationsarchitektur betrachtet. UXphoria strukturierte und priorisierte die Inhalte innerhalb des UX/UI-Systems. Medizinische Aussagen, Behandlungsentscheidungen und die fachliche Freigabe blieben bei der Praxis.
Die leitende Frage war:
Was müssen Patientinnen und Patienten an diesem Punkt verstehen, bevor die nächste Entscheidung sinnvoll wird?
Ein konkretes Beispiel ist die Seite zur Hautkrebsvorsorge. Die klassische Untersuchung mit Dermatoskop und die Variante mit Fotodokumentation und KI-Analyse werden in getrennten Abschnitten beschrieben. Die jeweiligen Preisangaben für gesetzlich Versicherte stehen direkt bei der zugehörigen Erklärung.
Damit liegen Leistungsbeschreibung und Preisorientierung innerhalb derselben Seite. Die Gestaltung stellt die Angebote nebeneinander dar, ohne die individuelle ärztliche Entscheidung vorwegzunehmen.
Ein visuelles System zwischen Klinik und Ästhetik
Die Praxis bewegt sich zwischen medizinischer Dermatologie und ästhetischer Medizin. Das Design sollte keinen dieser Bereiche visuell dominieren lassen.
Eine ausschließlich klinische Anmutung hätte die ästhetische Seite der Praxis nicht vollständig abgebildet. Eine rein kosmetische Inszenierung war ebenso wenig das Ziel.
Die entwickelte Gestaltung arbeitet deshalb mit einer ruhigen, reduzierten Sprache: klare Typografie, großzügige Flächen, kontrollierte Bildkompositionen und ein konsistentes Grid. Bild, Überschrift und Behandlungstext erhalten eine wiederkehrende Ordnung.
Das visuelle System gibt medizinischen Informationen Raum und trägt zugleich den hochwertigen, persönlichen Charakter der Praxis.
Ein System für Desktop und Mobile
Desktop und Mobile basieren auf derselben Informationsarchitektur, werden aber entsprechend der verfügbaren Fläche unterschiedlich komponiert.
Die nebeneinander angeordneten Leistungskarten der Desktopansicht stehen mobil untereinander. Bildflächen, Textbreiten und Abstände wurden für die jeweilige Darstellung angepasst. Die Desktop- und Mobile-Ansichten zeigen diese Unterschiede innerhalb derselben Gestaltungssprache.
Besonders wichtig waren die Einstiege in die Leistungen und der Weg zur Terminvereinbarung. Die responsive Gestaltung unterstützt diese Aufgaben auch auf kleineren Bildschirmen, statt lediglich die Desktopansicht zu verkleinern.
Design und Entwicklung in einem zusammenhängenden System
Da UXphoria neben Konzeption und Design auch die Umsetzung in Framer verantwortete, konnten Informationsarchitektur, responsives Verhalten und visuelle Details bis in die Umsetzung hinein aufeinander abgestimmt werden.
Die bestehenden Kontaktwege der Praxis wurden in der Nutzerführung sichtbar eingebunden. Für Onlinebuchungen verweist die Website auf Doctolib, Terminanfragen sind außerdem per E-Mail möglich. Die technische Verantwortung für das externe Buchungssystem selbst ist nicht Bestandteil dieser Case Study.
Die Website verbindet damit die Darstellung der Leistungen mit Arztinformationen, Preisorientierung und Kontaktmöglichkeiten in einem durchgängigen digitalen Auftritt.
die DERMATOLOGIE online
Die Website und das aktuelle Leistungsspektrum können direkt bei der Praxis angesehen werden.
die DERMATOLOGIE besuchen
Sie planen eine Website mit komplexen Leistungen?
UXphoria entwickelt Websites, bei denen Informationsarchitektur, UX/UI und technische Umsetzung aus der jeweiligen Aufgabe heraus geplant werden. Dabei geht es besonders um erklärungsbedürftige Angebote, relevante Vertrauensfragen und einen nachvollziehbaren nächsten Schritt für Besucher.
