Po co w ogóle portfolio i czym różni się UI/UX od DTP w prezentacji
Portfolio jako główne narzędzie sprzedaży twojej pracy
Portfolio grafika od podstaw nie jest zbiorem ładnych obrazków, tylko narzędziem sprzedażowym. Sprzedajesz nim trzy rzeczy: sposób myślenia, jakość wykonania i odpowiedzialność za efekt. Rekruter czy klient często widzi cię pierwszy raz właśnie przez pryzmat portfolio – zanim przeczyta CV, zanim wejdzie na LinkedIn.
W rekrutacji na etat portfolio decyduje, czy w ogóle dostaniesz zaproszenie na rozmowę. W pracy freelancera jest kluczowe przy wycenach i przetargach – klient porównuje kilka osób i wybiera tę, której prace najlepiej pokazują rozwiązanie podobnych problemów. Nawet przy zleceniach z polecenia, gdy ktoś przychodzi „bo polecił znajomy”, bardzo często pada zdanie: „Podeślij portfolio, pokaż co robiłeś wcześniej”.
Dobrze zrobione portfolio zmniejsza liczbę pytań, tłumaczeń i nieporozumień. Zamiast opowiadać, że umiesz prowadzić projekt UI od badań po wdrożenie, możesz to po prostu pokazać. Zamiast mówić, że znasz proces DTP i drukarnie cię lubią, prezentujesz wydrukowane katalogi, opakowania i poprawnie przygotowane pliki.
UI/UX vs DTP – dwa światy, dwa sposoby prezentacji
Prezentacja projektów UI/UX i prezentacja projektów DTP działają na innych zasadach. UI/UX to przede wszystkim:
proces i decyzje (dlaczego ekran wygląda tak, a nie inaczej),
rozwiązywanie problemów użytkownika i biznesu,
logika przepływów, testy, iteracje,
współpraca z developerami, product ownerami, analitykami.
umiejętność dowiezienia plików, które „przechodzą” przez drukarnię bez poprawek.
Rekruter do roli UX Designer oczekuje, że zrozumie twoje myślenie: jak diagnozujesz problem, jak priorytetyzujesz funkcje, jak testujesz rozwiązania. W przypadku DTP liczy się bezbłędność i konsekwencja: czy potrafisz utrzymać identyfikację na wielu nośnikach, czy wiesz, co się stanie z cienką linią 0,2 pt po wydruku, jak radzisz sobie z dużymi publikacjami tekstowymi.
Jak czyta portfolio rekruter, a jak mały przedsiębiorca
Rekruter produktowy lub UX Lead skanuje portfolio w trybie „problem–rozwiązanie–efekt”. Szuka:
krótkiego kontekstu biznesowego,
twojej roli w zespole,
szkiców, flow, iteracji,
wniosków z badań i testów,
finalnych ekranów z krótkim komentarzem.
Właściciel małej firmy, który zleca ulotki czy banery, patrzy inaczej. Skanuje oczami:
czy projekty są czytelne z daleka,
czy tekst nie „ucieka” od krawędzi,
czy kolory nie są „przepalone”,
czy projekt wygląda „profesjonalnie” – nawet jeśli nie umie tego nazwać fachowo.
Rekruter w agencji UX nie potrzebuje mockupu wizytówki, żeby docenić twoje umiejętności, ale chętnie zobaczy tabelę, wykres, siatkę layoutu aplikacji czy fragment dokumentacji. Natomiast właściciel salonu kosmetycznego będzie bardziej przekonany zdjęciem realnego roll-upu niż wireframem.
Must have a dodatki w portfolio grafika
Minimalny pakiet dla osoby łączącej UI/UX i DTP to:
portfolio online (własna strona lub prosta, porządnie ułożona prezentacja na platformie),
wersja PDF do wysyłki mailem (skrócona, dopasowana do rekrutacji),
profesjonalne case studies – kilka dobrze opisanych, kluczowych projektów.
Platformy typu Behance, Dribbble czy Figma Community są dodatkiem – świetnym na etap inspiracji czy budowania widoczności, ale mało który rekruter oprze tylko na nich decyzję. Podobnie z social mediami: Instagram z ładnymi kadrami plakatów czy logotypów może przyciągnąć uwagę, jednak formalnie portfolio grafika od podstaw lepiej oprzeć na czymś, co masz pod pełną kontrolą.
Ustalenie celu portfolio: dla kogo i w jakim kontekście
Trzy główne scenariusze: etat, freelance, staż/junior
Przed wyborem projektów do portfolio dobrze jest zdefiniować scenariusz użycia. Inaczej układasz materiał, gdy idziesz na:
etat w firmie / agencji – liczy się dopasowanie do profilu stanowiska,
freelance – bardziej pokazujesz przekrój problemów, które umiesz rozwiązać,
staż / junior – kluczowa jest nauka, potencjał i sposób myślenia, nie ilość zrealizowanych zleceń.
Dla etatu w software house w sekcji UI/UX pokazujesz np. aplikacje webowe, panele administracyjne, mobilne produkty i współpracę z devami. Dla drukarni czy studia brandingowego eksponujesz projekty DTP: katalogi, opakowania, systemy identyfikacji. Przy stażu liczy się przede wszystkim, czy umiesz jasno opowiedzieć projekt, nawet jeśli powstał w ramach kursu albo jako koncept.
Branża odbiorcy a dobór projektów
Portfolio grafika UI/UX i DTP powinno mówić językiem branży odbiorcy. Kilka przykładów:
Agencja UX – pokaż proces: badania, warsztaty, persony, mapy podróży, testy prototypów. DTP może być jedynie dodatkiem, dowodem ogólnej wrażliwości wizualnej.
Drukarnia / studio DTP – w centrum daj publikacje, opakowania, materiały POS, layouty wielostronicowe. UI/UX raczej jako ciekawostka lub pokaz łączenia świata offline i online.
Software house – case studies produktów cyfrowych, design systemy, współpraca z devami. DTP tylko wtedy, gdy łączy się z projektem (np. materiały marketingowe dla tego samego produktu).
Taki podział pokazuje, że rozumiesz potrzeby rynku. Ten sam projekt można opowiedzieć na kilka sposobów: raz kładąc nacisk na proces UX, innym razem na spójność wizualną i adaptacje do różnych nośników.
Portfolio uniwersalne czy kilka wersji dopasowanych
Są dwa podejścia:
jedno portfolio „uniwersalne” – mniej pracy w utrzymaniu, dobre na początek,
kilka wersji tematycznych (np. UI/UX-first, DTP-first, junior version) – bardziej skuteczne przy różnych branżach.
Dla osoby na starcie kariery sensowne jest zbudowanie jednego dopracowanego trzonu (strona + PDF), a później tworzenie wariantów. Na przykład:
PDF „UI/UX” – 5–6 case studies procesowych,
PDF „DTP & druk” – 8–10 przykładów realizacji do druku,
strona WWW – komplet, ale z wyraźnym podziałem na dwie główne sekcje.
Etapem przejściowym bywa prosty zabieg: na stronie głównej dajesz przełącznik „Szukasz grafika UI/UX?” / „Szukasz grafika DTP?”, a każda opcja prowadzi do odpowiednio wyselekcjonowanych projektów.
Definicja idealnego odbiorcy i jego problemów
Zamiast zadawać sobie ogólne pytanie „co pokazać?”, lepiej zadać: jakie problemy chce rozwiązać osoba oglądająca moje portfolio?. Przykłady:
Lead UX: „Czy ta osoba potrafi samodzielnie poprowadzić część procesu i współpracować z zespołem?”
Szef drukarni: „Czy nie będę codziennie poprawiał jej plików i dzwonił z błahymi pytaniami technicznymi?”
Mały przedsiębiorca: „Czy ten projektant sprawi, że moja oferta będzie wyglądać profesjonalnie i zwiększy zaufanie klientów?”
Jeśli wiesz, na co odpowiada twoje portfolio, łatwiej dobrać projekty i sposób ich opisu. Portfolio dla junior UI może akcentować: chęć nauki, znajomość narzędzi, podstawy badań, poprawne siatki, typografię i sensowny UX nawet w prostych zadaniach. Dla doświadczonego freelancera bardziej liczy się przekrój branż i skalowalność rozwiązań.
Selekcja prac: ile, jakie i w jakich proporcjach
Ile projektów naprawdę trzeba pokazać
Przy budowaniu portfolio grafika od podstaw najczęstszy błąd to „wstawić wszystko, co mam”. Lepiej zadziała zasada mniejszej liczby, ale lepszej jakości:
junior / staż: 6–8 projektów łącznie (np. 3–4 UI/UX, 3–4 DTP),
mid: 8–12 projektów, z czego 5–7 jako pełne case studies, reszta – skrócone przykłady,
senior: 6–10 mocnych case studies, często wężej wyspecjalizowanych.
Jeśli portfolio rośnie ponad te wartości, w praktyce nikt nie ogląda wszystkiego. Decyzje o współpracy często zapadają po pierwszych 3–4 projektach. Lepiej mieć krótsze, ale przemyślane portfolio niż tasiemiec z wszystkimi zleceniami od początku kariery.
Łączenie UI/UX i DTP w jednym portfolio
Osoba łącząca projektowanie cyfrowe z drukiem ma trzy opcje:
jeden serwis, wyraźny podział na sekcje (UI/UX vs DTP),
dwie osobne strony / adresy – mocne rozdzielenie specjalizacji,
jedno portfolio z przewagą jednej dziedziny (druga jest dodatkiem).
Najpraktyczniejsze na start jest pierwsze podejście: jedna strona, ale bardzo klarowna struktura. Na górze nawigacji: „UI/UX”, „Druk / DTP”, „O mnie”, „Kontakt”. W ramach PDF-ów można już rozdzielić: osobny plik dla rekrutacji UX, osobny dla ofert DTP.
Przy większym obłożeniu zleceniami (albo gdy chcesz się pozycjonować jako wyspecjalizowany ekspert) sensowne bywa pełne rozdzielenie: dwa brandy, dwie strony, dwa stylizowane portfolio. Dla osoby oglądającej jest to czytelniejszy komunikat: „jestem projektantem UI/UX” albo „jestem grafikiem DTP”. Hybryda bywa trudniejsza do szybkiego zrozumienia, ale ma plus: pokazuje szeroki warsztat.
Zasada „mniej a lepiej” kontra „pokaż wszystko”
„Pokaż wszystko” kusi szczególnie na początku drogi – chcesz udowodnić, że naprawdę coś robiłeś. Jednak rekruter nie ma czasu na godzinne przeglądanie. Dużo lepiej działa:
pokazanie 3–4 dopracowanych case studies UI/UX, gdzie widać proces,
do tego 3–4 przykłady DTP, zróżnicowane pod kątem formatu (ulotka, plakat, katalog, opakowanie),
+ 1–2 projekty dodatkowe (branding, ilustracje, layouty do social mediów), jeśli są spójne z kierunkiem, w którym chcesz iść.
Niedosyt często jest lepszy niż przesyt. Jeśli ktoś będzie chciał zobaczyć więcej, po prostu poprosi – i wtedy możesz wysłać dodatkowe przykłady lub linki.
Projekty własne, pro bono i prace ze studiów
Gdy dopiero startujesz, większa część portfolio to:
projekty z kursów i studiów,
autorskie koncepty,
zlecenia pro bono dla znajomych, NGO, małych inicjatyw.
Takie prace są całkowicie akceptowalne, jeśli są dobrze opisane. Przy każdym projekcie jasno zaznacz:
Własna strona WWW nie musi być rozbudowana. Spójny, prosty one-page z sekcjami UI/UX, DTP, o mnie i kontakt często wystarczy. Do tego PDF jako „wersja do druku” – ładnie ułożona, lekka, z wybranymi projektami. Taki zestaw dobrze współgra z zewnętrznymi platformami, gdzie możesz kierować ruch po więcej o grafika: więcej o grafika.
czy to był projekt komercyjny, czy koncept,
czy miał realne wdrożenie,
jaka była twoja rola (pełna odpowiedzialność, współpraca, tylko część zadań).
Dobrze przygotowany projekt koncepcyjny potrafi zrobić lepsze wrażenie niż słabe, przypadkowe zlecenie komercyjne. Zwłaszcza w UI/UX, gdzie możesz „zasymulować” pełen proces dla hipotetycznego produktu i pokazać badania, makiety, testy, mimo że klienta nie było.
Źródło: Pexels | Autor: Vitaly Gariev
Struktura portfolio: jak ułożyć całość, żeby dało się to „przeskanować”
Kluczowe elementy: start, lista projektów, case study, o mnie
Dobrze działająca struktura portfolio online zwykle składa się z czterech obszarów:
Strona startowa – krótki opis czym się zajmujesz (UI/UX, DTP), selekcja najważniejszych projektów.
Lista projektów – kafelki lub karty z miniaturą, krótkim opisem i wyraźnym oznaczeniem typu projektu (UI, UX, produkt cyfrowy, DTP, druk). Kluczowe, żeby można je było filtrować lub przynajmniej wizualnie odróżnić.
Strony case study – osobne podstrony (lub slajdy w PDF-ie) dla najważniejszych projektów, z opisem kontekstu, procesu i efektów.
Sekcja „O mnie” – kilka zdań o doświadczeniu, mocnych stronach, narzędziach, sposobie pracy, plus zdjęcie lub avatar.
Kontakt – prosty formularz, adres e-mail, ewentualnie telefon i linki do LinkedIn, Behance, Dribbble.
Różnica między portfolio UI/UX a DTP w strukturze polega głównie na ciężarze case studies. W UI/UX każda kluczowa realizacja powinna mieć własną, dość rozbudowaną stronę. W DTP częściej wystarczą dobrze złożone galerie, pogrupowane tematycznie (publikacje, opakowania, plakaty). Łączenie obu światów ułatwia spójna nawigacja i konsekwentne oznaczanie typów projektów już na poziomie listy.
Jak ułożyć projekty, żeby prowadziły wzrokiem jak historia
Dwa popularne układy to: najnowsze od góry oraz „showreel” – najpierw najmocniejsze realizacje, reszta niżej. Dla osoby łączącej UI/UX i DTP zwykle lepiej działa podejście mieszane: na górze 3–4 kluczowe projekty dopasowane do celu (np. docelowej roli UX), a pod spodem pełniejsza lista, już w kolejności chronologicznej lub według kategorii.
Dobrym trikiem jest prowadzenie odbiorcy „ścieżką”: najpierw jeden przekrojowy case UI/UX (od badań po wdrożenie), potem uzupełniający projekt bardziej UI-owy (np. redesign aplikacji), a następnie mocny blok DTP pokazujący warsztat produkcyjny. Taka kolejność pokazuje, że nie tylko projektujesz atrakcyjne interfejsy, ale też myślisz o konsekwencji brandu w offline.
W PDF-ie możesz podejść do tego jeszcze prościej: pierwsze 2–3 projekty dopasowane stricte do oferty pracy/klienta, a dopiero potem rozdział „Pozostałe wybrane realizacje”. Rekruter dostaje od razu najbardziej trafne przykłady, a jeśli ma czas i chęć – „dokopuje się” do reszty.
Struktura pojedynczego case study UI/UX
Przy projektach cyfrowych liczy się nie tylko finał, ale to, jak do niego doszłaś/doszedłeś. Jedno case study można ułożyć według stałego szkieletu:
Kontekst i cel – 2–3 zdania: dla kogo jest produkt, jaki problem rozwiązuje, jaka była twoja rola.
Badania i insighty – skrót tego, co odkryłeś: wywiady, ankiety, analiza danych, audyt konkurencji. Nie musisz wchodzić w metodologiczne szczegóły, ważny jest tok myślenia.
Proces projektowy – od szkiców i user flow, przez wireframes, do high-fidelity UI. Kilka kluczowych ekranów zamiast wrzucania absolutnie wszystkiego.
Testy i iteracje – co sprawdziłeś, co wyszło źle, co zmieniłeś. Krótko, ale szczerze.
Efekt i refleksja – finalne makiety, komponenty systemu, design system, plus 1–2 zdania, czego się nauczyłeś lub co byś poprawił przy kolejnym podejściu.
Różnica między juniorem a seniorem nie polega na ilości grafik, ale na jakości historii. Junior może nawet pracować na projekcie koncepcyjnym, ale jeśli logicznie tłumaczy decyzje (dlaczego taki flow, skąd taki grid, czemu ten kontrast kolorów), wypada lepiej niż ktoś, kto pokazuje sam „ładny dribbblowy shot” bez żadnego kontekstu.
Struktura case study DTP: technika i odpowiedzialność
Przy druku bardziej niż w UI/UX liczy się odpowiedzialność techniczna i przewidywanie ryzyka. Case study DTP możesz zbudować inaczej niż cyfrowe:
Kontekst zlecenia – kilka zdań o formacie, nakładzie, typie druku, terminie i roli w projekcie (samodzielnie, w studio, z korektorem i DTP-owcem).
Założenia projektowe – kto jest odbiorcą, jakie były ograniczenia (budżet, liczba kolorów, dostępne zdjęcia, istniejące CI).
Rozwiązania graficzne – kompozycja, hierarchia treści, wybór typografii, użycie siatki, sposób pracy z ilustracją/fotografią.
Rozwiązania techniczne – formatowanie, spady, rastry, profile kolorystyczne, przygotowanie do konkretnej maszyny, uwagi dla drukarni.
Rezultat i produkcja – zdjęcia gotowego wydruku, krótkie info o przebiegu druku (np. korekta proofa, poprawki po pierwszym nakładzie) oraz o tym, co się sprawdziło lub co byś usprawnił następnym razem.
W UI/UX najczęściej pokazujesz ekrany i przepływy. W DTP dobrze działają zestawienia: plik vs. real. Obok wizualizacji opakowania na białym tle dodaj zdjęcie z półki sklepowej. Do plakatu – kadr z ulicy albo z wydarzenia. Takie porównania szybko sygnalizują, że rozumiesz, jak projekt zachowuje się poza monitorem, a nie tylko w idealnych warunkach prezentacji.
Przy druku szczególnie przekonuje umiejętność radzenia sobie z ograniczeniami. Można pokazać dwa warianty tej samej publikacji: bogatszy, pełnokolorowy katalog i uproszczoną, tańszą wersję na cieńszym papierze i w mniejszym formacie. Rekrutera interesuje, że potrafisz dostosować się do budżetu, procesu drukarni i realiów klienta, nie tracąc spójności wizualnej. Zderzenie tych dwóch podejść w jednym case study bardzo pomaga ocenić sposób myślenia.
Na koniec przydaje się choć kilka zdań o współpracy z drukarnią: jak wyglądał obieg plików, kto akceptował proofy, jakie poprawki techniczne trzeba było wprowadzić. To obszar, który najmocniej odróżnia dojrzałego grafika DTP od osoby, która tylko „składa ładne rzeczy w InDesignie”. Umiejętność przewidzenia uciecia spadów, problemów z lakierem wybiórczym czy czytelności małej czcionki przy druku cyfrowym jest tu równie ważna, co sam wygląd layoutu.
Formy i narzędzia portfolio: PDF, strona WWW, platformy zewnętrzne
Przy projektach cyfrowych i DTP zwykle pojawiają się trzy główne nośniki portfolio: PDF, własna strona i platformy zewnętrzne. Każdy z nich sprawdza się w innym kontekście. PDF bywa wygodniejszy przy rekrutacji korporacyjnej (łatwo przesłać dalej, zapisać na dysku, wydrukować), strona WWW lepiej pracuje na wizerunek freelancera lub studia, a Behance, Dribbble czy portfolio na Figma Community pomagają dotrzeć do branży i zebrać feedback.
Przy PDF-ie wybór jest prosty, ale ma kilka wariantów. Jeden, przekrojowy plik (UI/UX + DTP) jest wygodny logistycznie, ryzykujesz jednak nadmiarem treści dla osób szukających konkretnego profilu. Dwa osobne PDF-y (np. „UI/UX – wybrane realizacje” i „DTP – wydruki i opakowania”) wymagają lepszej organizacji, lecz pozwalają bardzo szybko dopasować się do ogłoszenia lub klienta. Przy wersji „all-in-one” sprawdza się mocny spis treści z ikonami i kolorami podkategorii, żeby ktoś w kilka sekund wiedział, gdzie kliknąć.
Strona WWW odgrywa inną rolę niż PDF. Tutaj liczy się nie tylko treść, ale też to, jak sama witryna jest zaprojektowana: szybkość, przejrzystość, wersja mobilna, dostępność. Dla UI/UX designera to wręcz mini-case study: sposób filtrowania projektów, struktura nawigacji, czytelność tekstów – wszystko mówi o kompetencjach. Przy mieszanym profilu można rozdzielić portfolio na dwie główne sekcje (UI/UX i DTP), ale spiąć je jednym, wspólnym „About” i jedną zakładką „Kontakt”, żeby nie wyglądało to jak dwa przypadkowe światy.
Platformy zewnętrzne działają trochę jak targi – dużo ludzi, duża konkurencja, za to wysoki potencjał zasięgu. Behance częściej sprawdza się przy dłuższych case studies i mieszanych projektach (digital + druk), Dribbble jest bardziej „pocztówką” z UI, animacjami i pojedynczymi ekranami, a Instagram może zagrać rolę luźniejszego „zaplecza”, gdzie pokazujesz szkice, proces, kulisy sesji zdjęciowych do opakowań. W DTP szczególnie przydają się zdjęcia z realnego użycia prac, więc galeria na Behance lub osobny highlight na Instagramie potrafią dobrze uzupełnić „formalny” PDF.
Dobrym układem jest połączenie tych trzech kanałów w spójną ścieżkę. PDF jest „intro” wysyłanym w odpowiedzi na ogłoszenia i zapytania klientów, z linkami do strony WWW i profili społecznościowych. Strona pełni rolę centrum dowodzenia – tam trafia się z wyszukiwarek, stamtąd linkujesz konkretne case studies przy rozmowie rekrutacyjnej. Platformy zewnętrzne służą raczej do podbicia widoczności w branży oraz do wstępnego „przesiania” odbiorców, którzy potem klikają w link do twojej witryny.
Różnica między osobą, która „ma portfolio”, a kimś, kto dzięki portfolio realnie zdobywa zlecenia, zwykle sprowadza się do świadomych wyborów: jaki cel, dla kogo, w jakiej formie. Łącząc UI/UX z DTP, masz przewagę – rozumiesz i ekran, i papier. Jeśli tę dwutorowość przełożysz na przejrzystą strukturę, sensowne case studies i przemyślane kanały prezentacji, portfolio przestaje być tylko zbiorem ładnych obrazków, a staje się narzędziem, które pracuje na następny krok w karierze.
Jak dostosować portfolio do rekrutacji, klienta i social mediów
Jedna baza projektów, trzy różne „opakowania”. Portfolio grafika rzadko działa w próżni – zwykle ma trafić do konkretnej osoby w konkretnym momencie. Inaczej patrzy na nie rekruter w software house, inaczej właściciel małej drukarni, a jeszcze inaczej obserwator na Instagramie. Schemat prac może być ten sam, lecz wersje prezentacji już niekoniecznie.
Portfolio pod rekrutację na etat
Przy rekrutacji liczy się szybkość oceny. Osoba przeglądająca kilkadziesiąt zgłoszeń dziennie rzadko ma czas na wchodzenie w szczegółowe case studies na stronie. Sprawdza się wtedy para: krótki PDF + link do serwisu WWW. PDF działa jak teaser, strona – jak pełny katalog.
Dla stanowiska UI/UX zwykle wystarczą 3–4 mocne case studies w PDF-ie, z czego przynajmniej połowa powinna dotyczyć projektów zbliżonych do profilu firmy (np. aplikacje webowe, produkty SaaS, e‑commerce). UI pokrewne branżowo, ale bez dużej części UX (np. samo redesignowanie landing page’y) można przenieść na dalsze strony lub zostawić wyłącznie na WWW.
Przy etacie w studiu brandingowym lub agencji kreatywnej, która łączy digital z drukiem, dobrze działa mix: 1–2 dłuższe case studies UI/UX + 2–3 mocne projekty DTP, ale skrócone do esencji: format, rola, główne decyzje projektowe i 1–2 zdjęcia gotowego materiału. Rekruter otrzymuje wtedy informację, że potrafisz przełączać się między mediami, a jednocześnie nie tonie w detalach technicznych.
Przy rekrutacjach korporacyjnych (bank, ubezpieczenia, duży e‑commerce) PDF bywa filtrowany przez osoby nietechniczne. Dobrym kompromisem jest wtedy zachowanie prostego języka (bez skrótów metodologicznych typu „heuristics review” bez wyjaśnienia, co to znaczy w praktyce) i dodanie krótkich etykiet przy projektach: „Aplikacja mobilna – onboarding użytkownika”, „Panel administracyjny – poprawa czytelności danych tabelarycznych”.
Portfolio freelancera pracującego z klientami MŚP
Mały i średni biznes patrzy pragmatycznie: „Czy ta osoba zrobi nam ulotkę, stronę, aplikację, którą klient zrozumie?”. Świetny, rozbudowany case study UX potrafi nie zadziałać na właściciela lokalnej restauracji, który chce mieć „ładne menu i funkcjonalną stronę z rezerwacją stolika”.
Tutaj wygrywa estetyczny, ale prosty PDF (4–8 stron) oraz przejrzysta zakładka „Oferta” na stronie WWW. W PDF-ie można świadomie zmniejszyć udział skomplikowanych procesów badawczych, za to dołożyć:
zestawienia „przed / po” (stary plakat vs nowy, stara strona vs redesign),
krótkie komentarze klientów (1–2 zdania zamiast długich referencji w ramkach),
Dla małych firm medium (druk czy ekran) bywa drugorzędne. Interesuje je raczej, czy potrafisz uporządkować treści i przełożyć je na coś, co klienci zrozumieją i polubią.
Portfolio jako content w social mediach
Social media nie zastępują portfolio, ale świetnie je dokarmiają. Dla UI/UX często będą to pojedyncze ekrany, krótkie animacje przejść, wykresy „flow”, a dla DTP – zdjęcia gotowych wydruków i detali produkcyjnych (tłoczenie, lakier, nietypowa oprawa).
W praktyce dobrze działa podział roli kanałów:
Instagram – na pierwszej linii wizualny „hook”: mocne kadry, makiety, zdjęcia „in situ”. Opis może zawierać 2–3 zdania procesu z linkiem „pełne case study na stronie”.
LinkedIn – bardziej merytoryczny komentarz: outline problemu, 2–3 slajdy z makietami lub wydrukami, krótki opis decyzji projektowych i rezultat (np. „zmniejszenie liczby błędów przy wypełnianiu formularza”).
Behance/Dribbble – docelowe „archiwum” single-projektów, na które kierujesz ruch z innych kanałów.
Przy projektach drukowanych zestawienie dwóch zdjęć robi więcej niż długi opis: zbliżenie na fakturę papieru vs ujęcie całego standu w sklepie. Na socialach to często zatrzymuje scroll szybciej niż kolejny mockup na białym tle.
Źródło: Pexels | Autor: RDNE Stock project
Jak mówić o roli, zespole i ograniczeniach w case studies
Przy projektach UI/UX i DTP rzadko pracujesz w kompletnej próżni. Jest klient, PM, zespół devów, drukarnia, copywriter, account. Dobrze opisane case study nie tylko pokazuje finalny efekt, ale też granice odpowiedzialności, w których naprawdę działałeś.
Precyzowanie swojej roli przy projektach cyfrowych
Przy UI/UX jednym z najczęstszych zarzutów rekruterów jest niejasność: „czy ta osoba faktycznie projektowała UX, czy tylko kolorowała makiety”. Prostym rozwiązaniem jest stały moduł w opisie każdego projektu: „Moja rola” i „Zespół”.
Kilka przykładów, jak można to zapisać zwięźle i uczciwie:
„Moja rola: lead UI, wsparcie w warsztatach UX. Zespół: senior UX designer, product owner, dwóch developerów front-end.”
„Moja rola: samodzielny projektant end‑to‑end (badania, makiety low-fi, UI, prototyp w Figmie). Zespół: founder, programista freelance.”
„Moja rola: redesign warstwy wizualnej (UI), praca na zastanym flow i istniejących wymaganiach biznesowych. UX – gotowe.”
Tego typu konkrety rozwiązują wątpliwości. Jeśli dopiero startujesz i wiele projektów jest koncepcyjnych, można to również napisać wprost: „Projekt koncepcyjny, bez wdrożenia produkcyjnego, skupiony na nauce procesu badawczego i prototypowania.” Lepiej działa transparentność niż milczenie, które rodzi podejrzenia.
Opisy zespołu i odpowiedzialności w DTP
Przy DTP rola grafika bywa silnie powiązana z przepływem pracy w studiu lub drukarni. Czasem projektujesz od zera, czasem jedynie składasz według gotowego brandbooka. Te różnice dla rekrutera są istotne, bo wskazują, czy możesz przejąć projekt „od pustej kartki”.
Warto dodać przy każdym case study proste wzmianki:
„Layout i projekt okładki – własny, reszta składu wg istniejących wytycznych wydawnictwa.”
„Adaptacja KV kampanii od agencji X na outdoor i materiały POS, bez prawa do modyfikacji głównej kreacji.”
„Projekt od zera: koncepcja serii opakowań, przygotowanie do druku, kontakt z drukarnią, nadzór nad pierwszym nakładem.”
Przy większych produkcjach (np. katalogi po kilkaset stron) dobrze wygląda króciutki opis organizacji pracy: „Zespół: ja + korektor + project manager z agencji. Proces: wstępny layout, wzorcowe rozkładówki, następnie praca iteracyjna na partiach po 32 strony.” Daje to wyraźny sygnał, że umiesz funkcjonować w realnym, złożonym procesie.
Jak pokazywać ograniczenia bez „obniżania” swojej pracy
Każdy projekt ma ograniczenia: budżet, stary backend, brak zdjęć, narzucone CI, kiepski papier. Umiejętne opisanie tych ram podnosi wiarygodność pracy, zamiast ją obniżać.
Przy UI/UX można stosować szkielet:
„Ograniczenia: brak możliwości zmiany struktury bazy danych, konieczność utrzymania obecnego layoutu siatki, brak czasu na badania generatywne.”
„Decyzje: skoncentrowałem się na poprawie hierarchii wizualnej, pracy z kontrastem, nowym systemie typografii i ograniczeniu liczby stanów błędów.”
Przy DTP podobnie:
„Ograniczenia: druk offsetowy na tanim, chłonnym papierze; brak możliwości użycia kolorów spot; narzucony format z wcześniejszych edycji.”
„Decyzje: uproszczenie palety do 2 kolorów, mocniejsza siatka i większe marginesy wewnętrzne dla poprawy czytelności przy niskiej jakości druku.”
Różnica między narzekaniem a profesjonalnym opisem polega na tym, że w drugim przypadku widać wybór: co zrobiłeś mimo ograniczeń i jak świadomie pogodziłeś estetykę z realiami.
Organizacja plików i przygotowanie materiałów roboczych
Portfolio to nie tylko finalne JPG w ładnym układzie, ale też kulisy: jak nazywasz pliki, jak przygotowujesz dane do druku czy rozdzielenia na etapy w Figma. Przy rozmowach o pracę lub większych zleceniach często pojawia się ekran współdzielony – wtedy sposób organizacji staje się widoczny od razu.
Porządek w narzędziach UI/UX
W Figmie, XD czy Sketchu przydaje się ujednolicony schemat stron i warstw. Nie chodzi o perfekcyjny „textbook”, ale o spójność, którą druga osoba może w kilka sekund rozszyfrować. Dobrym podejściem jest:
Oddzielenie Explorations / Playground od Final – rekruter od razu wie, co jest decyzją, a co eksperymentem.
Grupowanie komponentów w jednym miejscu z nazwami wynikającymi z funkcji (np. „Button / Primary / Default”) zamiast „button_blue_new_new2”.
Na rozmowie bywa, że proszą o pokazanie „jak wygląda plik od środka”. Wtedy przejście od strony startowej do komponentów lub wybranej user journey bez chaotycznego scrollowania staje się niemylnym sygnałem, że wiesz, co robisz i inni będą w stanie z tobą współpracować.
Struktura plików w projektach DTP
Przy druku liczy się nie tylko finalny PDF, ale też to, czy ktoś po tobie będzie w stanie plik otworzyć i edytować. Minimalny standard, który dobrze wybrzmiewa w rozmowach, to:
Folder z źródłami: „01_Indesign”, „02_Images”, „03_Fonts”, „04_Preview”.
Wyraźne nazwy wersji: „katalog_v03_do_druku”, „katalog_v03_zmiany_klient”, „katalog_v04_final”.
Osobny folder z plikami dla drukarni i krótkim plikiem TXT z parametrami (profil kolorystyczny, rodzaj spadów, informacje o lakierze, numer narzędzia sztancującego, jeśli dotyczy).
W portfolio możesz pokazać zrzut ekranu z fragmentem struktury folderów lub krótko opisać proces: „Przed wysyłką do drukarni wszystkie obrazy konwertowane do CMYK Coated FOGRA39, czernie tekstowe zredukowane do 1C, sprawdzony overprint na elementach czarnych.” Tego typu notatki są czytelne dla osób technicznych i sygnalizują, że opanowałeś podstawy produkcyjne.
Backup, wersjonowanie i bezpieczeństwo danych
Strata plików to nie tylko problem logistyczny, ale też kwestia zaufania klienta. Projekty UI/UX często korzystają z danych użytkowników, a przy DTP zdarzają się poufne materiały (np. katalogi B2B przed premierą produktu). Można dyskretnie zaznaczyć swoje podejście do bezpieczeństwa:
„Pliki robocze przechowywane na koncie firmowym (Google Drive/OneDrive) z dostępem ograniczonym do zespołu projektowego.”
„Kopie zapasowe projektów trzymane w dwóch lokalizacjach: lokalnie i w chmurze.”
„Przy projektach objętych NDA w portfolio wykorzystane zostały zanonimizowane dane i zamazane wrażliwe informacje.”
Taki dopisek nie musi być osobną sekcją – wystarczy jedno zdanie na stronie „About” lub w opisie większego projektu. Działa jednak jak jasny sygnał, że traktujesz dane klienta poważnie.
Jak rozwijać portfolio w czasie: iteracje, testy i aktualizacje
Portfolio nie kończy się w dniu publikacji. Tak jak projekty UI/UX są rozwijane wersjami, a wydruki mają kolejne nakłady, tak samo prezentacja twoich prac wymaga cyklicznych korekt. Różnica między osobą „z portfolio” a kimś, kto nim zarządza, objawia się właśnie w tym podejściu.
Iteracyjne podejście do portfolio UI/UX
Przy stronie WWW z case studies naturalnym narzędziem stają się małe testy użyteczności. Możesz:
poprosić 2–3 znajomych z branży, żeby na głos „przeszli” przez stronę i opisali, co rozumieją, a co nie,
sprawdzić w analityce (GA, Plausible, inne), na których projektach ludzie spędzają najwięcej czasu, a które są przeskakiwane,
obserwować, skąd przychodzą wejścia (LinkedIn, Behance, rekomendacje) i pod te kanały dostosować kolejność case studies.
Przy UI/UX zmiany możesz prowadzić niemal „na żywo”: podmienić kolejność projektów, dodać nagłówek wyjaśniający specjalizację, skrócić przeładowane sekcje procesu. Przy DTP częściej aktualizujesz zestaw projektów niż samą formę prezentacji – dochodzą nowe katalogi czy opakowania, stare realizacje wypadasz do archiwum. Dobrze działa prosty rytuał: raz na kwartał przejrzeć portfolio i zadać sobie pytanie, które realizacje nadal reprezentują twój aktualny poziom i kierunek, a które trzymają się już tylko z sentymentu.
W UI/UX większy nacisk kładziesz na przebudowę narracji (jak opowiadasz o procesie, gdzie pokazujesz dane, jakie wnioski eksponujesz). W DTP częściej dopieszczasz dobór kadrów: inne ujęcia mockupów, lepsze zbliżenia detali druku, uaktualnione zdjęcia gotowych materiałów „w terenie”. Ten sam projekt katalogu może wyglądać amatorsko lub bardzo profesjonalnie wyłącznie w zależności od tego, jak został sfotografowany i skadrowany w portfolio.
Dobrym testem jest porównanie dwóch „wersji” własnego portfolio: obecnej i tej sprzed roku. W UI/UX zobaczysz, czy opisy poszły bardziej w stronę „ładnych ekranów”, czy realnego rozwiązania problemu. W DTP wyjdzie na jaw, czy wciąż pokazujesz głównie plakaty i ulotki, czy jednak zaczynasz budować wizerunek osoby, która dowozi duże, odpowiedzialne produkcje (opakowania, katalogi, systemy identyfikacji). Tam, gdzie widzisz rozdźwięk z tym, jak chcesz być postrzegany, tam zaczyna się plan na kolejną iterację.
Jeśli portfolio ma pracować na dwa fronty – UI/UX i DTP – wygodniej jest prowadzić je jak produkt w dwóch wariantach. Z jednej strony możesz mieć wspólną stronę, z drugiej: osobne „wejścia” albo PDF-y profilowane pod różne typy odbiorców. Rekruter z software house’u powinien w trzech kliknięciach dostać się do case studies produktowych, a osoba z drukarni – do przykładów opakowań, publikacji i proofów produkcyjnych. Mniej chodzi o ilość projektów, bardziej o klarowny wybór ścieżki, którą komuś podajesz na tacy.
Dobrze zrobione portfolio nie jest zbiorem „najładniejszych rzeczy”, tylko narzędziem, które pomaga innym szybko zrozumieć, w czym konkretnie jesteś dobry i czy potrafisz pracować w realnych ograniczeniach – czy to przy prototypowaniu z zespołem produktowym, czy przy przygotowaniu plików do trudnego druku. Jeśli będziesz je traktować jak żywy projekt, który się bada, iteruje i czasem bez litości czyści, dużo łatwiej będzie przekuć same umiejętności w konkretne oferty pracy i zlecenia.
Najczęściej zadawane pytania (FAQ)
Jak zacząć budować portfolio grafika, jeśli łączę UI/UX i DTP?
Na start przyda się jeden, solidny trzon: prosta strona z wyraźnym podziałem na sekcje UI/UX i DTP oraz krótki PDF do wysyłki mailem. Nie chodzi o dziesiątki projektów, tylko o kilka dobrze opisanych case studies, które pokazują, jak myślisz, jak rozwiązujesz problemy i jak dowozisz efekt.
Dobrym kompromisem jest układ: sekcja UI/UX z 3–4 projektami procesowymi (badania, flow, testy, ekrany) oraz sekcja DTP z 3–4 realizacjami do druku (katalog, opakowanie, materiały reklamowe). Z czasem możesz dorabiać warianty PDF pod konkretne role: „UI/UX-first” dla software house’u i „DTP-first” dla drukarni lub studia brandingowego.
Czym różni się portfolio UI/UX od portfolio DTP?
Portfolio UI/UX jest przede wszystkim narracją o procesie: problem użytkownika i biznesu, twoje decyzje projektowe, iteracje, testy, współpraca z zespołem. Same ładne ekrany bez kontekstu mają mniejszą wartość niż prostszy wizualnie projekt, ale dobrze opisany krok po kroku.
W DTP na pierwszy plan wychodzi bezbłędność techniczna i powtarzalność efektu. Rekruter lub szef drukarni szuka dowodów, że rozumiesz spady, profile kolorów, overprint, skład wielostronicowy i potrafisz przygotować pliki, które przechodzą przez drukarnię bez serii poprawek. Zamiast pokazywać „makietę katalogu”, lepiej dodać zdjęcia gotowego wydruku i krótką notatkę o technikach druku i papierze.
Ile projektów powinno być w portfolio grafika UI/UX i DTP?
Przy budowaniu portfolio od zera lepiej działa krótsza, ale mocno wyselekcjonowana lista. Dla osoby na poziomie junior/staż sensowny zakres to ok. 6–8 projektów łącznie, np. po 3–4 z UI/UX i DTP. Na poziomie mid liczba może rosnąć do ok. 8–12, ale wciąż z wyraźnym podziałem na kategorie i rezonansem z branżą odbiorcy.
Jeśli masz więcej prac, część z nich może wylądować w dodatkowych zakładkach lub na Behance/Dribbble jako „archiwum”. Główne portfolio zostaw jako pierwszy filtr: tylko te projekty, które realnie pokazują, że umiesz rozwiązać problemy osób, do których kierujesz ofertę.
Czy muszę tworzyć osobne portfolio pod etat, freelance i staż?
Można iść dwiema drogami. Jedno portfolio uniwersalne jest szybsze w utrzymaniu i często wystarcza na początku. Wymaga jednak elastycznego układu: sekcje, tagi branżowe, wyraźna informacja o twojej roli w projekcie. To dobry wybór, gdy wciąż szukasz „swojego miejsca” i zbierasz doświadczenie.
Oddzielne wersje (np. PDF „UI/UX – etat”, PDF „DTP – druk i identyfikacja”, wersja „junior/staż”) działają lepiej, gdy wiesz, do kogo strzelasz. Rekruter w software house szybko przejrzy zwięzły dokument z case studies produktów cyfrowych, a właściciel małej drukarni chętniej kliknie plik, w którym pierwsze strony to konkretne katalogi, opakowania i materiały POS, zamiast aplikacji mobilnych.
Jak dobrać projekty do portfolio pod konkretną branżę lub odbiorcę?
Najprościej zacząć od pytania: „Jaki problem ma osoba oglądająca moje portfolio?”. Lead UX chce wiedzieć, czy umiesz poprowadzić część procesu i dogadać się z devami. Szef drukarni – czy nie będzie musiał co drugi dzień poprawiać twoich plików. Mały przedsiębiorca – czy jego oferta będzie wyglądała wiarygodnie i czytelnie.
Dla agencji UX wysuń do przodu projekty z badaniami, warsztatami, mapami podróży i testami użytkowników. Dla studia DTP lub drukarni – przykłady publikacji, opakowań, materiałów wielkoformatowych, z krótką notatką o technikaliach. Ten sam projekt możesz przedstawić inaczej: raz podkreślając proces UX (research, iteracje), innym razem spójność identyfikacji i adaptacje na różne nośniki offline.
Czy Behance, Dribbble i social media mogą zastąpić „prawdziwe” portfolio?
Platformy społecznościowe są dobrym dodatkiem, ale rzadko pełnoprawnym zamiennikiem. Behance, Dribbble czy Figma Community pomagają w budowaniu widoczności i zbieraniu feedbacku, natomiast rekruter lub klient, który ma podjąć decyzję o zatrudnieniu, woli coś, co masz pod pełną kontrolą: stronę www i spójny PDF.
Lepsze podejście to podział ról: własna strona i PDF jako oficjalne portfolio (z opisanym procesem, zakresem odpowiedzialności, efektami), a Behance czy Instagram jako przestrzeń na „making of”, eksperymenty, dodatkowe ujęcia projektów. W mailu do klienta linkuj stronę i dopiero jako opcjonalny dodatek – profil na platformach.
Jak inaczej patrzy na portfolio rekruter UX, a jak właściciel małej firmy?
Rekruter UX lub UX Lead działa w trybie „problem–rozwiązanie–efekt”. Patrzy na kontekst biznesowy, twoją rolę, przebieg procesu (badania, flow, iteracje), współpracę z zespołem i finalne ekrany z komentarzem. Jedno dobrze opisane case study, nawet z projektu kursowego, może dla niego znaczyć więcej niż dziesięć samych mockupów.
Właściciel małej firmy zwykle patrzy szybciej i mniej formalnie. Skanuje oczami: czy projekty są czytelne z daleka, czy nic nie „ucieka” od krawędzi, czy kolory nie są przesadzone i czy całość wygląda „profesjonalnie”. Zamiast prezentować mu wireframy, lepiej pokazać zdjęcia realnych ulotek, roll-upów czy opakowań, bo to są nośniki, z którymi styka się na co dzień.
