Physion
Heilbronnphysion.hnPhysion ist eine Physiotherapie in Heilbronn mit zehn Therapeuten, zweiundzwanzig Behandlungen und einer eigenen App. Die Webflow-Site trug das alles und brauchte auf dem Handy 35 Sekunden bis zum ersten Bild. Wer Schmerzen hat, wartet nicht so lange. Wir haben sie komplett neu gebaut, Seite für Seite, in Astro.
Die Frage
Wie baust du eine Site mit fünf Inhaltssammlungen neu, ohne dass die Praxis ein einziges Wort neu tippt?
Die alte Site war nicht dünn. Zweiundzwanzig Therapien, zehn Teammitglieder, vier Erfolgsgeschichten, zehn Artikel, dreizehn Google-Bewertungen. Alles lag im Webflow-CMS, und alles musste unverändert im neuen ankommen, unter denselben Adressen, damit die gewachsenen Suchergebnisse ihre Seite weiter finden. Diese Vorgabe hat alles andere geformt.
Die Arbeit
Übernommen wurde nichts. Jede Sektion ist aus Lumos-Komponenten neu gebaut, auf Physions eigenen Tokens: ihr Rot, ihre Lato, ihre Inter. Das Webflow-Stylesheet, 252 KB davon, ist gar nicht erst mitgekommen. Deshalb wiegt die neue Site 381 KB, wo die alte 7,5 MB wog.
Die Inhalte sind als fünf Sammlungen nach Sanity gezogen, dazu die Bewertungen, die vorher fest im Markup standen. Jedes CMS-Feld entspricht einem Feld, das die Praxis wirklich ausfüllt, und jeder Rich Text läuft vor der Ausgabe durch einen Sanitizer mit Allowlist.
Die Bewegung kommt von Osmo und hängt am Scroll statt an Timern: weicher Scroll, Parallax auf den Hero-Bildern, Reveals pro Sektion, eine Mega-Navigation mit Bildkarten. Alles schaltet sich bei reduzierter Bewegung ab, und nichts davon macht die Seite langsam, weil nichts davon den ersten Frame blockiert.
Was ausgeliefert wurde
Vierzehn Seitentypen, fünf Inhaltssammlungen, eine bereinigte Rich-Text-Pipeline, dreizehn geerbte Weiterleitungen plus die neuen, ein nächtliches CMS-Backup und ein Build-Check bei jedem Push. Gemessen auf demselben Geräteprofil wie die alte Site.
Der Neubau läuft auf Astro, Sanity und Lumos, mit den Osmo-Motion-Modulen und einem Cloudflare Worker für die Assets. Die Inhalte werden nächtlich nach GitHub gesichert, und jeder Push prüft Typen und Build, bevor etwas im Branch landet.
