Fiktives KonzeptprojektPhysiotherapie & Sportrehabilitation

KINORA

Website für eine Physiotherapie-Marke mit eigener Wortmarke. Besucher erfahren in wenigen Sekunden, welche Behandlung zu ihrem Anlass passt und wie sie abläuft, und fragen den Termin an.

Es gibt keine Praxis dahinter, keinen Kunden und keinen Auftrag. Kontaktangaben und Rechtstexte sind Platzhalter, das Formular sendet nichts. Die Fotos sind lizenzfreie Stockfotos.

So sieht die Website auf dem Handy aus
Bildschirmaufnahme, ohne Ton.
Branche
Physiotherapie & Sportrehabilitation
Leistungen
Webdesign, Wortmarke & Bildsprache, Webentwicklung, Mobile Optimierung, Barrierefreiheit, Performance
Technik
Astro, TypeScript, CSS

Showcase-Video

Die Website in rund 70 Sekunden

Das Video führt in rund 70 Sekunden durch die Website: von der Wortmarke und dem Hero über Leistungen, Behandlungsansatz und die interaktiven Reha-Phasen bis zu den Unterseiten und der Mobilansicht.

Dauer
1:10
Ton
Kein Ton
Datenmenge
bis zu 13,8 MB

Das Video wird erst geladen, wenn Sie es abspielen.

Herausforderung

Wer mit Schmerzen oder nach einer Verletzung eine Praxis sucht, will sofort verstehen, was angeboten wird, wie die Behandlung abläuft und wie der erste Schritt aussieht. Dafür wurde die Praxis-Marke KINORA erfunden, mit Wortmarke, Farben und Bildsprache.

Lösung

Von der Zeile «Wieder in Bewegung.» führt die Seite zu vier Leistungen, dem Behandlungsansatz und der Terminanfrage. Sie erklärt in einfachen Worten, was bei der Behandlung passiert, und macht keine Heilsversprechen.

  • Eigene Wortmarke: das «K» als Winkel mit Messbogen, der Punkt im «O» als Messpunkt
  • Vier Leistungen mit wechselndem Bild und Einstieg über typische Anlässe (Rücken, Schulter, Knie, Haltung …)
  • Behandlungsansatz in vier Schritten mit einer Linie, die sich beim Scrollen füllt
  • Interaktive Reha-Phasen: Tabs mit Bild und Fortschrittsring, per Tastatur bedienbar
  • Terminformular mit verständlichen Fehlermeldungen – es meldet ehrlich, wenn nichts gesendet wurde
  • Mobile Schnellaktion «Termin anfragen» und ein Menü mit eigenem Übergang

Design

Bogenförmige Bildflächen, konzentrische Messbögen und ein wandernder Messpunkt mit Gradanzeige setzen das Leitmotiv «Bewegungsradius» um. Die Fotos zeigen Bewegung, Behandlung und Räume in warmer Stimmung.

  • Warmes Weiss#F7F3EC
  • Sand#EFE8DB
  • Salbeigrün#8CA788
  • Waldgrün#141D18
  • Signalgrün#D6E5A8
  • Instrument SerifÜberschriften, kursive Akzente
  • Instrument SansText und Bedienelemente

LeitmotivMessbögen und Bogen-Bildflächen – das Bild des Winkelmessers, mit dem Beweglichkeit gemessen wird.

Technische Umsetzung

Statische Website mit Astro und TypeScript, ohne Drittanbieter-Anfragen, Cookies und Tracker. Die Animationen laufen weitgehend in CSS und sind bei «Bewegung reduzieren» abgeschaltet; die Seite bleibt auch ohne JavaScript benutzbar. Strukturierte Daten, Sitemap und eine strenge Content-Security-Policy sind vorbereitet.

  • 99–100Performance
  • 100Barrierefreiheit
  • 100Best Practices
  • 100SEO

Lighthouse 13, Produktions-Build lokal gemessen am 24.10.2026 (alle Hauptseiten, Mobile und Desktop). Im Netz können die Werte abweichen.

Screenshots

Am Desktop

  • Startseite mit dem Titel «Wieder in Bewegung.», Bogenbild, Messbögen und den vier Behandlungsbereichen
  • Leistungsübersicht: Das Bogenbild wechselt mit der ausgewählten Leistung
  • Dunkler Abschnitt «Behandlungsansatz» mit vier Schritten und einer Fortschrittslinie
  • Interaktive Reha-Phasen mit Tabs, Foto und Fortschrittsring
  • Leistungen-Seite mit Sportphysiotherapie, Anlässen und Inhalten der Behandlung

So sieht die Website auf dem Handy aus

Vier Ansichten von KINORA auf dem Smartphone. Zum genauen Ansehen lassen sie sich vergrössern.

Kontakt

Ähnliches Projekt geplant?

Schreiben Sie DEVMODE kurz, worum es geht – auch ein bestehender Webauftritt als Ausgangspunkt genügt.

kontakt@devmode.ch

Ähnliches Projekt per E-Mail besprechen

Kein Formular, kein Tracking – Sie schreiben direkt per E-Mail.