WB Studio↘Realizacje↘Wrocław
Realizacja 08 / 2026Radcy prawni · Wrocław

KancelariaRatajczykstrona internetowa dla radców prawnych we Wrocławiu

Dwoje radców prawnych, dwie kancelarie i jedna wspólna obecność online. Projekt miał połączyć wszystko w spójny system — bez odbierania każdemu z prawników własnej tożsamości.

kancelariaratajczyk.pl
↗
Kancelaria Radców PrawnychAneta i Mateusz Ratajczyk
Aneta i Mateusz Ratajczyk — radcy prawni we Wrocławiu
Kancelaria radców prawnychPrawo.
Rozwiązania.
Bezpieczeństwo.

Profesjonalna pomoc prawna dla klientów indywidualnych i przedsiębiorców.

Umów konsultację
Projekt + teksty + wdrożenie
05głównych obszarów strony
02osobne profile radców prawnych
01wspólna droga do konsultacji
100%projekt dopasowany do klienta
Punkt wyjścia

Dwie kancelarie.
Jedno miejsce.

Największym wyzwaniem nie było „zrobić stronę prawniczą”. Trzeba było pokazać dwoje niezależnych radców prawnych jako spójną całość, a jednocześnie zostawić użytkownikowi jasny wybór: z kim chce porozmawiać i w jakiej sprawie.

01 / marka

Wspólna obecność bez utraty indywidualności

Strona główna buduje wspólny obraz kancelarii, ale Aneta i Mateusz mają osobne profile, własne kompetencje i bezpośrednie ścieżki kontaktu.

02 / zaufanie

Strona miała budować zaufanie — jeszcze przed pierwszym telefonem do kancelarii

W usługach prawnych klient często wyrabia sobie pierwszą opinię, zanim jeszcze zadzwoni. Dlatego strona od początku miała komunikować profesjonalizm, spokój i jasny sposób działania — bez dystansu i prawniczego nadęcia.

03 / kierunek

Profesjonalnie, ale bez chłodu

Granat, złoto, dużo oddechu, spokojna typografia i prawdziwe zdjęcia. Bez ciężkiego „kancelaryjnego” nadęcia i bez generycznego stocku.

Architektura informacji

Każdy ekran ma prowadzić dalej.

Zamiast jednej długiej strony z listą wszystkiego powstała prosta struktura: wspólny punkt startowy, indywidualne profile, czytelny zakres usług i kontakt, który nie zmusza użytkownika do zgadywania.

01 / StartStrona główna

Wspólna marka, pierwsze zaufanie i wybór dalszej drogi.

02 / ProfilAneta Ratajczyk

Osobna specjalizacja, doświadczenie i bezpośredni kontakt.

03 / ProfilMateusz Ratajczyk

Własny profil oraz obszary, w których prowadzi sprawy.

04 / UsługiZakres pomocy

Problemy i potrzeby klienta uporządkowane językiem użytkownika.

05 / DecyzjaKontakt

Telefon albo formularz z wyborem preferowanego radcy.

Kierunek wizualny

Spokój. Zaufanie. Charakter.

WB Studio nie miało przykryć marki prawników własnym stylem. Dlatego warstwa wizualna została zbudowana wokół ich charakteru: poważna, ale współczesna; elegancka, ale nie onieśmielająca.

Aneta Ratajczyk — radca prawny
Mateusz Ratajczyk — radca prawny

Kolory, które nie krzyczą

Granat daje stabilność i profesjonalizm. Złoto działa jako precyzyjny akcent. Kremowe tło zdejmuje z całości formalny chłód.

Dwa tempa typografii

Szeryfowe nagłówki budują autorytet i elegancję. Prosty sans‑serif prowadzi treść, formularze i interfejs. Dzięki temu strona wygląda premium, ale nadal czyta się szybko.

Zdjęcia są częścią marki

Zamiast biblioteki stocków — prawdziwi prawnicy, prawdziwa kancelaria i materiały przygotowane tak, aby pracowały zarówno na desktopie, jak i na telefonie.

Mobile first

Telefon nie dostał „mniejszego desktopu”.

Klient kancelarii bardzo często wchodzi z telefonu — po rekomendacji, z Google albo bezpośrednio z wiadomości. Na małym ekranie liczy się więc hierarchia, czytelność i łatwy kontakt, a nie pokaz możliwości CSS.

01Prostsze menu i większe cele dotykowe.
02Telefon do konkretnego radcy dostępny bez szukania.
03Krótsza ścieżka od problemu do kontaktu.
04Materiały wizualne kadrowane osobno pod pionowy ekran.
Aneta Ratajczyk — radca prawny
Radca prawny

Aneta
Ratajczyk

Uważne poznanie sytuacji Klienta, rzeczowa komunikacja i rozwiązania dopasowane do realnych potrzeb.

Poznaj profil ↗
Zakres usługDetal, który prowadzi wzrok.
Formularz i logika

Wiadomość ma trafić tam, gdzie trzeba.

Formularz pozwala wskazać preferowanego radcę. Wybrana osoba otrzymuje zapytanie bezpośrednio, a sprawy bez preferencji trafiają do wspólnej obsługi. Do tego dochodzi ochrona antyspamowa i czytelne potwierdzenie wysłania.

Nowe zapytanie ze stronyRouting
Wybór 01Aneta Ratajczyk

Zapytanie kierowane do Anety + wspólna kopia organizacyjna.

Wybór 02Mateusz Ratajczyk

Zapytanie kierowane do Mateusza + wspólna kopia organizacyjna.

Wybór 03Bez preferencji

Wspólna skrzynka + informacja dla obojga radców.

Mikrointerakcje

Efekt ma wspierać treść, nie z nią walczyć.

W sekcji zakresu usług ruch pojawia się jako detal: przyciąga uwagę do kluczowego fragmentu, ale nie zamienia kancelarii w stronę pokazową. Ten sam kierunek obowiązuje w całym projekcie — animacja ma mieć powód.

Początkowa klatka mikroanimacji zakresu usług
Początek sekwencji
Końcowa klatka mikroanimacji zakresu usług
Finał sekwencji
Zakres WB Studio

Od pomysłu do działającej strony.

To nie był sam layout. Projekt obejmował strukturę, treści, warstwę wizualną, front‑end, logikę formularza, mobile i wdrożenie całej realizacji.

01Struktura i UX

Podział na wspólną stronę, profile radców, zakres usług i kontakt.

02Teksty

Język profesjonalny, ale zrozumiały dla osoby, która szuka konkretnej pomocy.

03Web design

Indywidualny system wizualny zamiast gotowego motywu kancelarii.

04Mobile

Pełnoprawna wersja mobilna, projektowana jako osobne doświadczenie.

05Formularz

Routing do właściwego radcy, walidacja i ochrona przed spamem.

06Wdrożenie

Gotowe pliki, konfiguracja domeny i uruchomienie na docelowym hostingu.

Efekt

Strona, która wygląda jak kancelaria — nie jak szablon dla kancelarii.

Wspólna marka jest czytelna, każdy z radców ma własną przestrzeń, użytkownik rozumie ofertę i wie, jak przejść do kontaktu. A całość zachowuje spokojny, profesjonalny charakter właściwy dla usług prawnych.

Kancelaria Ratajczyk — realizacja WB StudioKancelaria Ratajczyk / Wrocław / 08.2026

Masz firmę.Zróbmy jej stronę.

Jeśli Twoja obecna strona nie pokazuje poziomu Twojej firmy albo nadal jej nie masz — napisz. Najpierw zobaczę, czy i gdzie faktycznie jest przestrzeń do poprawy.