(Kommentare: 0)
Frischzellenkur für die Ergotherapie Malte Thomann: Unser Weg zum modernen, pfeilschnellen Webauftritt
Ein Website-Relaunch ist immer ein spannendes Projekt – erst recht, wenn es um eine Praxis geht, die Menschen in unserer Region wichtige Hilfestellung und schnelle Orientierung bieten soll. Vor Kurzem durften wir genau so ein Projekt begleiten: Die digitale Visitenkarte der Ergotherapie Malte Thomann in Sassnitz auf Rügen (www.ergotherapie-ruegen-sassnitz.de) hat ein komplettes technisches und optisches Upgrade erhalten.
In enger Zusammenarbeit mit den Experten der Webagentur Webinteger Webentwicklung (webinteger.dev) haben wir der Seite ein zeitgemäßes Gesicht und ein hochmodernes technologisches Fundament verpasst.
Hier nehmen wir euch mit hinter die Kulissen und zeigen, warum die alte Seite ausgedient hatte, wie das Projekt entstanden ist und mit welchen technischen Kniffen wir die Seite fit für die Zukunft gemacht haben.
Die Ausgangslage: Warum ein Relaunch nötig war
Die alte Webseite der Praxis war in die Jahre gekommen. Sie basierte auf einer älteren PHP-Struktur, was sich vor allem in langen Ladezeiten bemerkbar machte – unoptimierte Bilder und veraltete Skripte bremsten die Seite regelrecht aus. Hinzu kamen inhaltliche Baustellen wie ein veralteter Markenname und Teammitglieder, die gar nicht mehr in der Praxis aktiv waren.
Auch aus technischer Sicht gab es dringenden Handlungsbedarf:
-
Datenschutz (DSGVO): Es fehlte ein rechtskonformer Cookie-Consent, und Google Maps war ungeschützt eingebettet – ein klassischer DSGVO-Verstoß.
-
Suchmaschinenoptimierung (SEO): Strukturfehler wie mehrere H1-Überschriften pro Seite und das komplette Fehlen von strukturierten Daten machten es Google schwer, die Seite für die lokale Suche optimal zu bewerten.
Unsere Rolle: Design, Struktur und Koordination
Bei diesem Relaunch haben wir die Fäden im Hintergrund zusammengehalten. Unsere Aufgabe lag in der Design- und Koordinierungsrolle. Das bedeutet: Wir haben uns intensiv Gedanken über die neue Struktur der Seite, die Nutzerführung (User Experience) und das visuelle Konzept gemacht. Wie finden Patienten am schnellsten die richtige Therapie? Wie transportiert man die Empathie und Professionalität des Teams im Netz?
Nachdem das Konzept und das visuelle Design standen, ging es an die technische Umsetzung. Und dafür haben wir uns echte Profis an Bord geholt: Die Webagentur Webinteger hat unsere Ideen und Designs mit höchster Präzision gecodet und zum Leben erweckt.
Ein Blick unter die Haube: Das neue Tech-Stack
Webinteger hat hier ganze Arbeit geleistet und ein extrem schlankes, sicheres und zukunftssicheres System aufgebaut. Statt auf ein schwerfälliges CMS zu setzen, wurde die Seite komplett modernisiert:
-
<stron">Das Astro Framework & React: Die Seite wurde auf das hochperformante Astro Framework migriert. Astro setzt auf statische Generierung, was bedeutet, dass die Seiten blitzschnell ausliefern. Für interaktive Elemente kam React zum Einsatz.
-
Das Design-Fundament: Für das Styling wurde das CSS-Framework Tailwind CSS genutzt. Es ermöglicht maßgeschneiderte, moderne Designs ohne unnötigen Code-Ballast.
-
Gehostet bei Ionos: Die fertige, statische Seite läuft stabil und sicher auf dem bestehenden Ionos-Hosting des Kunden. Damit der Wechsel reibungslos funktionierte, wurden saubere 301-Weiterleitungen eingerichtet, damit alte Links nicht ins Leere laufen.
Die technischen Meilensteine im Detail
Das Team von Webinteger hat im Hintergrund ein paar echte Performance- und Datenschutz-Highlights verbaut:
1. Radikale Bildoptimierung (Core Web Vitals)
Bilder von den Praxisräumen und dem Team sind wichtig für das Vertrauen, dürfen die Seite aber nicht ausbremsen. Über eine automatisierte Bild-Pipeline mit dem Tool Sharp wurden Hunderte Assets in die modernen Next-Gen-Formate AVIF und WebP konvertiert. Dank des HTML5 <picture>-Tags werden für Smartphones, Tablets und Desktops jeweils exakt passende Bildgrößen in 4 Auflösungen geladen. Das Ergebnis: Keine langen Ladezeiten und keine verschobenen Layouts mehr.
2. Echte DSGVO-Konformität & smarter Cookie Consent
Datenschutz wird im Gesundheitswesen großgeschrieben. Webinteger hat ein eigenes, dynamisches Banner entwickelt, das alle Tracking-Cookies und externen Verbindungen zuverlässig abfängt. Das Highlight: Google Maps wird erst dann geladen und angezeigt, wenn der Besucher explizit seine Einwilligung erteilt hat (Opt-in Blocker). Und wer seine Meinung ändert? Über einen dezenten Fingerabdruck-Button lassen sich die Einstellungen jederzeit wieder anpassen.
3. Gezieltes lokales SEO
Damit die Praxis auf Rügen auch gefunden wird, wurde die SEO-Architektur komplett aufgeräumt. Fehlerhafte Doppel-H1-Tags wurden behoben und automatische Canonical-Tags integriert, um doppelten Content zu vermeiden. Besonders clever: Es wurden strukturierte JSON-LD-Daten nach schema.org-Standard (Typ MedicalBusiness und FAQPage) implementiert. Das hilft Google, die Praxis, die Öffnungszeiten und die angebotenen Leistungen sofort richtig zu verstehen und in den lokalen Suchergebnissen weiter oben zu platzieren.
Eine noch detailliertere Übersicht aller verwendeten Tools und Bibliotheken findet ihr direkt in der offiziellen Case Study zum Relaunch.
Das Ergebnis: Schnell, barrierearm und einladend
Die neue Website spiegelt genau das wider, was die Ergotherapie Malte Thomann ausmacht: Struktur, Herzlichkeit und Professionalität. Dank des responsive Designs funktioniert die Seite auf dem Smartphone unterwegs in Sassnitz genauso flüssig wie auf dem Desktop-Bildschirm zu Hause.
Fazit: Teamwork, das sich auszahlt
Dieses Projekt hat mal wieder gezeigt, wie viel man erreichen kann, wenn Konzept und Technik perfekt Hand in Hand gehen. Durch die Kombination aus unserer gestalterischen und koordinierenden Vorarbeit und der erstklassigen Entwicklungsarbeit von Webinteger ist eine Praxiswebseite entstanden, die nicht nur fantastisch aussieht, sondern auch technisch in der obersten Liga spielt.
Schaut am besten selbst vorbei und klickt euch durch die neue Seite: www.ergotherapie-ruegen-sassnitz.de
Wie gefällt euch das neue Design und die Geschwindigkeit der Seite? Lasst uns gerne euer Feedback in den Kommentaren da!
- Projekte
- Relaunch
- Webentwicklung
Einen Kommentar schreiben