Case Studies ·Gesundheit & Psychotherapie

Eine schnelle, ruhige Website für eine internationale Psychotherapie-Praxis in Berlin.

Mittelweg 50 ist seit 2018 eine feste Adresse für internationale Klient:innen in Berlin. Wir haben die bestehende Website übernommen, das Hosting von Heroku auf Netlify umgezogen und die Seite anschließend spürbar schneller, zugänglicher und leichter pflegbar gemacht. Die Optik blieb vertraut, aber Bilder, Skripte, Kontaktformular, Karte und Therapeuten-Profile wurden so refreshed, dass Interessierte schneller Vertrauen fassen und leichter die passende Person finden.

Kunde
Mittelweg 50
Standort
Berlin
Status
Übernommen, von Heroku auf Netlify umgezogen und seit 2023 kontinuierlich betreut
Website
mittelweg50.com
Über das Profil-Raster finden Interessierte den passenden Therapeuten oder die passende Therapeutin nach Sprache und Ansatz.

Mittelweg 50 bestand bereits, als wir das Projekt übernommen haben. Unsere Arbeit begann mit Stabilisierung und Hosting-Migration von Heroku auf Netlify und führte anschließend über mehrere Refresh-Runden zu besserer Performance, Barrierefreiheit und Wartbarkeit. Der hier gezeigte Performance- und Accessibility-Pass stammt aus Mai 2026 und wurde ohne sichtbare Designänderung umgesetzt.

PageSpeed Desktop

99 / 100

Google PageSpeed Insights, Leistungsbewertung der Startseite nach dem Refresh. Vorher lag der Wert bei 56.

PageSpeed Mobile

91 / 100

Mobile Leistungsbewertung nach dem Refresh. Vorher lag der Wert bei 48, also im roten Bereich.

SEO-Score

100 / 100

Sowohl mobil als auch am Desktop. Vorher lag der Wert bei 61, relevant für Anfragen wie englischsprachige Therapie in Berlin oder Psychotherapie in Neukölln.

Therapie-Sprachen

6+

Englisch, Deutsch, Italienisch, Schwedisch, Türkisch und weitere Sprachen sind auf den Profilen sichtbar ausgewiesen.

Ausgangslage

Eine etablierte Praxis, deren Website Stabilität, Vertrauen und Geschwindigkeit verbinden musste.

Mittelweg 50 betreut seit 2018 ein internationales Klientel aus Berlin und darüber hinaus. Wer eine Therapie sucht, kommt meist in einer schwierigen Lebensphase auf die Seite und entscheidet in wenigen Minuten, ob sich der nächste Schritt richtig anfühlt.

Als wir das Projekt übernommen haben, war die Website inhaltlich gut aufgestellt: ausführliche Therapeuten-Profile in mehreren Sprachen, klare Beschreibung der Ansätze und ein persönlicher Ton. Technisch hatte sich über die Jahre einiges aufgestaut: Heroku-Hosting, nicht optimierte Bilder, ein blockierender Skript-Stack und ein mobiler PageSpeed-Score von 48. Das war ein direktes Risiko für Sichtbarkeit, Vertrauen und Erstkontakt.

Projektziele

Worauf die Plattform einzahlen musste.

  • Das bestehende Projekt sauber übernehmen und den laufenden Praxisbetrieb nicht stören.
  • Das Hosting von Heroku auf Netlify umziehen, damit Auslieferung und Betrieb einfacher werden.
  • Den Look der bestehenden Website unverändert lassen, damit gewachsenes Vertrauen nicht riskiert wird.
  • Die Seite spürbar schneller machen, besonders mobil, wo viele Anfragen entstehen.
  • Die Seite für Hilfstechnologien zugänglicher machen, damit niemand am Eingang scheitert.
  • Die Inhaltspflege der Therapeuten-Profile niedrigschwellig halten.

Übernahme & Migration

Erst stabilisieren, dann verbessern.

Der erste Schritt war nicht der große Relaunch, sondern eine ruhige Übernahme. Wir haben die bestehende Codebasis analysiert, Abhängigkeiten geprüft und das Hosting von Heroku auf Netlify umgezogen. Dadurch wurde der Betrieb einfacher, statische Inhalte konnten besser zwischengespeichert werden und das Praxisteam musste sich nicht mit Serverpflege beschäftigen.

Wichtig war dabei, dass die Website während der Umstellung verlässlich erreichbar blieb. Für Besucherinnen und Besucher sollte sich nichts riskant oder unfertig anfühlen. Die technische Basis wurde ausgetauscht, ohne die gewohnte Außenwirkung der Praxis zu verändern.

  • Bestehendes Projekt übernommen und technische Risiken sichtbar gemacht.
  • Hosting von Heroku auf Netlify migriert.
  • Auslieferung statischer Inhalte vereinfacht und stabilisiert.
  • Grundlage für Performance-Refresh und laufende Betreuung geschaffen.
Karte und Kontaktformular werden erst geladen, wenn sie sichtbar werden. Das spart Datenvolumen und beschleunigt den Seitenstart.

Refresh Mai 2026

Schneller laden, ohne dass es jemand bemerkt, außer Google.

Im Mai 2026 haben wir die Seite Schritt für Schritt entrümpelt. Kritisches CSS wird jetzt direkt im HTML mitgeschickt, damit der Inhalt sofort erscheint. Bilder laufen über das Netlify Image CDN und werden automatisch in passender Größe und im WebP-Format ausgespielt.

Karte und reCAPTCHA-Schutz für das Kontaktformular werden erst nachgeladen, wenn sie tatsächlich sichtbar werden. Damit fallen mehrere hundert Kilobyte auf den ersten Seitenaufruf weg, ohne dass sich die Funktionen für Besucher anders anfühlen.

  • PageSpeed Desktop: 56 auf 99
  • PageSpeed Mobile: 48 auf 91
  • SEO-Score: 61 auf 100
  • Cache-Header für statische Inhalte zentral konfiguriert.
Vor dem Refresh lag die mobile Leistung bei 48.
Nach dem Refresh liegt die mobile Leistung bei 91.
Vor dem Refresh lag die Desktop-Leistung bei 56.
Nach dem Refresh liegt die Desktop-Leistung bei 99.

Profile

Therapeuten-Profile als eigentliches Produkt.

Wer eine Therapie sucht, sucht keinen Anbieter, sondern einen Menschen. Die Profile sind das Herzstück der Seite: Foto, Sprachen, therapeutischer Ansatz und persönliche Vorstellung müssen auf einen Blick verständlich sein und auf jedem Endgerät funktionieren.

Jedes Profil ist ein klar strukturierter Datensatz, den das Team selbst pflegen kann. Neue Therapeut:innen kommen hinzu, andere ziehen weiter. Das soll ohne jedes Mal einen Code-Eingriff auslösen.

  • Direktbuchung über die Profilseite oder Sammelanfrage über das Hauptformular.
  • Sprachen klar ausgewiesen, damit internationale Klient:innen sofort erkennen, wer infrage kommt.
  • Foto-Varianten werden über das CDN für unterschiedliche Bildschirmbreiten erzeugt.
Die Profile sind das Herzstück: Foto, Sprachen und therapeutischer Ansatz auf einen Blick.
Die vertraute Optik blieb erhalten, während die technische Auslieferung deutlich schlanker wurde.

Barrierefreiheit & Wartbarkeit

Zugang für alle, nicht nur für perfekte Geräte und perfektes Internet.

Eine Praxis-Website, die ihre Tür für internationale und teils gesundheitlich belastete Menschen öffnen will, muss auch für Screenreader, Tastatur-Navigation und ältere Endgeräte funktionieren. Buttons haben jetzt sinnvolle Beschreibungen, Bilder beschreibende Alt-Texte und alle Steuerelemente sind per Tastatur erreichbar.

Parallel haben wir veraltete Bibliotheken durch native Browser-APIs ersetzt. Das Ergebnis: kleinere Bundles, weniger Sicherheits-Updates und eine Seite, die sich auch in den nächsten Jahren wartungsarm pflegen lässt.

  • Screenreader-freundlichere Beschriftungen für interaktive Elemente.
  • Aussagekräftige Alt-Texte für Team- und Profilbilder.
  • Weniger Abhängigkeiten durch Entfernung alter jQuery- und Icon-Bibliotheksreste.
Karte und Kontaktformular werden erst geladen, wenn sie sichtbar werden. Das spart Datenvolumen und beschleunigt den Seitenstart.

Ergebnis

Was nach dem Go-Live steht.

  • Hosting von Heroku auf Netlify umgezogen und die technische Betreuung vereinfacht.
  • Leistungsbewertung Desktop von 56 auf 99 verbessert.
  • Leistungsbewertung Mobile von 48 auf 91 verbessert.
  • SEO-Score auf 100 für Mobile und Desktop gesteigert, bei vollständig erhaltener Optik.
  • Therapeuten-Pflege läuft ohne Code-Eingriff, das Praxisteam bleibt selbstständig.
  • Laufende Betreuung seit der Übernahme mit stetig sinkenden Wartungsrisiken.

Stack-Überblick

Die wichtigsten Bausteine.

Hosting & Auslieferung
Migration von Heroku auf Netlify mit schnellem Caching, damit die Praxis stabil erreichbar bleibt und weniger Betriebsaufwand hat.
Bilder
Netlify Image CDN erzeugt jedes Foto automatisch in passenden Größen und im WebP-Format, was besonders mobil Datenvolumen spart.
Templates & Inhalte
Pug-Vorlagen plus Datensatz pro Therapeut:in halten Profile klar strukturiert und ohne CMS-Komplexität pflegbar.
Kontaktformular
Resend für Zustellung und Google reCAPTCHA gegen Spam sorgen dafür, dass Anfragen verlässlich ankommen.
Karte
Leaflet mit OpenStreetMap-Kacheln wird erst bei Bedarf geladen, damit der Seitenstart schnell bleibt.
Frontend
SCSS mit Critical-CSS-Inlining macht die Seite früh lesbar, lange bevor alle nachgelagerten Dateien geladen sind.

Was Code15 eingebracht hat

Unsere Rolle im Projekt.

  • Bestehendes Projekt übernommen und technische Bestandsaufnahme durchgeführt.
  • Hosting von Heroku auf Netlify migriert und Auslieferung statischer Inhalte stabilisiert.
  • Performance-Refresh 2026 umgesetzt: kritisches CSS inline, Image CDN, On-Demand-Loading für Karte und reCAPTCHA.
  • Refactoring weg von jQuery und Font Awesome hin zu nativen Browser-APIs und einem schlanken Icon-System.
  • Barrierefreiheits-Pass mit sinnvollen Button-Beschriftungen, Alt-Texten, Tastatur-Bedienung und semantischem HTML durchgeführt.
  • Therapeuten-Daten so gepflegt, dass das Team eigenständig Profile anlegen und aktualisieren kann.
  • Hosting, Domain, Mail-Auslieferung und Spam-Schutz laufend betreut.

Ähnliche Plattform geplant?

Von Inhaltsstruktur bis AI-Sichtbarkeit am Tag des Live-Gangs.

Wenn Sie eine vergleichbare Plattform brauchen, sprechen wir über Ziele, Zielgruppe, Suchintentionen und den technischen Weg dorthin.

Projekt besprechen