Case Study

Dr. Klotz-Rödig: Moderner Relaunch der Praxiswebsite

Die Gemeinschaftspraxis Dr. Klotz-Rödig hat ihre Website komplett neu bekommen — Next.js, responsives Design, saubere SEO-Signale und Fokus auf schnelle Ladezeit. Live unter dr-klotz-roedig.de.

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 neu ist

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, 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.

Tech-Stack

  • Next.js
  • React
  • Tailwind CSS

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.