Dieses Webdesign-Projekt wurde für die Physiotherapeutin Fabienne Sotelsek entwickelt, die Anfang 2025 ihre eigene Praxis in Dornbirn eröffnete. Ziel war es, eine responsive, persönliche und empathische Webseite zu schaffen, die Fabiennes ganzheitlichen Therapieansatz im Bereich Frauengesundheit klar kommuniziert. Die Webseite sollte insbesondere Vertrauen bei potenziellen Patientinnen aufbauen, eine intuitive Navigation bieten und die unkomplizierte Möglichkeit zur Online-Terminvereinbarung bereitstellen. Das gesamte Projekt wurde in enger Zusammenarbeit zwischen November 2024 und Januar 2025 umgesetzt. Besonderer Wert wurde dabei auf eine enge Abstimmung mit Fabienne gelegt, um ihre Werte und Persönlichkeit authentisch widerzuspiegeln.
Methodische Grundlagen: Design Thinking
Im Zentrum des Designprozesses stand eine tiefgehende Analyse der Zielgruppe, insbesondere Frauen in verschiedenen sensiblen Lebensphasen wie Schwangerschaft, Geburt, postnatale Betreuung sowie bei gesundheitlichen Beschwerden rund um die Beckenbodentherapie. Durch den Einsatz etablierter Design-Thinking-Methoden wie Personas, User Journey Mapping, Empathy Maps sowie intensiver Zielgruppeninterviews wurde ein fundiertes Verständnis der emotionalen und funktionalen Bedürfnisse der Nutzerinnen gewonnen.
Diese Erkenntnisse ermöglichten es, präzise gestalterische Leitprinzipien zu entwickeln: Die Webseite sollte Vertrauen aufbauen, emotionale Nähe vermitteln und gleichzeitig durch höchste Klarheit und Benutzerfreundlichkeit überzeugen. In iterativen Designzyklen entstanden zunächst Skizzen und Wireframes, die anschließend zu klickbaren Prototypen weiterentwickelt wurden. Diese Prototypen wurden wiederholt getestet, wodurch kontinuierliche Optimierungen der Nutzererfahrung möglich waren. Durch gezielte Nutzer-Feedback-Schleifen konnten Schwachstellen frühzeitig erkannt und behoben werden, was zu einer konsistenten Verbesserung der Gesamtqualität beitrug.
Gestalterisches Konzept und Corporate Design
Die visuelle Strategie verfolgt einen minimalistischen, zugleich aber warmen und vertrauensvollen Ansatz, der optimal auf die Bedürfnisse der Zielgruppe abgestimmt ist. Die Farbpalette wurde sorgfältig ausgewählt, um eine emotional unterstützende Wirkung zu erzielen: Die Primärfarbe Beige (#FFF1E7) bildet eine ruhige und harmonische Basis. Der sekundäre Farbton, ein tiefes Blau (#283851), kommt vereinzelt als Hintergrundfarbe zum Einsatz, um Professionalität und Tiefe zu unterstreichen. Akzentuiert wird diese Palette durch ein bewusst zurückhaltendes, tiefes Rot (#C24444), das dezent wichtige Interaktionselemente hervorhebt, ohne dabei warnend oder störend zu wirken.
Ein zentraler Aspekt der visuellen Kommunikation war die bewusste Entscheidung gegen generische Stockfotos. Stattdessen wurden ausschließlich authentische, persönliche Aufnahmen von Fabienne Sotelsek verwendet. Diese Bilder wurden stilistisch harmonisiert und farblich abgestimmt, um eine einheitliche und vertrauensvolle Atmosphäre zu erzeugen, welche die persönliche Note und Empathie Fabiennes unterstreicht.
Typografisch wurde bewusst mit Kontrasten gearbeitet: Für Überschriften wurde die Serifenschrift Marcellus gewählt, die Seriosität und Eleganz vermittelt, während der Fließtext mit der modernen und klaren Sans-Serif-Schrift League Spartan Light gestaltet wurde. Diese Kombination sorgt für eine angenehme Lesbarkeit und unterstützt eine klar strukturierte Informationsvermittlung. Zusätzliche grafische Elemente wie Icons und Illustrationen wurden ebenfalls minimalistisch und fein abgestimmt gestaltet, um die Gesamtästhetik stimmig zu ergänzen.
Nutzerführung und UX-Gestaltung
Die nutzerzentrierte Gestaltung und klare Nutzerführung standen im Mittelpunkt der Umsetzung. Alle Inhalte der Webseite wurden bewusst einfach strukturiert, um eine optimale Orientierung zu gewährleisten. Übersichtliche Überschriften, prägnante Texte sowie eindeutige Call-to-Actions führen die Nutzerinnen zielgerichtet durch die Seite. Sensible Themen, beispielsweise Schwangerschaftsbegleitung und Beckenbodentherapie, wurden sorgfältig, empathisch und zugleich fachlich präzise präsentiert, um die Patientinnen emotional abzuholen und ihnen gleichzeitig fundierte Informationen zu bieten.
Ein wesentlicher Bestandteil der Webseite ist die Online-Terminvereinbarung, die über die Plattform appointmed.com realisiert wurde. Diese externe Lösung ermöglichte eine nahtlose Integration in die vorhandene Praxissoftware und optimiert dadurch den organisatorischen Ablauf, reduziert administrativen Aufwand und verbessert insgesamt die Nutzerfreundlichkeit für die Patientinnen. Zudem wurde der gesamte Buchungsprozess auf Einfachheit und intuitive Bedienbarkeit hin optimiert.
Technische Herausforderungen und kreative Lösungen
Die technische Umsetzung mit dem Baukastensystem Wix brachte spezifische Herausforderungen mit sich, besonders im Bereich der responsiven Darstellung. Wix bietet standardmäßig nur zwei Ansichten – Desktop und Smartphone – ohne flexible Breakpoints oder fortschrittliche Layout-Tools wie Flexbox oder CSS Grid. Um trotz dieser Einschränkungen eine hochwertige und konsistente Nutzererfahrung sicherzustellen, wurden kreative manuelle Anpassungen und gezielte Layoutentscheidungen getroffen.
Ein besonderer Schwerpunkt lag auf einer dynamischen und nahtlosen Nutzererfahrung: Die Unterseiten wurden technisch so umgesetzt, dass diese beim Navigieren vorgeladen werden, wodurch ein kompletter Seiten-Refresh entfällt. Diese Methode schafft eine flüssige und angenehme Bedienbarkeit und verbessert die Wahrnehmung der Webseite erheblich. Zusätzlich wurden Ladezeiten durch optimierte Bildgrößen und schlanke Dateistrukturen weiter reduziert.
Fazit und Ausblick
Durch eine gründliche, methodisch fundierte Planung und kreative technische Lösungen entstand eine professionelle, authentische und umfassend nutzerzentrierte Webseite, die optimal auf Fabienne Sotelseks Zielgruppe abgestimmt ist. Trotz der Restriktionen der Wix-Plattform konnten die gestalterischen und technischen Ziele konsequent erreicht werden.
Die entstandene Webseite stärkt Fabiennes digitale Präsenz nachhaltig und bietet ihren Patientinnen eine ansprechende, zuverlässige Plattform zur Interaktion und Terminvereinbarung. Zukünftige Erweiterungen, etwa zusätzliche inhaltliche Angebote oder funktionale Ergänzungen, sind aufgrund des klaren gestalterischen Fundaments unkompliziert möglich.