Projektbericht: Physiotherapie Nicola Müller – Modernes Webdesign für ein vertrautes Umfeld

Die Inhaberin Nicola Müller beauftragte mich mit dem Neu-Design der bestehenden Praxis-Webseite. Die bisherige Seite war in die Jahre gekommen, nicht mobiloptimiert und spiegelte die Werte der Praxis nicht mehr angemessen wider.

Herausforderung

Ziel war es nicht, über die neue Webseite aktiv neue Patienten zu gewinnen, sondern die bestehende Präsenz zu modernisieren – im Einklang mit der Praxisidentität und den bekannten Farben. Auch wenn diese Farbwahl (hellgrün, rot und beige) aus gestalterischer Sicht eine Herausforderung darstellte, wurde sie bewusst übernommen und harmonisch eingebettet.

Ziele

• Modernes Redesign im Einklang mit Praxisfarben
• Vertrauenswürdiger, ruhiger Gesamteindruck
• Responsive Design für alle Bildschirmgrößen
• Leichte Auffindbarkeit wichtiger Informationen (z. B. Team, Leistungen, Kontakt)
• Subtile Scroll-Animationen zur Belebung der Seite

Tech-Stack & Architektur

Die technische Umsetzung basiert auf einem reduzierten und performanten Stack:

• Astro als static Site Generator
• Tailwind CSS für das responsive Layout und individuelle Gestaltung
• AOS (Animate on Scroll) für dezente Scrollanimationen
• JavaScript für kleine interaktive Features
• Docker für Containerisierung
• GitHub CI/CD zur automatisierten Bereitstellung bei Code-Änderungen

Umsetzung

🎨 Design mit Feingefühl

Die Seite wurde in enger Abstimmung mit der Inhaberin konzipiert. Trotz der komplexen Farbpalette wurde ein ruhiges, freundliches Design geschaffen, das Vertrauen ausstrahlt und sich klar an den Bedürfnissen der Zielgruppe orientiert: Menschen jeden Alters.

🔧 Technisch sauber und wartbar

Der Einsatz von Astro ermöglicht hervorragende Performance und sorgt für schlanken Code. Die gesamte Struktur ist modular aufgebaut – Änderungen können schnell umgesetzt werden, ohne auf komplexe CMS-Lösungen zurückgreifen zu müssen.

📱 Responsive & zugänglich

Ob Smartphone, Tablet oder Desktop – die Seite passt sich flexibel an und bietet überall dieselbe klare Navigation. Kontaktinformationen sind jederzeit schnell erreichbar, und auch an eine barrierearme Gestaltung wurde gedacht.

✨ Animiert, aber dezent

Durch AOS werden Texte und Sektionen sanft eingeblendet, ohne von den Inhalten abzulenken. Die Bewegungen verleihen der Seite Dynamik, ohne aufdringlich zu wirken.

🚀 Deployment mit Docker & GitHub Actions

Die gesamte Seite wird bei jeder Änderung automatisch auf dem Server aktualisiert – inklusive automatischer Builds und sauberem Deployment-Flow per CI/CD.

Ergebnis

Eine moderne Praxis-Webseite, die Klarheit, Vertrauen und Professionalität ausstrahlt. Sie unterstützt das Tagesgeschäft, informiert Bestands- und potenzielle Patienten und passt sich nahtlos an jedes Endgerät an.

„Das neue Design unserer Webseite entspricht genau dem, was wir uns vorgestellt haben – freundlich, übersichtlich und modern.“
— Nicola Müller, Inhaberin der Praxis

Fazit

Das Projekt zeigt, wie man auch mit gestalterisch herausfordernden Vorgaben ein überzeugendes Ergebnis erzielen kann – durch durchdachtes Design, klare Struktur und moderne Webtechnologien. Die neue Seite ist ein Paradebeispiel für ein gelungenes Redesign ohne funktionalen Overhead.

Wenn auch du deiner Webseite neuen Glanz verleihen willst – ich freue mich auf deine Nachricht.