Kancelaria z Manhattanu: osiem praktyk, jeden standard, sprint 72 godzin.
Demonstracyjny serwis butikowej kancelarii korporacyjno-procesowej w estetyce ciemnego magazynu: numerowane sekcje, interaktywne koło powiązań praktyk i długie analizy w dziale Insights.
* 72 godziny liczymy od akceptacji przez Klienta kierunku wizualnego (opis wyglądu, inspiracje lub mockup), a nie od pierwszego kontaktu — po akceptacji wyceny, dostarczeniu materiałów i zaksięgowaniu zaliczki. Ustalenia i mockup przed startem robimy razem i staramy się zmieścić całość w 72h, ale termin liczymy od akceptacji. Czas oczekiwania na Klienta wstrzymuje zegar. Regulamin, pkt 4.3
- Projekt
- Realizacja demonstracyjna
- Czas realizacji
- 72 h
- Stack
- Next.js 16 · Tailwind CSS v4 · TypeScript · Motion
- Live URL
- kowalskipartners.space
[01] Wyzwanie
Co zwykle podważa wiarygodność kancelarii w sieci
Typowe strony kancelarii to szablony z listą wszystkich specjalizacji naraz, od rozwodów po fuzje, zdjęcia zespołu w niespójnym stylu i kreatory stron, które spowalniają telefon. Dla butiku prowadzącego transakcje warte miliony dolarów każdy z tych szczegółów działa przeciwko niemu.
- 01Spójny profil butiku korporacyjno-procesowego w każdym miejscu serwisu
- 02Typografia i kolory na poziomie kancelarii z Manhattanu
- 03Pełna dostępność i szybkie ładowanie także na telefonie
[02] Wyniki
Tablica wyników
Ta sama strona przed audytem i po wdrożeniu poprawek. Każdą wartość można sprawdzić samodzielnie w PageSpeed Insights.
| Metryka | Przed audytem | Po · mobile | Po · desktop |
|---|---|---|---|
| Performance | 82 | 89 | 99 |
| Dostępność | 94 | 100 | 100 |
| Dobre praktyki | 100 | 100 | 100 |
| SEO | 100 | 100 | 100 |
| LCP — największy element | 4.6 s | 3.6 s | 0.7 s |
| CLS — przesunięcia układu | 0 | 0 | 0 |
| TTFB — czas odpowiedzi serwera | 50 ms | 50 ms | 50 ms |
| Rozmiar strony | 618 KiB | 436 KiB | 466 KiB |
Przed: Lighthouse, emulacja mobile, wersja sprzed audytu (1 przebieg). Po: PageSpeed Insights, mobile i desktop, 21.10.2026; TTFB i wagę strony zmierzono Lighthouse na produkcji tego samego dnia.
[03] Rozwiązania
Jak to jest zbudowane
- 01
System typograficzny
Fraunces z osią optical size w nagłówkach, Inter w tekście, numerowane sekcje jak w magazynie. Logo-pieczęć K·P narysowane w SVG służy w nawigacji, jako favicon i w danych strukturalnych.
- 02
Interaktywne koło praktyk
Osiem praktyk i dwanaście powiązań w SVG. Podświetla się po najechaniu, przy nawigacji klawiaturą i po stuknięciu; na telefonie etykiety zastępuje lista do stuknięcia.
- 03
Dział Insights
Artykuły pisane w TSX: spis treści z aktywną sekcją, przypisy, słowniczek pojęć w dymkach i pasek postępu czytania.
- 04
Dane strukturalne
Kancelaria opisana jako LegalService, do tego profile prawników, obszary praktyki i artykuły — każda podstrona ma własny graf schema.
- 05
Wydajność bez kompromisów w wyglądzie
Zdjęcia przez next/image z loaderem CDN i srcset, portret w hero widoczny bez czekania na JavaScript, animacje wejścia w CSS. Całość to 31 statycznych stron.
- 06
Uczciwe demo
Kancelaria jest fikcyjna, a portrety prawników wygenerowano w AI w jednej stylistyce. Informacja o tym jest w stopce serwisu.
[04] Log sprintu
Etapy sprintu w godzinach
Schemat czterech etapów sprintu 72h, ten sam dla każdego projektu.
- 01Architektura i UX00–12 h
Krótki brief, research fraz kluczowych i mapa strony. Każda podstrona dostaje jedno zadanie i jedną frazę, zanim powstanie pierwszy piksel.
- 02Kodowanie i design12–36 h
Design system i komponenty powstają równolegle — od razu w kodzie, bez etapu makiet do przerysowania. Treści piszemy pod ludzi i pod Google jednocześnie.
- 03Optymalizacja SEO i Core Web Vitals36–60 h
Dokręcamy wszystko, co widzi robot Google: dane strukturalne, meta, sitemapę, obrazy i czas ładowania. Dostępność sprawdzamy pod WCAG 2.1.
- 04Testy i publikacja60–72 h
Testy na prawdziwych urządzeniach, podpięcie domeny i analityki ze zgodami RODO, zgłoszenie do Search Console. Dostajesz stronę i pełny dostęp do kodu.
* 72 godziny liczymy od akceptacji przez Klienta kierunku wizualnego (opis wyglądu, inspiracje lub mockup), a nie od pierwszego kontaktu — po akceptacji wyceny, dostarczeniu materiałów i zaksięgowaniu zaliczki. Ustalenia i mockup przed startem robimy razem i staramy się zmieścić całość w 72h, ale termin liczymy od akceptacji. Czas oczekiwania na Klienta wstrzymuje zegar. Regulamin, pkt 4.3
[05] Start
Potrzebujesz serwisu na poziomie kancelarii z Manhattanu?
Opiszemy Twój biznes, cele i konkurencję. Stałą wycenę dostaniesz w 24 godziny, a sprint startuje w wybranym terminie.