Die neue Physion-Startseite auf einem Display in der Praxis in Heilbronn
ClientPhysion GmbH
ServicesWeb designAstro developmentCMS migrationMotion
Year2026
StatusLaunch in preparation

Physion

Heilbronnphysion.hn
Case studyKeep scrolling
01/ 04

Physion is a physiotherapy practice in Heilbronn with ten therapists, twenty-two treatments and its own app. Its Webflow site carried all of that and took 35 seconds on a phone to show the first image. Patients in pain do not wait that long. We rebuilt the whole thing, page for page, in Astro.

RoleDesign and build, end to end
ScopeWebflow to Astro
StackAstro, Sanity, Lumos, GSAP
LanguageGerman
Die Therapieübersicht von Physion auf einem MacBook Pro im Behandlungsraum
In useTherapies
Die Teamseite von Physion auf einem Display am Empfang der Praxis
In useTeam
02/ 04

The question

How do you rebuild a site with five content collections without asking the practice to retype a single word?

The old site was not thin. Twenty-two therapies, ten team members, four success stories, ten articles, thirteen Google reviews. All of it lived in Webflow's CMS, and all of it had to arrive in the new one intact, with the same URLs, so a decade of search results would still find their page. That constraint shaped everything else.

Die neue Physion-Website auf einem MacBook Pro in einem Behandlungsraum der Praxis
03/ 04

The work

Nothing was copied across. Every section was rebuilt from Lumos components on Physion's own tokens: their red, their Lato, their Inter. The Webflow stylesheet, 252 KB of it, was not carried over at all. That is why the new site weighs 381 KB where the old one weighed 7.5 MB.

The content moved into Sanity as five collections plus the reviews that had been hardcoded in the old markup. Every CMS field maps to a field the practice actually fills in, and every rich text passes an allowlist sanitiser before it renders.

Motion is Osmo, wired to the scroll rather than to timers: smooth scroll, parallax on the hero images, reveals per section, a mega navigation with image cards. All of it switches off under reduced motion, and none of it is what makes the page slow, because none of it blocks the first paint.

The pagesSix of fourteen
Die Seite Home von Physion
NO. 01Home
Die Seite Therapies von Physion
NO. 03Therapies
Die Seite Careers von Physion
NO. 05Careers
Die Seite Team von Physion
NO. 02Team
Die Seite About von Physion
NO. 04About
Die Seite Contact von Physion
NO. 06Contact
Die Physion-Startseite auf einem Pro Display XDR in einer Studioaufnahme
In usePro Display XDR
Die Physion-Startseite auf einem MacBook Pro, von oben fotografiert
In useMacBook Pro 16"
Die Praxisräume von Physion in HeilbronnDie Praxisräume von Physion in HeilbronnDie Praxisräume von Physion in Heilbronn
Die Praxisräume von Physion in HeilbronnDie Praxisräume von Physion in HeilbronnDie Praxisräume von Physion in Heilbronn
Die Praxisräume von Physion in HeilbronnDie Praxisräume von Physion in HeilbronnDie Praxisräume von Physion in Heilbronn
Die Praxisräume von Physion in HeilbronnDie Praxisräume von Physion in Heilbronn
HeilbronnThe practice
04/ 04

What shipped

Fourteen page types, five content collections, a sanitised rich text pipeline, thirteen inherited redirects plus the new ones, a nightly CMS backup and a build check on every push. Measured on the same phone profile as the old site.

381 KBpage weight, was 7.5 MB
2,5 sLCP on mobile, was 35.2 s
100SEO, A11y and BP, all pages
24requests, were 114
Lighthouse-Vergleich: vorher Performance 51 mit LCP 35,2 Sekunden, nachher Performance 97 mit LCP 2,5 Sekunden
Lighthouse, mobile, same home page, measured 2 September 2026.

The rebuild runs on Astro, Sanity and Lumos, with Osmo motion modules and a Cloudflare Worker for the assets. Content is backed up nightly to GitHub, and every push runs a type and build check before anything reaches the branch.

Die neue Physion-Website auf einem iPhone, gehalten am Empfang der Praxis
The site in the hand, at the reception desk.