UX, UI i systemy projektowe — od badań i strategii, przez interfejsy, aż po
implementację front-endową.
UX Research
Product Design
Front-End Implementation
JP Morgan · Wells Fargo · British Army · WWT · MOI Global · KPMG · Concentrix · Sogeti/Capgemini · UBS Group · Investec · Morgan Stanley · Lenovo · Oracle · Sage · Genesys · NICE · Centurylink · Direct Wines · Computronic Group · N-sync · Kiddylicious · huuman · Access plc · Access IT Automation
Pracuję na styku projektowania, logiki produktu i technologii.Moja rola najczęściej polega na porządkowaniu złożoności: niejasnych wymagań, rozbudowanych procesów, trudnych interfejsów, skomplikowanej nawigacji, niespójnych komponentów albo produktów, które z czasem urosły bez wyraźnej struktury.
Pomagam zrozumieć, co naprawdę trzeba zaprojektować, jak powinien działać produkt lub strona, jak użytkownik ma przejść przez kluczowe zadania i jak przełożyć decyzje projektowe na interfejs, system komponentów lub wdrożenie.
Pomagam projektować oraz porządkować produkty cyfrowe, strony internetowe i interfejsy, aby były bardziej zrozumiałe dla użytkowników, łatwiejsze do utrzymania i lepiej przygotowane do rozwoju. Może to oznaczać uporządkowanie architektury informacji, zaprojektowanie procesu użytkownika, przeprojektowanie interfejsu, przygotowanie design systemu, zbudowanie strony w WordPressie albo wsparcie zespołu przy przełożeniu projektu z Figmy na działający interfejs.
Pomagam zrozumieć, co właściwie trzeba zaprojektować, zanim zespół zacznie tworzyć kolejne ekrany, funkcje albo rozwiązania techniczne.To praca nad problemem, celami biznesowymi, użytkownikami, ograniczeniami, procesami i decyzjami, które mają wpływ na cały produkt lub stronę.
(Treść w języku angielskim)
Projektuję produkty cyfrowe jako całość: przepływy, ekrany, logikę działania, stany, formularze, dashboardy i interakcje.Nie chodzi tylko o wygląd interfejsu, ale o to, jak produkt wspiera realne zadania użytkownika i jak jego struktura może być rozwijana w czasie.
(Treść w języku angielskim)
Zamieniam strukturę, logikę produktu i potrzeby użytkownika w czytelne interfejsy. Projektuję układy ekranów, hierarchię wizualną, komponenty, formularze, tabele, stany interakcji, responsywność i spójny język wizualny produktu lub strony.
(Treść w języku angielskim)
Porządkuję treści, nawigację, strony, funkcje i logikę produktu tak, żeby użytkownik rozumiał, gdzie jest, gdzie może przejść dalej i co powinien zrobić.To szczególnie ważne przy rozbudowanych stronach, platformach, produktach SaaS, systemach enterprise, katalogach usług i projektach, które z czasem stały się zbyt złożone.
(Treść w języku angielskim)
Tworzę i porządkuję systemy projektowe: komponenty, zmienne w Figmie, design tokens, nazewnictwo, warianty, stany, dokumentację i zasady użycia. Pracuję zarówno z Figma Variables, jak i Tokens Studio. W systemach tokenów lubię jasną strukturę: wartości bazowe, semantyczne aliasy i tokeny przypisane do konkretnego użycia w interfejsie.
(Treść w języku angielskim)
Mam praktyczne doświadczenie we wdrażaniu interfejsów i stron internetowych. Pracuję z HTML, CSS/SCSS, JavaScriptem, WordPressem, Elementorem, Webflow oraz projektami, w których ważna jest współpraca design–development.
Dzięki temu projektuję z myślą o tym, jak interfejs będzie działał w prawdziwym środowisku — z realną treścią, responsywnością, ograniczeniami technicznymi i potrzebą późniejszego utrzymania.
(Treść w języku angielskim)
To rozwijany przeze mnie kierunek łączący UX, systemy cyfrowe, strukturę techniczną, platformy, administrację, chmurę i architekturę rozwiązań.Interesuje mnie nie tylko pojedynczy ekran, ale cały kontekst: jak produkt, system, dane, interfejs, infrastruktura i proces biznesowy łączą się w działające rozwiązanie.
Na początek staram się zrozumieć problem, kontekst, użytkowników, ograniczenia i strukturę. W zależności od projektu może to oznaczać analizę istniejącego produktu, mapowanie procesów, architekturę informacji, user flows, task flows, makiety, audyt UX, rekomendacje, system komponentów albo prototyp front-end.
Proces nie zawsze wygląda tak samo. Mała strona internetowa nie potrzebuje takiego samego poziomu analizy jak złożony system enterprise.
Jednak zawsze chodzi jednak o to samo: zmniejszyć niejasność i podjąć lepsze decyzje przed kosztownym projektowaniem lub wdrożeniem.
Zrozumienie → Uporządkowanie → Projekt → Systematyzacja → Wdrożenie
Analiza problemu, celów biznesowych, użytkowników, istniejącej struktury, ograniczeń technicznych i ryzyk. Przykładowe artefakty:
Porządkowanie treści, procesów, nawigacji, ról użytkowników i logiki produktu.Przykładowe artefakty:
Projektowanie makiet, ekranów, interfejsów, formularzy, dashboardów, komponentów i stanów interakcji.Przykładowe artefakty: wireframes, UI screens, prototypy, formularze, tabele, stany błędów, puste stany, widoki responsywne.
Zamiana powtarzalnych decyzji projektowych w system: komponenty, zmienne, tokeny, nazewnictwo i dokumentację. Przykładowe artefakty:
Wsparcie lub wykonanie warstwy front-end tam, gdzie ma to sens: React, Angular, HTML/CSS/JS, prototypy, responsywność, design QA i współpraca z developerami. Przykładowe artefakty:
(Treść w języku angielskim)
Część mojej pracy można pokazać publicznie w formie case studies lub przykładów projektów. W przypadku banków, instytucji finansowych, dużych firm technologicznych i systemów enterprise wiele szczegółów musi pozostać poufnych. Dlatego niektóre projekty są opisane w sposób zanonimizowany — z naciskiem na mój proces, odpowiedzialność, decyzje UX i sposób myślenia, a nie na poufne dane produktowe.
Zanonimizowane case study dotyczące złożonej platformy enterprise, która łączyła automatyzację, discovery, migrację, application packaging, alerty, testy, procesy supportowe, endpoint management i publikowanie aplikacji.Moja praca polegała na uporządkowaniu logiki produktu, zmapowaniu workflow, rozdzieleniu ról i zadań, przepracowaniu architektury informacji oraz przygotowaniu kierunku dla interfejsu i dalszego rozwoju produktu.
(Treść w języku angielskim)
Simplifying a powerful but complex enterprise product by clarifying workflows, user roles, product structure and interface patterns.
Wybrane projekty identyfikacji wizualnej, logo, stron internetowych i materiałów cyfrowych dla firm, artystów i organizacji.Ta część pokazuje moje szersze doświadczenie projektowe: od znaku i systemu wizualnego po stronę, interfejs i wdrożenie.
(Treść w języku angielskim)
Coraz więcej projektów wymaga nie tylko dobrego interfejsu, ale też spójnego systemu: komponentów, zmiennych, tokenów, dokumentacji i powiązania między Figmą a kodem.
Pracuję z Figma Variables i Tokens Studio. Figma Variables są bardzo wygodne tam, gdzie liczy się przejrzystość pracy w samej Figmie. Tokens Studio daje większe możliwości przy bardziej zaawansowanych systemach, synchronizacji z GitHubem, strukturze tokenów i potencjalnym połączeniu z narzędziami typu Style Dictionary.
W systemach tokenów preferuję warstwową strukturę:
Osobno warto porządkować wartości responsywne: rozmiary fontów, odstępy, szerokości kontenerów, spacing sekcji czy parametry komponentów zmieniające się między mobile, tablet i desktop.
(Treść w języku angielskim)
Mam ponad 20 lat doświadczenia w projektowaniu cyfrowym, obejmującym UX, UI, product design, front-end, branding, strony internetowe i systemy projektowe.
Pracowałem przy projektach dla dużych organizacji, firm technologicznych, środowisk enterprise, fintech, produktów B2B, lokalnych biznesów i marek usługowych.
Moje doświadczenie obejmuje zarówno pracę w większych zespołach produktowych i technologicznych, jak i samodzielne prowadzenie projektów od struktury, przez projekt, po wdrożenie.
Uzupełniam praktyczne doświadczenie szkoleniami z UX, zarządzania projektowaniem, dostępności, product managementu, cloud architecture i design systems.
Posiadam specjalizację UX Management od Nielsen Norman Group. Ukończyłem również szkolenia związane z dostępnością cyfrową, projektowaniem doświadczeń użytkownika, analityką, architekturą chmurową i technologiami webowymi. Nie traktuję certyfikatów jako ozdoby. Są dla mnie sposobem porządkowania praktyki, języka pracy z zespołami i decyzji projektowych.
(Treść w języku angielskim)
Mogę pomóc uporządkować strukturę, procesy, interfejs i sposób wdrożenia — tak, żeby produkt, strona lub system były łatwiejsze do zrozumienia, używania i rozwijania.
Strategia UX · Research · IA · User Flows · Journey Maps · Audyty UX · Warsztaty · Discovery
UI Design · Prototypowanie · Design Systemy · Komponenty UI · Mikrointerakcje · Branding
HTML5 · SCSS/SASS · JavaScript · Angular · Vue · GSAP · Webflow · WordPress
NN/g’s Certified
NN/g’s training and UX Certification program offers in-depth, targeted learning about the most important UX topics and effective UX techniques.
Working with Bart is like having an in-house team dedicated to excellence and innovative problem-solving.
I can’t recommend him enough!
My work usually includes the artefacts that help teams make better decisions: problem framing, user flows, information architecture, wireframes, interface systems and implementation notes.
These are the tools I use to reduce ambiguity before design becomes expensive to change.
Clarifying what the product needs to solve, for whom, and under which constraints.
Structuring content, navigation and product logic around user intent.
Mapping decisions, tasks, edge cases and moments where users need guidance.
Testing hierarchy and behaviour before investing in visual detail.
Creating reusable components, variables, patterns and documentation.
Preparing implementation notes, responsive behaviour and edge cases for development.
Good design begins with understanding. I work with teams to clarify complex products, structure better user journeys and design digital experiences that are clear, consistent and purposeful.
