Eine Kanzlei aus Manhattan: acht Praxisbereiche, ein Standard, ein 72-Stunden-Sprint.
Demonstrations-Website einer Boutique für Gesellschaftsrecht und Prozessführung im dunklen Magazin-Look: nummerierte Abschnitte, ein interaktives Rad der Praxisverbindungen und ausführliche Analysen im Bereich Insights.
* Die 72 Stunden zählen ab der Freigabe der visuellen Richtung durch den Kunden (Beschreibung des Looks, Referenzen oder Mockup), nicht ab dem ersten Kontakt — nach Annahme des Angebots, Lieferung der Materialien und Zahlungseingang der Anzahlung. Absprachen und Mockup davor erarbeiten wir gemeinsam und versuchen, alles in 72h zu schaffen; die Frist läuft jedoch ab der Freigabe. Wartezeiten auf den Kunden halten die Uhr an. AGB, Punkt 4.3
- Projekt
- Demonstrationsprojekt
- Umsetzungszeit
- 72 h
- Stack
- Next.js 16 · Tailwind CSS v4 · TypeScript · Motion
- Live-URL
- kowalskipartners.space
[01] Herausforderung
Was eine Kanzlei online meist unglaubwürdig macht
Typische Kanzlei-Websites sind Vorlagen mit allen Fachgebieten gleichzeitig, von Scheidung bis M&A, Teamfotos in uneinheitlichem Stil und Baukästen, die das Smartphone ausbremsen. Für eine Boutique mit Transaktionen in Millionenhöhe arbeitet jedes dieser Details gegen sie.
- 01Ein stimmiges Profil als Boutique für Gesellschaftsrecht und Prozessführung auf der ganzen Website
- 02Typografie und Farben auf dem Niveau einer Kanzlei aus Manhattan
- 03Volle Barrierefreiheit und schnelles Laden auch auf dem Smartphone
[02] Ergebnisse
Ergebnistabelle
Dieselbe Website vor dem Audit und nach dem Livegang der Korrekturen. Jeder Wert lässt sich selbst in PageSpeed Insights prüfen.
| Metrik | Vor dem Audit | Nachher · Mobil | Nachher · Desktop |
|---|---|---|---|
| Performance | 82 | 89 | 99 |
| Barrierefreiheit | 94 | 100 | 100 |
| Best Practices | 100 | 100 | 100 |
| SEO | 100 | 100 | 100 |
| LCP — größter Inhalt | 4.6 s | 3.6 s | 0.7 s |
| CLS — Layoutverschiebung | 0 | 0 | 0 |
| TTFB — Serverantwortzeit | 50 ms | 50 ms | 50 ms |
| Seitengewicht | 618 KiB | 436 KiB | 466 KiB |
Vorher: Lighthouse, Mobile-Emulation, Version vor dem Audit (1 Durchlauf). Nachher: PageSpeed Insights, Mobil und Desktop, 21.10.2026; TTFB und Seitengewicht am selben Tag mit Lighthouse auf der Produktion gemessen.
[03] Lösungen
Wie es gebaut ist
- 01
Typografie-System
Fraunces mit Optical-Size-Achse für Überschriften, Inter für Fließtext, nummerierte Abschnitte wie im Magazin. Das in SVG gezeichnete K·P-Siegel dient als Logo in der Navigation, als Favicon und in den strukturierten Daten.
- 02
Interaktives Praxisrad
Acht Praxisbereiche und zwölf Verbindungen in SVG. Es reagiert auf Hover, Tastaturfokus und Antippen; auf dem Smartphone ersetzt eine antippbare Liste die Beschriftungen.
- 03
Bereich Insights
Artikel in TSX: Inhaltsverzeichnis mit aktivem Abschnitt, Fußnoten, Glossar in Popovers und Lesefortschrittsbalken.
- 04
Strukturierte Daten
Die Kanzlei ist als LegalService beschrieben, dazu Anwaltsprofile, Praxisbereiche und Artikel — jede Seite hat ihren eigenen Schema-Graphen.
- 05
Performance ohne optische Kompromisse
Bilder über next/image mit CDN-Loader und srcset, das Porträt im Hero ohne Warten auf JavaScript sichtbar, Einblendungen in CSS. Insgesamt 31 statische Seiten.
- 06
Ein ehrliches Demo
Die Kanzlei ist fiktiv, die Anwaltsporträts wurden in einem einheitlichen Stil mit KI erzeugt. Darauf weist der Footer der Website hin.
[04] Sprint-Log
Sprint-Phasen in Stunden
Das Schema der vier Phasen des 72h-Sprints, für jedes Projekt gleich.
- 01Architektur & UX00–12 h
Kurzes Briefing, Keyword-Recherche und Sitemap. Jede Seite bekommt eine Aufgabe und ein Keyword, bevor das erste Pixel entsteht.
- 02Code & Design12–36 h
Designsystem und Komponenten entstehen parallel — direkt im Code, ohne Mockups zum Nachzeichnen. Texte schreiben wir für Menschen und für Google zugleich.
- 03SEO & Core Web Vitals36–60 h
Wir optimieren alles, was der Google-Crawler sieht: strukturierte Daten, Meta-Tags, Sitemap, Bilder und Ladezeit. Barrierefreiheit prüfen wir nach WCAG 2.1.
- 04Tests & Launch60–72 h
Tests auf echten Geräten, Domain und Analytics mit DSGVO-Einwilligung, Anmeldung in der Search Console. Sie erhalten die Website und vollen Zugriff auf den Code.
* Die 72 Stunden zählen ab der Freigabe der visuellen Richtung durch den Kunden (Beschreibung des Looks, Referenzen oder Mockup), nicht ab dem ersten Kontakt — nach Annahme des Angebots, Lieferung der Materialien und Zahlungseingang der Anzahlung. Absprachen und Mockup davor erarbeiten wir gemeinsam und versuchen, alles in 72h zu schaffen; die Frist läuft jedoch ab der Freigabe. Wartezeiten auf den Kunden halten die Uhr an. AGB, Punkt 4.3
[05] Start
Sie brauchen eine Website auf dem Niveau einer Kanzlei aus Manhattan?
Beschreiben Sie uns Ihr Unternehmen, Ihre Ziele und Ihre Wettbewerber. Ein Festpreisangebot erhalten Sie innerhalb von 24 Stunden, der Sprint startet zum gewünschten Termin.