Kanzlei-Website für Rechtsanwalt Veiko Römer, Aschersleben
Eigene Website eines Fachanwalts für Familienrecht und Strafrecht, die die Kanzlei selbst pflegen kann
Kennzahlen
- Lighthouse Performance (mobil)
- 99
- Startseite
- Lighthouse 13.5.0, Median aus 3 Läufen, Stand 2. Oktober 2026
- Lighthouse Barrierefreiheit
- 100
- Startseite, mobil und Desktop
- Lighthouse 13.5.0, Median aus 3 Läufen, Stand 2. Oktober 2026
- Größtes Element sichtbar (mobil)
- 1,8 s
- Largest Contentful Paint, Startseite
- Lighthouse 13.5.0, Median aus 3 Läufen, Stand 2. Oktober 2026
- Barrierefreiheits-Verstöße
- 0
- Startseite, Kanzlei, Kontakt, Familienrecht
- axe-core 4.13.0 über Playwright, Stand 2. Oktober 2026
Die Herausforderung
Wer einen Anwalt sucht, steckt oft in einer belastenden Lage und sucht nach einem konkreten Rechtsgebiet, oft auch vom Smartphone aus. Die Kanzlei brauchte deshalb eigene Seiten für Familienrecht, Strafrecht und Erbrecht, einen kurzen Weg zum Anruf und eine Website, die sie ohne Technikkenntnisse aktuell hält. Dazu kamen Anforderungen, die für Kanzleien besonders zählen: eine ruhige, seriöse Gestaltung, keine Cookies und Kontaktanfragen über ein eigenes Postfach.
Der Ansatz
Grundlage war ein Gestaltungsentwurf mit Farben, Schriften und Abständen als Design-Tokens. Ich habe sie als zweischichtiges Token-System umgesetzt: Grundwerte und darauf aufbauende Bedeutungsnamen, die alle Komponenten verwenden. Inhalte und Layout sind getrennt, alles Redaktionelle liegt im Sanity-Studio. In mehreren Feedbackrunden habe ich vor allem den Kopfbereich weiterentwickelt, bis Name und beide Fachanwaltstitel auf jeder Seite sofort ins Auge fallen. Zu jeder Runde gab es einen Änderungsbericht mit Bildern.
Die Lösung
Seit dem 1. Oktober 2026 ist die Website online. Startseite, Kanzlei, Rechtsgebiete mit je einer Seite für Familienrecht, Strafrecht und Erbrecht, Kontakt und Rechtstexte lassen sich im Studio pflegen, mit Live-Vorschau neben dem Editor. Das Kontaktformular verschickt Anfragen über ein eigenes Absender-Postfach. Eine digitale Visitenkarte mit QR-Code und Kontaktdatei zum Herunterladen ergänzt die Seite.
Ansichten
Bildschirmfotos der Live-Seite vom 13. Oktober 2026
Was die Kanzlei selbst pflegen kann
Im Studio sind neun Inhaltstypen pflegbar: Startseite, Kanzlei, Kontakt, Rechtsgebiete, häufige Fragen, Rechtstexte, eine Hinweisleiste, Stammdaten und das Anwaltsprofil mit Titeln. Änderungen erscheinen in der Vorschau direkt neben dem Text, bevor sie online gehen.
Die Hinweisleiste hat ein Zeitfenster. Ein Urlaubshinweis erscheint also zum gewünschten Tag und verschwindet von selbst wieder. Die häufigen Fragen tragen strukturierte Daten, damit Suchmaschinen sie als Fragen und Antworten erkennen.
Kurze Wege auf dem Smartphone
Auf dem Smartphone hält eine Leiste am unteren Rand zwei Wege bereit: Termin anfragen und direkt anrufen. Jedes Rechtsgebiet zeigt rechts eine Karte „Auf einen Blick“ mit den Schwerpunkten und denselben beiden Wegen.
Name und Titel kommen aus dem Studio. Ändert sich dort etwas, ändert es sich auf allen Seiten gleichzeitig.
Datenschutz als Grundeinstellung
Die Website setzt keine Cookies und stellt beim ersten Laden keine Anfrage an fremde Server, gemessen am 2. Oktober 2026. Die Karte zur Anfahrt lädt erst nach Einwilligung.
Das Kontaktformular läuft über ein eigenes Absender-Postfach. Verarbeitet werden die Anfragen in Frankfurt am Main, nachgewiesen über die Region, die der Formulardienst selbst meldet.
Wie ich gearbeitet habe
Jede Änderung lief in einem eigenen, überschaubaren Schritt durch automatische Tests und eine Prüfung, bevor sie veröffentlicht wurde.
Vor dem Start habe ich die Inhalte gesichert, den Rückweg geplant und nur eine zuvor geprüfte Version veröffentlicht.
Was das für Sie bedeutet
Für Kanzleien und Freiberufler
Ratsuchende suchen nach einem Rechtsgebiet, oft vom Smartphone und unter Druck. Eine eigene Seite je Rechtsgebiet, ein kurzer Weg zum Anruf und Texte, die Sie selbst aktuell halten, helfen dabei. Im Website-Check prüfe ich Ihre Seite auf genau diese Punkte.
Zum Website-CheckFür kleine Unternehmen
Ein Redaktionssystem lohnt sich, wenn Sie regelmäßig selbst etwas ändern wollen. Diese Website ist ein individuelles Projekt mit großem Umfang. Wie viel davon Sie brauchen, klären wir vorab in einem kostenlosen Erstgespräch von 20 Minuten.
Erstgespräch vereinbarenFür technisch Interessierte
Next.js mit Sanity und Visual Editing, ein Token-System aus dem Gestaltungsentwurf, Tests als Bedingung vor jedem Zusammenführen und automatische Reviews, bis keine Anmerkung mehr offen ist.
Web EngineeringEingesetzte Technologien
Technik im Detail
- Stand
- Versionen und Zahlen vom 2. Oktober 2026
- Framework
- Next.js 16.3, React 19.2, TypeScript, Tailwind CSS 4
- Redaktion
- Sanity 5.31 mit eingebettetem Studio und Visual Editing, tägliche Datensicherung
- Betrieb
- Netlify; Formularverarbeitung in der Region Frankfurt (eu-central-1)
- Sicherheits-Header
- Content-Security-Policy, HSTS, X-Frame-Options, Referrer-Policy, Permissions-Policy, nosniff
- Tests
- Vitest und 13 Playwright-Testdateien, darunter Barrierefreiheit mit axe-core, Kontaktformular, Mobilansicht, Sicherheits-Header und visuelle Regression
- Ablauf
- Kleine, einzeln geprüfte Schritte mit automatischen Tests und Reviews vor jeder Veröffentlichung. Agentische Entwicklung mit KI-Werkzeugen, von mir gesteuert und geprüft.
- Messung
- Lighthouse 13.5.0, Median aus 3 Läufen: mobil Performance 99, Desktop Performance 99, Barrierefreiheit, Best Practices und SEO je 100
Ihr Projekt. Meine Erfahrung.
Ob Website, KI-Telefonie oder strategische Beratung – lassen Sie uns in einem kostenlosen Erstgespräch herausfinden, wie ich Ihnen helfen kann.