---
slug: physio-felsberg
client: 'Physio & Co'
category: ['Design', 'Development']
date: '2026'
website: https://physio-felsberg.de
services: ['Design', 'Development', 'Copywriting', 'SEO Optimization', 'Hosting']
technologies:
    - Laravel
    - Vue.js
    - Inertia.js
    - Tailwind CSS
    - Figma
    - Illustrator
title: 'Physiotherapy Website with Scroll-driven Sections'
story_preview: 'Physio & Co is a physiotherapy practice in Felsberg, North Hesse. The old WordPress site was a theme off the shelf; the new one grew out of the dots in the practice logo: a scroll-driven therapy path, a body scanner for 45 complaints, prescription photos via WhatsApp. From first contact to launch in one week.'
fineprint: 'A relaunch from WordPress in one week from first contact to launch: design system derived from the logo, editorial copy, two scroll-driven canvas sections, a contact dock with three ways in, structured data and a 20-rule redirect map.'
---

> **Case study source:** https://unlimited.studio/en/case-study/physio-felsberg

# Many Small Steps, One Big Movement

Physio & Co is a physiotherapy practice in Felsberg, a small town south of Kassel. Owner Yannik Grenzebach had checked the local providers, found nothing he liked and widened his search to Kassel. His brief was precise: the site had to look like the big players' sites, but stay grounded. The practice sits in a flat-roofed building at the edge of town with parking right in front, and its patients come with a prescription, not for a boutique experience. The existing site was WordPress with an off-the-shelf health theme — 51 pages in the archive, seven of them real content, the rest theme demo.

## The Dot Is the Atom

The logo is a wordmark and an S-curve of dots that grow from bottom left to top right. We made that dot the single building block of the interface: dividers are dot rows, bullets are dots, progress is a dot trail down the left edge of the page. The practice had already done the same on its shop-front windows, so the design continues something real instead of inventing a style. The claim came out of the same idea: **"Viele kleine Schritte, eine große Bewegung"** — every session is a dot, only the row makes the progress.

The palette keeps green as a signal, not a coat of paint: warm paper and sand for around 70 percent of the surface, a dark forest green for the heavy sections, signal green for dots and states, and a lime that the client chose for calls to action. Text is set in Poppins and Inter, both self-hosted, body copy at 18 px and above — the core audience skews older, and readability beats effect.

## Two Sections That Move With the Scroll

The homepage carries two scroll-driven canvases, both built without a library. **The therapy path** takes the logo's dot curve and runs it horizontally while the page scrolls vertically: the stations of a therapy from "Ihr Schmerz im Alltag" to "Beschwerdefrei im Alltag", each dot and label fading in as it enters the frame. The curve keeps rising and leaves the frame at full size — a deliberate break with the logo, whose arc tapers off. A tapering line would read as relapse; the message is maintenance.

**The complaint scanner** turns the most valuable content of the old site, a list of roughly 45 complaints from head to foot, into a dark section with a body figure. A scan window travels from head to feet as you scroll, the region title switches, hotspots light up, and a barrel list rolls at the same pace so the visitor finds "Kalkschulter" in seconds. One scroll value drives both stages, nothing hijacks the scroll, and without JavaScript or with reduced motion the section falls back to a complete, indexable list.

Around them: an endless equipment gallery with eleven real photos from the practice, a team card stack you can drag, an opening-hours card that knows whether the reception is currently staffed, and a career page that answers the questions therapists actually ask before applying.

## Prescription Photo Instead of a Pop-up

The owner wanted a pop-up on the homepage and, in the same breath, contact that stays visible on every page. Those are the same goal, and the pop-up is the weaker tool for it. The site got a permanent contact dock instead: a pill row at the bottom edge on mobile, a small panel bottom right on desktop. Contact is a two-step choice — pick the way in, then the details: **WhatsApp** as the recommended fast lane, **request with prescription** for a written enquiry with the prescription photo attached, or **a call**, with the dock saying whether someone is at the desk right now. The strongest request is the prescription: patients photograph it and send it, the practice replies with appointment proposals, and the original comes along to the appointment.

The complaint scanner feeds the same flow: every region has a "remember for my request" button, so a visitor can collect their complaints while scrolling from head to foot and the request arrives at the practice with the pain areas already named.

## Under the Hood

Laravel, Inertia and Vue with server-side rendering. Structured data ships as `Physiotherapy` JSON-LD with opening hours, address and social profiles, next to a sitemap, `llms.txt` and `agents.md` for search engines and AI crawlers alike. The site runs without tracking and without a cookie banner.

## One Week from First Contact to Launch

Briefing, design, copy, build and go-live took a week. The relaunch replaced WordPress on the same domain: we built a redirect map of 20 rules from a crawl of the old site so no indexed URL went dark, and switched web and mail without a gap. The site went live in mid-August 2026.

## The Result

A practice website with the polish of a brand site that reads like it came from Felsberg. Patients find their complaint in seconds, send a prescription from their phone, and see straight away whether someone is at the desk. Many small steps. One big movement.