System StatusOnline
NAV
System projektowy Figma, biblioteka komponentów React + TypeScript, dashboardy D3.js/Recharts. UI, który aktywuje użytkowników i redukuje churn.
Projektuję i buduję warstwę frontendową produktów SaaS — od autonomicznego systemu projektowego w Figma i Storybook, po w pełni przetestowaną bibliotekę komponentów React + TypeScript podłączoną do Twojego backendu. Specjalizuję się w złożonych dashboardach wielopanelowych, wykresach danych w czasie rzeczywistym z D3.js lub Recharts, interfejsach z kontrolą dostępu opartą na rolach oraz onboardingach, które rzeczywiście aktywują nowych użytkowników i skracają czas do uzyskania wartości.
Figma Design System z tokenami, wariantami i auto-layoutem — jedyne źródło prawdy utrzymujące design i kod w idealnej synchronizacji.
Biblioteka komponentów React + TypeScript z dokumentacją Storybook, opublikowana w prywatnym rejestrze npm do wielokrotnego użytku w różnych produktach.
Wizualizacja danych w czasie rzeczywistym z D3.js lub Recharts — wykresy liniowe, słupkowe, świecowe i geograficzne mapy cieplne aktualizowane przez WebSocket.
Renderowanie UI oparty na rolach (admin / tylko odczyt / członek) z bramkami uprawnień na poziomie komponentów, a nie tylko na poziomie tras.
Flow onboardingowy z listą kontrolną postępów, kontekstowymi product tours i przemyślanymi empty states, które aktywują nowych użytkowników od pierwszego dnia.
Analizuję persony użytkowników i kluczowe przepływy pracy, mapuję architekturę informacji i definiuję główną, drugorzędną oraz trzeciorzędną nawigację dashboardu, zanim rozpocznie się jakiekolwiek projektowanie.
Buduję bibliotekę komponentów Figma — przyciski, formularze, tabele, modale, wykresy — a następnie tłumaczę ją na React/TypeScript Storybook z automatycznymi sprawdzeniami dostępności przez axe-core.
Buduję ekrany dashboardu, łącząc każdy komponent z endpointami API, wdrażając optymistyczne aktualizacje UI i podłączając feed WebSocket lub SSE w czasie rzeczywistym.
Przeprowadzam moderowane sesje testów użyteczności lub szybkie testy z prawdziwymi użytkownikami, iteruję na zidentyfikowanych problemach i przekazuję kod z pełną dokumentacją komponentów.
Koncentruję się na frontendzie i kontrakcie API (REST lub GraphQL). Mogę przeglądać lub specyfikować kształty danych backendu, a w przypadku pracy full-stack oferuję połączone zaangażowanie z zakresu web engineeringu.
Wdrażam wirtualne przewijanie (TanStack Virtual) dla zestawów powyżej 1000 wierszy oraz paginację i filtrowanie po stronie serwera, aby interfejs był responsywny niezależnie od rozmiaru zestawu danych.
Tak. Buduję ją jako oddzielny pakiet importowalny do dowolnego projektu React. Zmienne CSS obsługują theming, więc biblioteka dostosowuje się do Twojej marki bez rozwidlania (forku).
Domyślnie używam Recharts do standardowych wykresów (80% przypadków) i przechodzę do surowego D3.js w przypadku niestandardowych lub animowanych wizualizacji, których biblioteki wyższego poziomu nie potrafią efektywnie wygenerować.
Initiate protocol. Establish connection. Let's build something loud.