Logo der Gemeinschaftspraxis Dr. Klotz-Rödig
Case Study · Praxiswebsite · 2026

Dr. Klotz-Rödig

Moderner Relaunch einer Praxiswebsite.

Komplett neuer Webauftritt für die Gemeinschaftspraxis — schnell, barrierefrei, in der lokalen Suche auffindbar. Next.js mit Static Export, sauber strukturierte Inhalte, klare Informationshierarchie.

<1s

Time to Interactive

Auf mobilen Verbindungen

100

Lighthouse

Performance & SEO

WCAG

2.1 AA

Barrierefrei nach Standard

CDN

Static Export

Keine Server-Last

Was war die Aufgabe

Praxiswebsites stehen unter besonderem Druck: Sie sind oft die erste Anlaufstelle für Patientinnen und Patienten, müssen auf dem Smartphone genauso funktionieren wie am Desktop und im lokalen Suchumfeld auffindbar sein. Die Gemeinschaftspraxis Dr. Klotz-Rödig wollte ihre bestehende Seite grundlegend modernisieren — ohne Kompromisse bei Ladezeit und Barrierefreiheit.

Was umgesetzt wurde

Die neue Seite basiert auf Next.js mit statischem Export, läuft auf einem CDN und erreicht auf Mobilgeräten Ladezeiten deutlich unter einer Sekunde. Inhaltlich wurden Praxisinformationen, Leistungsübersicht, Sprechzeiten und Kontaktmöglichkeiten konsolidiert — mit klarer Informationshierarchie statt Textwänden.

  • Responsives Design: Smartphone, Tablet, Desktop
  • Lokale SEO-Signale (Adresse, Sprechzeiten, strukturierte Daten)
  • Barrierefrei nach WCAG 2.1 AA: Tastatur-Navigation, Screenreader, Kontraste
  • Kontakt-Block mit Telefon, E-Mail und Anfahrtshinweis
  • Datenschutz- und Impressumsseiten gemäß DSGVO und TMG

Fokus: schnelle Ladezeit

Gerade bei medizinischen Websites entscheidet die erste Sekunde darüber, ob jemand bleibt oder zurückspringt. Der Static-Export-Ansatz in Kombination mit optimierten Bildern und sparsamem JavaScript trägt dazu bei, dass die Seite auch auf schwachen Mobilverbindungen flüssig lädt — entscheidend für ältere oder unterwegs suchende Patienten.

Highlights

Responsives Design

Funktioniert auf Smartphone, Tablet und Desktop gleichermaßen. Inhalte werden für die jeweilige Bildschirmgröße neu sortiert, nicht nur skaliert.

Lokale SEO

Strukturierte Daten zu Adresse, Sprechzeiten und Leistungen — damit die Praxis in Google Maps und in der lokalen Suche korrekt erscheint.

Barrierefreiheit

WCAG 2.1 AA: Tastatur-Navigation, Screenreader-Labels, ausreichende Farb-Kontraste, klare Fokus-Indikatoren. Pflicht für jede Praxiswebsite.

Schnelle Ladezeit

Static Export auf CDN, optimierte Bilder, minimales JavaScript. Auch auf 3G-Verbindungen unter einer Sekunde Time-to-Interactive.

DSGVO und TMG

Datenschutzerklärung und Impressum von Anfang an korrekt aufgesetzt — inklusive Cookie-Hinweis, Auftragsverarbeiter-Liste und Auskunfts-Workflow.

Praxis-Inhalte konsolidiert

Praxisinformationen, Leistungsübersicht, Sprechzeiten und Kontakt mit klarer Informationshierarchie statt Textwänden.

Technische Details

FrameworkNext.js · React 19
StylingTailwind CSS v4
Build-ModusStatic Export, deployed auf CDN
SpracheTypeScript
SEOJSON-LD strukturierte Daten · MedicalBusiness Schema
Livewww.dr-klotz-roedig.de

Häufige Fragen

Wie lange hat das Projekt gedauert?

Von Kick-off bis Go-live einige Wochen, inklusive Abstimmungsrunden mit dem Praxisteam zu Inhalten und Tonalität. Technisch war der Build in wenigen Tagen umgesetzt — der meiste Zeitaufwand steckte in Content, Bildern und redaktioneller Qualität.

Wer pflegt die Seite weiter?

Kleinere Inhaltsänderungen (Sprechzeiten, Personalnachrichten) übernimmt die Praxis selbst über einfache Markdown-Dateien. Größere Änderungen laufen über phash.de.

Ist das Design übertragbar?

Die technische Basis (Next.js, Static Export, Tailwind) ist grundsätzlich wiederverwendbar. Content, Bilder und Markenführung sind natürlich individuell — aber das Setup-Blueprint lässt sich in neuen Projekten innerhalb weniger Tage nachbauen.

Weitere Projekte

Verwandte Projekte

Weitere Open-Source-Lösungen aus dem phash.de-Portfolio — alle selbst gehostet, ohne Cloud-Zwang.

Eigene Praxiswebsite geplant?

Schnell, barrierefrei und in der lokalen Suche auffindbar — die technische Basis lässt sich für andere Praxen und Kanzleien in wenigen Tagen adaptieren. Schreib mir, was du brauchst.

projekt@phash.de