Przejdź do treści

Enterprise Design Engineer · Gdynia / Trójmiasto

Projektuję produkty
i sam je koduję.

Jestem product designerem w Hapag-Lloyd, a wcześniej przez pięć i pół roku pisałem kod produkcyjny, w tym ponad trzy lata jako fullstack developer. Kiedy rysuję ekran, wiem, jak go zbudować, i nieraz buduję go sam. Od końca 2025 roku wprowadzam też AI do pracy naszego działu UX.

Zobacz projekty
Wojciech Czarnocki uśmiecha się do obiektywu, dłonie złożone w romb, w tle rośliny
  • Produkt
  • Kod
  • Systemy AI

O mnie

Do projektowania doszedłem od strony kodu, a do kodu od strony danych. Programowania i projektowania uczyłem się po godzinach, obok pełnego etatu. Z każdego etapu coś mi zostało: z pracy z danymi nawyk sprawdzania, a z pisania kodu wyczucie, ile naprawdę kosztuje to, co rysuję.

Zaczynałem w 2018 roku jako analityk danych giełdowych w Thomson Reuters. Javy uczyłem się wtedy przez pół roku, pięć dni w tygodniu po trzy godziny, i jesienią 2019 pisałem już w tej samej firmie integracje danych. Do Hapag-Lloyd przyszedłem w grudniu 2021 jako fullstack developer, choć wcześniej dwa razy odpuściłem tę rekrutację z przekonania, że się nie nadaję.

Na kursie Sztuka Projektowania w 2023 roku byłem jedynym developerem wśród art directorów i projektantów. Rok później przeprojektowałem portal API, który sam rozwijałem, od rozmów z klientami po wdrożenie, i w kwietniu 2025 zostałem product designerem.

W każdej z tych ról ciągnęło mnie do rzeczy, których nikt nie prowadził. W LSEG przebudowałem zespołowi workflow w Jirze, w Hapag-Lloyd sam zaproponowałem redesign portalu, a potem adopcję AI w dziale UX, którą prowadzę do dziś. Po godzinach buduję TwójOpiekun, serwis dla rodzin szukających opieki dla starszego rodzica. Etat daje temu projektowi dyscyplinę testów i jakości, a on oddaje etatowi narzędzia AI, które najpierw sprawdzam u siebie.

Doświadczenie

  1. Hapag-LloydGdańsk

    12.2021-dziś
    1. Product Designer04.2025-dziś

      Projektuję aplikacje, w których klienci transportu morskiego planują przewozy i sprawdzają terminy. Od końca 2025 roku prowadzę też adopcję AI w dziale UX.

      Konkrety
      • Pracuję w zespole produktowym z programistami i Product Ownerami. Ustaliłem z nimi zasady współpracy i cotygodniowe spotkania designu z developmentem.
      • Wymagania opieram na danych od klientów: prowadzę wywiady i warsztaty, a dla jednego z produktów zdefiniowałem z Product Ownerem metryki sukcesu.
      • Modernizację jednej z aplikacji poprowadziłem etapami, bez przepisywania całości, bo tak wynikało z badań i ograniczeń technicznych.
      • Współtworzę standardy projektowe działu: design system oparty na tokenach, z kodem jako źródłem prawdy, i audyty zgodności wdrożeń z projektami.
      • W ramach adopcji AI rozwijam dokumentację naszego design systemu, żeby agenci wierniej odwzorowywali go w prototypach i wspierali designerów w codziennej pracy.
    2. Fullstack Developer12.2021-04.2025

      Rozwijałem backend i frontend portalu, przez który zewnętrzne firmy podłączają się do API Hapag-Lloyd.

      Konkrety
      • Odpowiadałem za cały frontend portalu, razem z jego migracją i redesignem, który opisuję w Projektach.
      • Prowadziłem w zespole Scruma, od 2022 roku z certyfikatem PSPO I.
      • Dodałem do portalu FAQ, napisałem dokumentację techniczną i szablony, które uprościły wdrożenia.
  2. TwójOpiekun

    od 2025
    1. Founder

      Serwis łączący rodziny z opiekunkami seniorów, który robię sam, po godzinach: badania, projekt, kod i wnioski grantowe.

      Konkrety
      • Cztery wersje językowe, Next.js i Supabase.
      • Pierwszy pitch projektu wygłosiłem na Demo Day w listopadzie 2025, a w czerwcu 2026 MamStartup opublikował wywiad ze mną.
  3. Thomson Reuters, potem Refinitiv i LSEGGdynia

    06.2018-11.2021
    1. Data Onboarding Specialist (Java Software Engineer)10.2019-11.2021

      Pisałem w Javie integracje, które ściągały dane o surowcach i energii z zewnętrznych źródeł do bazy LSEG.

      Konkrety
      • Dane z tych integracji trafiały do klientów terminala Eikon.
      • Przebudowałem zespołowi workflow w Jirze na trzy etapy z datami, pomiarem czasu realizacji i dashboardem dla każdego zespołu, po czym zaległości zmalały.
      • Wdrażałem nowe osoby w narzędzia i codzienną pracę zespołu.
    2. Data Analyst (Exchange Traded Instruments)06.2018-09.2019

      Utrzymywałem dane o niemieckich instrumentach pochodnych, które w czasie rzeczywistym trafiały do klientów terminala Eikon.

      Konkrety
      • Odpowiadałem na zapytania klientów i szkoliłem nowe osoby w zespole.
      • Powtarzalne kontrole zautomatyzowałem makrami w Excelu i wtedy zdecydowałem, że chcę programować.

Projekty

Hapag-Lloyd, 2022-2025

  • Produkt
  • Kod

Portal API, który przeprojektowałem jako developer

Przez portal zewnętrzne firmy podłączają się do API Hapag-Lloyd. Korzystali z niego programiści i ludzie z biznesu, a nie sprawdzał się u żadnej z tych grup. W zespole nie było designera, więc spisałem listę usterek, zrobiłem z niej prototyp i przekonałem zespół, żeby redesign wszedł do planu. Potem przyszły rozmowy i testy z klientami, osobne ścieżki dla programistów i dla biznesu oraz frontend, który sam przepisałem na Vue 3.

Na produkcji od lutego 2025. Po tym projekcie zostałem product designerem.

Z kim: zespół UX przy wywiadach i testach, Product Owner przy priorytetach.

“He genuinely wanted to solve customer issues and approached the tool like an external user.”

Julia, Product Owner portalu API, rekomendacja na LinkedInie, 2024

770 wzrosło do 2 483

aktywnych użytkowników miesięcznie: średnia z lipca do listopada 2024 i sierpień 2026

Dane z Google Analytics. Część wzrostu to nowe produkty API i linki z serwisu głównego. Moją zasługą są ścieżki.

Hapag-Lloyd, od końca 2025

  • Produkt
  • Systemy AI

AI w dziale UX: najpierw rozmowy, potem narzędzia

Designerzy i badacze używali AI na własną rękę, a część płaciła za narzędzia z własnej kieszeni. Temat sam zaproponowałem i zacząłem od rozmów z 19 osobami z działu. Pierwsze narzędzie to baza wiedzy o design systemie, z której modele AI korzystają przez serwer MCP. Budowałem ją dla designerów, a najwięcej dała komuś innemu:

„…największą wartość dało to nie designerom, a w audycie kodu i wykrywaniu rozbieżności.”

Karolina, organizatorka BRAVE AI Community, wpis na LinkedInie, 2026

Dziś bazę utrzymuje zespół design systemu.

Z kim: DevOps postawił serwer MCP, zespół design systemu przejął utrzymanie.

Wojciech Czarnocki na scenie BRAVE AI Community obok slajdu z trzema krokami: synteza, format i dystrybucja
  1. ŹródłaCztery miejsca z wiedząprojekty w Figmie, dokumentacja, Storybook i kod
  2. SyntezaJeden schemat opisuinterfejs, stany, tokeny i przykłady kodu
  3. BazaPliki markdown w repozytorium72 opisane komponenty
  4. DystrybucjaSerwer MCPalbo submoduł w repozytorium projektu
  5. UżycieModele AI w pracy zespołuprzegląd kodu i prototypy
Jak działa baza wiedzy o design systemie. Schemat narysowany od zera na potrzeby tej strony.

Projekt własny, od 2025

  • Produkt
  • Kod
  • Systemy AI

TwójOpiekun: serwis, który buduję sam

Po upadku mojej babci szukaliśmy dla niej opiekunki przez trzy miesiące i zapłaciliśmy agencji 12 tys. zł. Opiekunka zrezygnowała po kolejnych trzech. Dziesięciu z dwunastu moich rozmówców opisało ten sam ciąg: znajomi, Facebook, agencje, MOPS, a każdy krok po porażce poprzedniego.

Buduję serwis, który ma skrócić to szukanie. Badania, projekt i kod na Next.js i Supabase to moja praca, a przy kodzie pomaga mi agent AI. Zmian pilnuje 3 914 testów i żadna nie wejdzie bez zielonego wyniku w CI.

Serwis ruszy publicznie po załatwieniu formalności prawnych.

Strona Dla rodzin w TwójOpiekun na komputerze: nagłówek „Znajdź opiekuna dla rodzica w Trójmieście, bez stresu i bez agencji” i przycisk „Opisz potrzeby bliskiego”Katalog opiekunów na telefonie: przycisk formularza, filtry, sortowanie i karta przykładowego profilu
Zrzuty ekranu z działającego kodu, 28.10.2026

Projekt własny, 2026

  • Kod
  • Systemy AI

Skaner, który znalazł moje własne zaniedbanie

Prowadzę bazę wiedzy o swoich projektach w dwóch warstwach: źródła piszę sam, a syntezę utrzymuje model językowy. Po kilkuset plikach przestałem tej drugiej warstwie ufać, bo część stron opisywała stan, którego już nie było, i nic nie zgłaszało błędu.

Napisałem skaner, który porównuje to, co baza mówi o sobie, z tym, co leży na dysku. To jeden plik w Pythonie, bez zależności, i niczego w bazie nie zmienia. Ma dziewięć reguł, od stron starszych niż ich źródła po martwe linki. Każde znalezisko oznacza jako fakt albo ocenę: fakty tworzą listę zadań, a oceny zostawia mi. Reguły sprawdzam na sztucznej bazie z piętnastoma podłożonymi usterkami. Przy pierwszym uruchomieniu skaner wskazał audyt bezpieczeństwa, który od 80 dni czekał na zamknięcie.

Zamknąłem go w siedmiu commitach.

λ skan-dryfu

audyt bezpieczeństwa otwarty od 80 dni

Projekt własny, 2023-2026

  • Produkt
  • Kod

Znak i design system tej strony

Znak zaprojektowałem w 2023 roku jako część dyplomu na kursie Sztuka Projektowania. Jego trzy elementy składają się na literę W, a od 2026 roku oznaczają Produkt, Kod i Systemy AI. Przy tej zmianie przyciemniłem podstawowy teal, żeby bursztynowy tekst miał na nim kontrast 7,07:1 zamiast 5,55:1.

System identyfikacji jest w całości mój: znak, jego konstrukcja, kolory i typografia. Ozdobniki tej strony, czyli kadry w specjalizacjach i przesłona w kontakcie, powstają wyłącznie z trzech ścieżek znaku. Są wynikiem eksploracji, którą prowadziłem w kodzie razem z agentem AI.

Z tokenów i komponentów tego systemu zbudowana jest cała ta strona.

14x4xAa7,07:1AAA

Specjalizacje

Produkt

  • Badania z użytkownikami.Prowadzę wywiady pogłębione i testy z użytkownikami, a wnioski sprawdzam w danych z produktu. Tak pracowałem z klientami portalu API, z rodzinami szukającymi opieki i z własnym działem UX. W jednej z aplikacji Hapag-Lloyd badania pokazały klientów, którzy nie znali funkcji terminów, a obsługa klienta dorzuciła drugą grupę: znają ją i mimo to dzwonią, żeby upewnić się, że statek wypłynie na czas. W prototypie widać więc, kiedy dane były ostatnio odświeżone.
  • UX writing i lokalizacja.Skończyłem filologię angielską ze specjalizacją z lokalizacji, więc tekst w interfejsie traktuję jak część projektu. TwójOpiekun ma cztery wersje językowe. Maile zwracają się do ludzi w wołaczu, sprawdzonym na 80 imionach, a rzeczowniki po liczebnikach mają trzy formy, odkąd system wyświetlił mi „Zatwierdzono undefined profili”.
  • Dostępność od pierwszego szkicu.Z TwójOpiekun korzystają seniorzy i ich dzieci, więc widok komfortowy jest włączony od pierwszej wizyty: większy tekst i przyciski o wysokości co najmniej 48 px. Audyt z marca 2026 dał 73 na 100 i 17 naruszeń, w tym jedno krytyczne. Dziś testy sprawdzają formularze w trzech trybach wyświetlania, także w wysokim kontraście, a bramka w CI zatrzymuje każdy nowy tekst mniejszy niż 14 px.

Figma, Figma Make, PostHog, Google Analytics

Zobacz projekty z tego filaru

Kod

  • Frontend, który trafia na produkcję.Piszę frontend w Vue 3 i w React, z TypeScriptem. Ekran, który narysuję, umiem sam doprowadzić do wersji produkcyjnej, tak jak w portalu API.
  • Kod pisany z agentem pod nadzorem.W TwójOpiekun agent AI pisze ze mną kod, a każda zmiana przechodzi przez testy i 13 bramek w CI. Migrację bazy danych uruchamiam sam, bo tej bramki agent nie przejdzie.
  • Design systemy w kodzie.Ta strona stoi na moim design systemie: tokeny, komponenty i znak z trzech elementów. W TwójOpiekun wszystkie ekrany biorą kolory z jednego pliku z tokenami.

Vue 3, TypeScript, React, Next.js, Java, Python, Supabase, Storybook

Zobacz projekty z tego filaru

Systemy AI

  • Wdrażanie AI w zespole.W dziale UX zebrałem z rozmów 18 pomysłów i każdy dostał jawną ocenę wpływu, wysiłku i gotowości zespołu, więc o kolejność spieraliśmy się na punkty. Potem przeprowadziłem pięć szkoleń w małych grupach.
  • Bazy wiedzy dla agentów.Wiedzę rozproszoną po narzędziach zbieram w jedną bazę o stałym schemacie, którą modele AI czytają przez serwer MCP. Tak powstała baza o design systemie z projektu o AI w dziale UX. Działa na niej też agent, który generuje prototypy zgodne z design systemem.
  • Pomiar pracy z AI.Swoją pracę z agentami zmierzyłem na 196 sesjach według cudzej rubryki, a potem sprawdziłem ten pomiar drugim, na 52 transkryptach. Mój dziennik zawyżał wynik o 10 punktów.

Claude Code, GitHub Copilot, MCP, AWS

Zobacz projekty z tego filaru

Jak pracuję

Rzetelność ponad szybkość.

  • Liczby sprawdzam u źródła.W sierpniu 2026 przejrzałem 26 liczb z bloga TwójOpiekun i każdej szukałem w źródle, na które się powoływałem. Zgadzało się pięć, dziewięć znaczyło w źródle coś innego, a dwunastu nie znalazłem wcale. Od tamtej pory liczba trafia do tekstu dopiero wtedy, gdy sam zobaczę ją w źródle.
  • Przepis czytam jak specyfikację.Miałem gotowy kod do weryfikacji opiekunek zaświadczeniem z Krajowego Rejestru Karnego. Cztery dni później przeczytałem ustawę i okazało się, że przy opiece nad dorosłymi nie ma podstawy, żeby go wymagać. Funkcję wyłączyłem i zapisałem warunek, pod którym może wrócić.
  • Zmieniam plan, kiedy dane mówią co innego.TwójOpiekun zaczynałem od algorytmu, który dopasowuje rodziny do opiekunek. Potem przeanalizowałem 255 publicznych wątków o opiece i 80% kluczowych dotyczyło opiekunek. Pierwszy ruch to więc opiekunki, bo bez nich platforma jest atrapą.
  • Uczę w małych grupach, na prawdziwej pracy.Na szkoleniach z AI każdy pracuje na swoim zadaniu. Tak dziesięcioro designerów przeszło ze mną przez VS Code i GitHub Copilota, narzędzia, które wcześniej kojarzyły im się wyłącznie z programowaniem. W ocenach od współpracowników powtarza się, że potrafię przekazywać wiedzę.

“His expertise and openness made him a great teacher when I joined his team.”

Maciej, kolega z zespołu, rekomendacja na LinkedInie, 2021

Wszystkie rekomendacje na LinkedInie

Oferta

Wprowadzę AI do Twojego zespołu projektowego tak, jak zrobiłem to u siebie.

Zaczynam od rozmów z ludźmi, którzy mają z tych narzędzi korzystać, bo z nich wychodzi lista rzeczy wartych zbudowania.

Po współpracy zostają narzędzia postawione na tym, co już masz, i zespół, który prowadzi je dalej.

Sześć etapów adopcji

  1. Discovery i wywiadyRozmawiam z ludźmi na wszystkich poziomach, od liderów po osoby z najkrótszym stażem. Pytam o to, jak wygląda ich dzień i gdzie tracą czas, zanim ktokolwiek wymieni nazwę narzędzia.
  2. Raport stanu adopcjiZapis punktu wyjścia: kto już używa AI i do czego, kto płaci za narzędzia z własnej kieszeni, jakie obawy padają najczęściej, gdzie leżą realne wąskie gardła.
  3. Priorytetyzacja przypadków użyciaKażdy pomysł dostaje ocenę wpływu, wysiłku i gotowości zespołu według jawnej rubryki, plus bonus za wartość dla więcej niż jednej grupy.
  4. Definicja rozwiązań i dokumentacjaOpisuję, co dokładnie budujemy, w jakiej kolejności, z czego korzysta i po czym poznamy, że działa.
  5. WdrożenieBuduję narzędzia na tym, co organizacja już ma i na co ma zgodę.
  6. Szkolenia i przekazanieUczę zespół pracy z tym, co powstało, w małych składach i na ich własnych zadaniach. Celem jest moment, w którym utrzymanie przechodzi do ludzi w firmie.

Formy współpracy

  • Pełny proces adopcjiWzorowany na procesie, który przeprowadziłem w organizacji UX dużej firmy.
  • Warsztat wprowadzającyDwie wersje: dla designu i researchu oraz dla pracy z kodem.
  • KonsultacjeAudyt pracy z agentami, projektowanie agentów, audyt jakości i mentoring.

Na początek proponuję 30 minut rozmowy. Wycenę dostajesz po niej.

Wystąpienia i teksty

  1. 29.10.2026Webinar EDISONDANiewidoczni klienci. Niewidoczne ryzyka.O klientach, którzy wychodzą z aplikacji i dzwonią albo piszą maila.
  2. 20.04.2026VibeCONFPodwójne życie: product design w korpo, marketplace z AI po godzinach.Z tego wystąpienia pochodzi hasło „Rzetelność > szybkość”.
  3. 14.04.2026BRAVE AI Community #4, GdańskCo się stanie, gdy AI dostanie pełny kontekst Twojego design systemu?
  4. 11.2025Demo Day No-Code & AI Startup Builders, GPNTPierwszy pitch TwójOpiekun.
Pełna sala podczas wystąpienia na BRAVE AI Community w Gdańsku, widok z tyłu sali
BRAVE AI Community #4, Gdańsk, 14.04.2026
  • 20.06.2026Wywiad, MamStartup„Wszyscy mają to samo i nikt się tym nie interesuje”Jak programista walczy o sprawiedliwość na rynku opieki nad seniorami? Autorka: Aleksandra Janik.Czytaj wywiad

Napisz, jeśli masz projekt, ofertę pracy albo zaproszenie na wystąpienie.

Poprowadzę też warsztaty albo szkolenie z AI dla Twojego zespołu lub całej organizacji.

wojczarnocki@gmail.com

Odpowiadam w ciągu dwóch dni roboczych. Jestem też na LinkedInie.