Physion

26 Sekunden bis zum ersten Bild.

Physion 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 26 Sekunden bis zum ersten Bild. Wer Schmerzen hat, wartet nicht so lange. Wir haben sie komplett neu gebaut, Seite für Seite, in Astro.

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 Langtexte schreibt die Praxis in einem Editor wie in Word, nicht in HTML.

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.

Die Praxis veröffentlicht selbst.

Der Neubau läuft auf Astro, Sanity und Lumos, mit den Osmo-Motion-Modulen, gehostet auf Netlify. Das Sanity Studio liegt direkt auf der Site unter /admin. Drückt die Praxis auf Veröffentlichen, startet ein Build, und 54 Sekunden später ist die Änderung live. Ein Cloudflare Worker übernimmt die Formulare, mit Turnstile gegen Spam. Die Inhalte werden nächtlich nach GitHub gesichert, und jeder Push prüft Typen und Build.

Was ausgeliefert wurde

Neunundfünfzig Seiten aus vierzehn Seitentypen, fünf Inhaltssammlungen, ein Texteditor für das Praxisteam, einundfünfzig alte Adressen unverändert erhalten und achtzehn Weiterleitungen für den Rest, ein nächtliches CMS-Backup und ein Build-Check bei jedem Push. Gemessen Seite für Seite auf demselben Geräteprofil wie die alte Site.