Jak przygotować portfolio grafika do pierwszej pracy w UI/UX i druku krok po kroku

0
23
Rate this post

Z tego artykuły dowiesz się:

Skąd ta blokada? Najczęstsze obawy przed pierwszym portfolio

„Nie mam komercyjnych zleceń, więc nie mam co pokazać”

Najczęstszy scenariusz na starcie: oglądasz portfolio doświadczonych projektantów i masz wrażenie, że bez logotypów znanych marek nie masz po co startować. Tymczasem rekruter szukający juniora oczekuje czegoś zupełnie innego niż długiej listy klientów. Szuka sygnałów: czy umiesz myśleć, domykać zadania, komunikować decyzje projektowe i technicznie „dowieźć” plik do druku czy makietę UI.

Realne doświadczenie możesz zbudować na bazie:

  • projektów z kursów online i bootcampów,
  • zadań z uczelni, technikum, szkoły policealnej,
  • własnych inicjatyw – redesigny, projekty dla zaprzyjaźnionych osób,
  • challenge’y i wyzwań projektowych.

To wszystko jest materiałem na portfolio, pod warunkiem że świadomie go obrobisz: wybierzesz kilka najlepszych tematów, opiszesz je jak prawdziwe zlecenia (cel, problem, rozwiązanie) i pokażesz proces. Rekruterowi nie przeszkadza, że to projekt ćwiczeniowy. Bardziej liczy się sposób myślenia niż faktura VAT.

Dobrą praktyką jest szczere oznaczanie: „Projekt koncepcyjny”, „Projekt z kursu”, „Ćwiczenie własne”. Nikt nie oczekuje od juniora listy klientów, oczekuje za to przejrzystości. Zatajanie źródła briefu działa przeciwko tobie, ale uczciwa informacja przestaje być problemem i pozwala skupić się na jakości tego, co faktycznie zrobiłaś/zrobiłeś.

Lęk przed oceną i porównywaniem się z seniorami

Druga blokada to oglądanie portfolio ludzi z kilkunastoletnim doświadczeniem i wyciąganie wniosku, że „tak trzeba na start”. Nie trzeba. Portfolio juniora ma inne zadanie niż portfolio seniora. Senior sprzedaje eksperckość, szeroki przekrój projektów i wpływ na biznes. Ty – potencjał, solidne podstawy i gotowość do nauki.

Z perspektywy rekrutera osiągalny, spójny poziom juniora jest dużo lepszy niż próba udawania seniora. Nie musisz mieć:

  • dziesiątek case studies z badaniami ilościowymi,
  • wielkich serwisów e‑commerce w portfolio,
  • całej identyfikacji dla międzynarodowych brandów.

Dla stanowiska juniorskiego ważniejsze będzie to, że:

  • wyjaśniasz, dlaczego zastosowałaś/zastosowałeś takie a nie inne rozwiązanie,
  • rozumiesz podstawy UI/UX i DTP,
  • umiesz zachować spójność i zadbać o detale,
  • komunikujesz proces jasno i spokojnie.

Zamiast porównywać się do seniorów, porównuj się do samej/samego siebie sprzed 6 miesięcy. Czy twój aktualny projekt aplikacji jest przejrzystszy niż poprzedni? Czy przygotowanie pliku do druku sprawiło ci mniej problemów niż kiedyś? Jeśli tak – masz materiał, żeby to pokazać.

Perfekcjonizm vs dbałość o szczegóły

Kolejna pułapka: przekonanie, że portfolio musi być idealne, zanim komukolwiek je pokażesz. Efekt? Miesiące „doszlifowywania” pojedynczych grafik, zmiany odcieni tego samego niebieskiego i brak wysłanych zgłoszeń do pracy. Dbałość o szczegóły oznacza, że:

  • tekst jest wyrównany, marginesy są spójne,
  • na makietach nie ma ortografów typu „Zaloguj sie”,
  • w projektach do druku są spady i poprawne formaty,
  • pliki w portfolio są opisane i logicznie ułożone.

Perfekcjonizm oznacza, że:

  • nie kończysz projektu, bo „ciągle można coś poprawić”,
  • nie publikujesz nic, bo wciąż porównujesz się do topowych projektantów,
  • kasujesz sensowne prace, bo „nie są na 120%”.

Rekruterzy wolą osobę, która regularnie dowozi projekty na dobrym, stabilnym poziomie, niż kogoś, kto miesiącami lepi jedno „arcydzieło”. Zwłaszcza w UI/UX i druku terminowość i powtarzalna jakość są ważniejsze niż pojedynczy „wow-projekt”.

Obawa przed pokazaniem niedoskonałego procesu

Wiele osób ukrywa proces projektowy, bo:

  • „nie wygląda tak, jak w case studies dużych agencji”,
  • „nie robiłem badań na 100 osobach”,
  • „bazowałam na wywiadach z dwiema koleżankami”.

Tymczasem szczery, prosty proces jest bardziej wiarygodny niż udawany „enterprise UX”. Jeśli twoje badania polegały na 5 ankietach i 2 rozmowach – pokaż to. Napisz, co z nich wyciągnęłaś/wyciągnąłeś. Pokaż, jak przełożyło się to na decyzje o nawigacji, priorytety treści, kolejność kroków w formularzu.

Podobnie w druku: pokaż pierwsze szkice plakatu, warianty układu, a nawet odrzucone propozycje, jeśli na ich tle lepiej widać, dlaczego finalna wersja jest sensowna. Rekruter nie oczekuje od juniora perfekcyjnego procesu z podręcznika – chce zobaczyć, że potrafisz łączyć kroki w logiczną całość i wyciągać wnioski.

Co właściwie chcesz osiągnąć? Ustalenie celu portfolio

Portfolio „do internetu” a portfolio „do rekrutacji”

Jedna z pierwszych decyzji: czy tworzysz galerię do internetu (np. Behance, Dribbble, Instagram), czy narzędzie do rekrutacji. To nie są tożsame rzeczy. Galeria jest bardziej:

  • luźna, nastawiona na inspiracje,
  • pokazuje szeroki przekrój stylów,
  • może zawierać eksperymenty i szkice.

Portfolio rekrutacyjne jest:

  • skupione na jakości, nie ilości,
  • zaprojektowane pod konkretne ogłoszenia,
  • pokazuje proces, a nie tylko finalne obrazki.

Możesz mieć inne zestawy prac na stronie‑portfolio, inne w PDF‑ie wysyłanym z CV, a jeszcze inne jako skrócone case studies w prezentacji na rozmowę. Warto mieć jedno główne repozytorium (np. własną stronę lub profil), a z niego „składać” wersje dopasowane do rekrutacji.

Przykład: jeśli aplikujesz do software house’u na junior UI/UX, wysyłasz skróconą wersję nastawioną głównie na projekty interfejsów, a druk pokazujesz jako uzupełnienie. Jeśli celujesz w studio DTP – robisz odwrotnie: pierwsze są projekty do druku, a UI/UX pojawia się jako atut dodatkowy.

Środowisko pracy a dobór prac: agencja, in‑house, software house, drukarnia

Cel zawodowy mocno wpływa na to, jakie projekty powinny dominować w portfolio:

  • Agencja kreatywna – liczy się elastyczność i pomysłowość. Dobrze pokazać kilka różnych branż, mix UI/UX i druku, odświeżone kampanie.
  • In‑house (grafik w firmie) – duży plus za spójne materiały dla jednej marki, np. seria: strona www + mailingi + plakaty + katalog.
  • Software house / produkt cyfrowy – priorytetem są procesy UX, logika interfejsu, user flow, responsywność, systemy komponentów.
  • Drukarnia / studio DTP – skup się na technicznej poprawności, składzie, typografii, przygotowaniu do druku, znajomości prepressu.

Jeśli dopiero szukasz pierwszego stażu i nie masz klarownego celu – możesz przygotować bazową wersję portfolio z równowagą między UI/UX i drukiem, a pod konkretne ogłoszenie lekko ją modyfikować (np. zmieniając kolejność case studies).

Jak dobrać proporcje: ile UI/UX, ile druku

Łączenie UI/UX i DTP to mocna karta, zwłaszcza w mniejszych firmach, które chcą „człowieka od wszystkiego wizualnego”. Żeby nie wyszedł z tego chaos, potrzebujesz świadomych proporcji. Na start sprawdza się schemat:

Na koniec warto zerknąć również na: Projektowanie list i tabel w interfejsach jak ułatwić skanowanie danych i szybkie decyzje użytkownikom — to dobre domknięcie tematu.

  • 2–3 pełne case studies UI/UX,
  • 2–3 solidne projekty do druku.

Jeśli celujesz bardziej w UI/UX – spraw, by część cyfrowa stanowiła ok. 60–70% ciężaru portfolio (więcej ekranu, dokładniejsze opisy procesów UX), a druk niech będzie „sekcją dodatkową”. Jeśli wolisz druk – odwróć tę proporcję. Najgorszy scenariusz to pół na pół, ale bez myśli przewodniej: kilka losowych ekranów aplikacji obok przypadkowych ulotek.

Dobrze działa pomysł budowania spójnych linii tematycznych. Na przykład:

  • Case UI: aplikacja do zamawiania jedzenia +
  • Case druk: zestaw materiałów drukowanych dla tej samej marki (menu, ulotka, plakat).

Dzięki temu widać, że umiesz prowadzić jeden koncept przez różne media, a nie tylko tworzyć pojedyncze „ładne obrazki”.

Jakie komunikaty o sobie chcesz wysłać

Portfolio to nie tylko zlepek grafik, ale także komunikat o tobie jako projektancie. Zanim zaczniesz składać prace, odpowiedz sobie na dwa pytania:

  • Co chcesz, żeby rekruter zapamiętał po przejrzeniu twojego portfolio?
  • Jak chcesz być postrzegany/-a – bardziej jako „techniczny DTP”, „produktowy UX”, „kreatywny wizualnie”, „ogarnięty organizacyjnie”?

Przykładowe komunikaty:

  • „Ogarniam procesy do druku od projektu po prepress.”
  • „Umiem myśleć zadaniem użytkownika, nie tylko wizualem.”
  • „Szybko uczę się narzędzi i nie boję się nowych formatów.”

Te zdania pomogą dobrać projekty i sposób ich opisu. Jeśli chcesz podkreślić zrozumienie druku – pokaż przygotowane makiety impozycyjne, różne warianty papieru, przykłady korekty kolorystycznej. Jeśli chcesz postawić na UX – rozpisz dokładniej user flow, pokaż testy z użytkownikami, iteracje ekranów. Główny przekaz niech przewija się przez wszystkie case studies.

Fundamenty: jakie umiejętności powinno pokazywać portfolio juniora UI/UX + druk

Kluczowe elementy z UI/UX

Junior UI/UX nie musi mieć na koncie złożonych badań etnograficznych. Powinien jednak pokazać, że:

  • rozumie, dla kogo projektuje,
  • potrafi rozpisać user flow i podstawową architekturę informacji,
  • umie budować makiety low‑fi (szkice, wireframes) i high‑fi (finalne ekrany),
  • zna zasady użyteczności: czytelność, kontrast, dostępność, logikę nawigacji.

W praktyce oznacza to, że dobre case study UI/UX zawiera:

  • krótki opis użytkownika (np. „właściciel małej kawiarni, który sam obsługuje zamówienia online”),
  • schemat prostego przepływu (np. „od wyboru produktu do płatności”),
  • kilka ekranów w wersji szkicowej oraz dopracowanej,
  • wytłumaczenia, dlaczego dana ikonka lub kolor są w takim miejscu, a nie innym.

Fundamenty w projektach do druku

Druk rządzi się innymi prawami niż interfejsy. Rekruter widzący w CV „grafik DTP” będzie szukał w portfolio sygnałów, że:

  • rozumiesz różnicę między CMYK a RGB,
  • umięścisz spady, bezpieczne marginesy,
  • pracujesz w prawidłowej rozdzielczości (300 dpi dla druku),
  • potrafisz ustawić poprawny format dokumentu i eksportu PDF.

Poza technikaliami liczy się klasyka grafiki:

  • typografia – dobór krojów, interlinia, kerning, światło między akapitami,
  • kompozycja w siatce – np. plakat oparty na rastrze 3‑kolumnowym,
  • kontrast i hierarchia – co jest najważniejsze na ulotce, co drugoplanowe.

Dobrze, jeśli przy każdym projekcie do druku pokażesz choćby krótką notkę techniczną: format, papier, spady, profil barwny. To drobny detal, który mocno podnosi wrażenie profesjonalizmu – daje sygnał, że wiesz, że projekt to nie tylko „ładny obrazek”, ale też plik, który trafi na maszynę.

Umiejętności „miękkie” widoczne w twardych projektach

Oglądający portfolio rzadko mają czas, żeby czytać długie opisy o „komunikacji w zespole”. Zamiast tego szukają jej śladów w samych projektach. Nawet jako junior możesz to pokazać bardzo konkretnie:

  • umiejętność współpracy – dopisz krótko, z kim pracowałaś/pracowałeś („projekt powstał we współpracy z developerem i copywriterką; wspólnie ustaliliśmy priorytety treści”),
  • samodzielność – zaznacz, które elementy są w 100% twoje (np. „samodzielnie przygotowałem materiały do druku i kontakt z drukarnią”),
  • organizacja pracy – pokaż uproszczony harmonogram albo listę etapów, bez rozpisywania się na pół strony.

Przy jednym z case studies możesz dodać małą sekcję typu „Jak pracowałam/-em z zespołem”. Kilka zdań o tym, jak zbierałaś/eś feedback, jak reagowałaś/eś na zmiany wymagań. To często przeważa szalę między kilkoma podobnymi wizualnie portfolio.

Jak pokazać rozwój, nie tylko „najlepsze prace”

Kuszące jest wrzucenie wyłącznie „perełek”. Problem w tym, że przy pierwszej pracy rekruter wie, że to pewnie całe twoje spektrum. Dlatego niektórym kandydatom pomaga świadome pokazanie kontrastu przed/po.

Możesz dodać jedno krótkie case study typu:

  • „Tak projektowałem/am rok temu” – stary plakat, layout strony, kawałek aplikacji,
  • „Tak podszedłem/am do tematu po zdobyciu nowej wiedzy” – poprawiona wersja z podpisanymi decyzjami (typografia, kontrast, uproszczenie interfejsu).

Taka para prac pokazuje plastyczność: uczysz się, przyjmujesz krytykę, potrafisz sam/a wychwycić błędy. Dla wielu liderów to ważniejsze niż perfekcyjny, ale „sztywny” projekt.

Mężczyzna na sofie przegląda portfolio z ilustracjami UI i do druku
Źródło: Pexels | Autor: RDNE Stock project

Selekcja projektów: co wybrać, a co odpuścić

Jakość ponad ilość – ile projektów faktycznie potrzebujesz

Przy pierwszym portfolio łatwo wpaść w pułapkę: „im więcej, tym lepiej”. W praktyce:

  • 4–6 projektów w pełni wystarczy na poziomie juniora,
  • z tego 3–4 jako pełniejsze case studies, reszta może być krótszymi przykładami.

Jeśli masz 15 prac, spróbuj zadać sobie do każdej pytanie: „czego ta praca dowodzi?”. Jeśli nie jesteś w stanie odpowiedzieć inaczej niż „że umiem coś ładnie narysować” – kandydatów z takim „dowodem” jest bardzo, bardzo wielu.

Kryteria wyboru: prosty filtr 5 pytań

Przy każdej potencjalnej pracy do portfolio przejdź przez krótki filtr. Odpowiedz szczerze, bez idealizowania:

  1. Czy ta praca jest spójna z celem zawodowym, który masz na dziś (UI/UX, druk, mix)?
  2. Czy pokrywa jakieś ważne umiejętności, których nie pokazują inne projekty (np. formularze, design system, katalog produktowy)?
  3. Czy mógłbyś/mogłabyś o niej ciekawie opowiedzieć na rozmowie (co było trudne, co zmieniałeś/aś, czego się nauczyłeś/aś)?
  4. Czy jest technicznie poprawna (typografia, marginesy, kontrast, format pliku)?
  5. Czy nie dubluje zbyt mocno innej pozycji (np. trzy podobne ulotki dla różnych kawiarni)?

Jeśli praca przechodzi 4–5 z tych punktów – to dobry kandydat. Jeśli tylko 1–2, a do tego masz wątpliwości wizualne – odpuść lub zostaw na później (np. do sekcji „archiwum” na Behance, poza głównym portfolio rekrutacyjnym).

Balans: projekty „bezpieczne” vs. odważniejsze

W portfolio juniora przydaje się mieszanka:

  • 2–3 projekty „bezpieczne” – prostsze, bardzo czytelne, bez szaleństw, ale dopracowane,
  • 1–2 projekty trochę odważniejsze – śmielszy kolor, typografia, nieoczywisty format druku.

Takie zestawienie pokazuje, że:

  • rozumiesz standardy branży (czytelne formularze, grzeczny layout ulotki, poprawny katalog),
  • ale też masz odwagę eksperymentować, gdy jest na to przestrzeń.

Jeśli natomiast wszystkie prace są „odjechane”, z mocnymi gradientami i mikrotypografią na krawędzi czytelności – software house czy drukarnia mogą mieć wątpliwość, czy odnajdziesz się w ich codziennych, „zwykłych” zadaniach.

Co lepiej schować do szuflady

Niektóre typy prac zwykle bardziej szkodzą niż pomagają, zwłaszcza jeśli nie potrafisz ich dobrze uzasadnić:

  • Losowe bannery z sociali z czasów, gdy dopiero poznawałeś/aś Canvę – jeśli trafi do portfolio, niech będzie to świadome case study o optymalizacji kampanii, nie zbiór przypadkowych grafik.
  • Prace z generatorów (mockupy AI, layouty z gotowych szablonów) – możesz korzystać z narzędzi, ale w portfolio wyraźnie zaznacz swój wkład i nie udawaj, że zrobiłeś/aś wszystko od zera.
  • Stare projekty szkolne, jeśli w międzyczasie znacząco podniosłeś/aś poziom. Lepiej „odświeżyć” temat i pokazać aktualną wersję niż wersję z liceum z krzywymi cieniami i zbyt wieloma fontami.

Jeśli jakiś projekt budzi w tobie wstyd, ale uważasz, że „nie mam nic lepszego” – lepiej go przeprojektować niż wrzucać w takiej formie. Rekruter nie zna twojej historii, widzi tylko to, co mu podajesz.

Jak uporządkować kolejność projektów

Kolejność robi większą różnicę, niż się wydaje. Część osób przejrzy tylko 2–3 pierwsze pozycje, szczególnie jeśli portfolio ma formę PDF.

Sprawdza się prosty układ:

  1. Najmocniejszy projekt na start – taki, który najlepiej trafia w ogłoszenie (np. aplikacja mobilna dla software house’u, system identyfikacji + druk dla studia brandingowego).
  2. Uzupełniające projekty główne – 2–3 case studies, które pokazują inne umiejętności (formularze, druk, layouty treści).
  3. Projekty poboczne / krótsze – np. eksperyment typograficzny, pojedynczy plakat, mini redesign.

Jeżeli wysyłasz portfolio w PDF, możesz na pierwszej stronie zrobić spis treści z mini‑zajawką („Case 1 – aplikacja do zamówień, nacisk na UX i formularze płatności”, „Case 2 – katalog produktowy, nacisk na skład DTP”). Ułatwi to rekruterowi „skakanie” po tym, co go interesuje.

Dobrym uzupełnieniem mogą być inspiracje lub moodboard (zwłaszcza jeśli korzystasz z technik podobnych jak w artykułach typu Design-Blog.pl – Grafika komputerowa, UI/UX, druk i warsztat grafika), ale pamiętaj, że to tylko kontekst. Największą uwagę zbierają twoje decyzje, a nie to, kogo podziwiasz.

Jak wymyślić projekty, jeśli „nic nie mam” – praktyczne pomysły

Symulowane zlecenia zamiast „sztuki dla sztuki”

Brak komercyjnych zleceń nie przekreśla portfolio. Możesz tworzyć projekty konceptualne, ale ważne, by miały one ramy zadania, a nie były tylko „ładnym ekranem”.

Zamiast projektować „jakąś aplikację”, spróbuj:

  • „Panel zamówień dla małej piekarni, która do tej pory przyjmuje zamówienia tylko telefonicznie”,
  • „System plakatów i ulotek dla festiwalu kina niezależnego w lokalnym domu kultury”,
  • „Redesign menu restauracji, które teraz jest nieczytelne – skupienie na ułatwieniu zamawiania osobom starszym”.

Nadając sobie takie ograniczenia, od razu ćwiczysz myślenie jak przy realnym zleceniu: kto, po co, jakie ograniczenia, co jest krytyczne.

Redesign istniejących rzeczy – ale z głową

Redesign aplikacji, strony czy plakatu to klasyk na poziomie juniora. Nie wystarczy jednak napisać „zrobiłem nową wersję, bo tamta była brzydka”.

Lepsze podejście:

  1. Wybierz coś, z czego sam/a korzystasz – aplikację do biletów, stronę miejskiego basenu, ulotkę lokalnego salonu.
  2. Zrób krótką analizę problemów – napisz, co dokładnie jest nieczytelne, co się myli, gdzie użytkownik może utknąć.
  3. Postaw sobie konkretne cele redesignu („zmniejszenie liczby kroków zakupu”, „lepsza widoczność promocji”, „większy kontrast dla osób starszych”).
  4. Pokaż porównanie przed/po z krótkimi komentarzami przy kluczowych różnicach.

Taki case study ze „sztucznego” projektu jest często bardziej wartościowy niż opis prawdziwego zlecenia, przy którym nie miałeś/aś dużego wpływu na decyzje.

Projekty dla znajomych i lokalnych inicjatyw

Jeśli brakuje ci tematów, rozejrzyj się po najbliższym otoczeniu. Zazwyczaj w zasięgu ręki są:

  • małe firmy bez sensownej strony www (fryzjer, warsztat, szkoła językowa),
  • koła naukowe, stowarzyszenia, fundacje i inicjatywy społeczne,
  • lokalne wydarzenia (turniej, piknik, mały festiwal).

Możesz zaproponować im:

  • prosty one‑page lub landing (UI/UX),
  • pakiet druków – plakat + ulotka + baner.

Czasem budzi to opór: „ale co, mam pracować za darmo?”. Możesz ustalić od początku, że to projekt na preferencyjnych warunkach albo w wymianie barterowej (np. udział w warsztatach, darmowe wejściówki), ale z jasnym kontraktem: robisz projekt do portfolio, a oni mają świadomość, że jesteś juniorem, który się uczy. Nie wszyscy się zgodzą – i bardzo dobrze. Kilka sensownych współprac wystarczy.

Mini‑serie tematyczne – szybki sposób na „grubość” portfolio

Zamiast tworzyć 10 zupełnie różnych prac, możesz zrobić serię wariantów jednego tematu. To przyspiesza rozwój i pokazuje myślenie systemowe.

Przykłady takich serii:

  • „System materiałów dla kawiarni” – logo, karta menu, plakat z promocją, strona rezerwacji stolika.
  • „Aplikacja do nauki języków” – ekran główny, lekcja, panel postępów, ekran ćwiczenia + 2 plakaty promujące aplikację.
  • „Kampania dla schroniska” – seria postów social, plakat do miasta, ulotka z kodem QR do strony adopcji.

Taka seria może stanowić jedno większe case study, w którym płynnie przechodzisz od UX‑owego myślenia (flows, hierarchia treści) do konsekwentnego druku (formaty, marginesy, typografia).

Ćwiczenia z ograniczeniami czasowymi

Jeśli czujesz, że „rozpływasz się” nad jednym projektem miesiącami, użyj prostych wyzwań czasowych:

  • „1 godzina na szkic interfejsu logowania + 1 godzina na dopracowanie UI”,
  • „2 godziny na plakat A3 pod konkretny komunikat”,
  • „30 minut na poprawę jednego ekranu pod kątem kontrastu i czytelności”.

Nie wszystkie efekty takich sprintów trafią do portfolio, ale część może zostać wykorzystana jako fragment procesu w większych projektach (np. plansza „warianty layoutu z 1‑godzinnego sprintu”).

Struktura idealnego case study UI/UX dla juniora

Krótki kontekst: o co w ogóle chodziło

Na początku case study przydaj się 1–2 akapity, które odpowiedzą na pytania:

  • Jaki był cel projektu? (np. „ułatwić zamawianie pizzy online dla małej pizzerii”).
  • Dla kogo to powstawało? („młodzi dorośli zamawiający przez telefon, teraz przenoszeni do aplikacji”).
  • Czy to projekt komercyjny, konceptualny, redesign? („projekt własny oparty na problemach zaobserwowanych w X”).

Nie wchodź jeszcze w szczegóły UI. Na tym etapie chodzi o osadzenie projektu w realnej sytuacji. Rekruter ma zrozumieć, czy umiesz odpowiednio „ustawić” zadanie.

Problem i założenia – w prostym języku

Kolejny blok to zdefiniowanie problemu. Bez żargonu, tak jakbyś tłumaczył/a znajomemu:

  • „Klienci gubili się w menu i przerywali zamówienie w połowie.”
  • „Seniorzy nie czytali regulaminu, bo litery były zbyt małe.”
  • „Na plakacie wszystkie informacje były równie ważne – trudno było zorientować się, gdzie i kiedy jest wydarzenie.”

Twoja rola i zakres odpowiedzialności

Przy każdym case study jasno pokaż, co dokładnie zrobiłeś/aś. Rekruter często zakłada, że junior był „od obrazków”, a kluczowe decyzje podjął ktoś inny. Niech to będzie opis wprost, bez udawania:

  • „Odpowiadałam za: research konkurencji, mapę ekranów, projekt UI wersji mobilnej, przygotowanie plików do wdrożenia.”
  • „Po mojej stronie były: makiety low‑fi, projekt ulotki i plakatu, przygotowanie plików do druku + kontakt z drukarnią.”

Jeśli pracowałeś/aś w zespole, dopisz krótko, z kim współpracowałeś/aś:

  • „Współpraca z 1 programistą i właścicielem firmy po stronie klienta.”
  • „Projekt uczelniany: 3 osoby w zespole, ja odpowiadałem za część wizualną i layout.”

Dzięki temu rekruter wie, jakie zadania możesz bez stresu przejąć od pierwszego dnia i gdzie potrzebujesz jeszcze wsparcia.

Badania i rozumienie użytkownika – na miarę juniora

Na starcie nikt nie oczekuje pełnego procesu badawczego z kilkoma typami testów. Liczy się to, czy choć chwilę spędziłeś/aś na zrozumieniu ludzi, dla których projektujesz.

Możesz opisać proste działania:

  • „Przepytałem 5 znajomych korzystających z podobnej aplikacji, co ich najbardziej frustruje.”
  • „Obserwowałam, jak mama i babcia próbują przejść przez proces rejestracji – spisałam momenty, w których się gubiły.”
  • „Przejrzałem 10 stron konkurencji i wypisałem powtarzające się schematy na stronie produktu.”

Pokaż efekt takiej pracy: 1–2 slajdy z krótkimi cytatami lub zbiorem wniosków („Użytkownicy: boją się podawać kartę, nie rozumieją, kiedy płacą; gubią się między zakładkami 'Zamów’ i 'Oferta’”). To nie musi być naukowo idealne, ma pokazywać sposób myślenia.

Przekładanie wniosków na konkretne decyzje

Sama lista problemów to za mało. Cenne jest pokazanie połączenia między wnioskiem a rozwiązaniem. Dobrze robią tu proste tabelki albo plansze „Było / Zrobiłam‑em”.

Dla UI/UX:

  • „Problem: Użytkownicy nie wiedzieli, ile kroków zostało do końca zamówienia. Rozwiązanie: Dodałam pasek postępu z jasnymi etykietami etapów (Adres → Płatność → Potwierdzenie).”
  • „Problem: Seniorzy gubili przycisk ‘Dalej’. Rozwiązanie: Zwiększyłem jego rozmiar, zmieniłem kolor na bardziej kontrastowy, przeniosłem w jedno stałe miejsce.”

Dla druku:

  • „Problem: Na plakacie ginęła data wydarzenia. Rozwiązanie: Przeniosłam datę do górnej części, zastosowałam większy stopień pisma i kontrastujące tło.”
  • „Problem: Ulotka była przeładowana tekstem. Rozwiązanie: Podzieliłem treść na 3 sekcje z nagłówkami, wprowadziłem ikony porządkujące informacje.”

Nie trzeba opisywać każdej drobnej zmiany. Wybierz 3–5 decyzji, które naprawdę robią różnicę i pokaż je na zbliżeniach.

Proces wizualny: od szkiców do finalnych ekranów i plików do druku

Wieloetapowość procesu robi wrażenie, ale tylko wtedy, gdy jest pokazana klarownie. Możesz to ułożyć w prostym ciągu:

  1. Szkice / wireframy – zdjęcia z notesu, zrzucone z Figmy makiety low‑fi. Krótki komentarz: „3 warianty układu sekcji oferty, wybrałem B po konsultacji z właścicielem firmy”.
  2. Prototyp UI – pierwszy kolorowy layout, eksploracje kolorów, typografii, ikon. Dobrze działają kolaże: kilka małych zrzutów w jednym kadrze.
  3. Finalny projekt – większe, czytelne ujęcia kluczowych ekranów/stron/formatów.
  4. Przygotowanie do druku – dla projektów drukowanych pokaż np. linie cięcia, spady, siatkę. Możesz dopisać: „Kolorystyka CMYK, 3 mm spadu, profil drukarni X”.

Jeśli boisz się pokazywać szkice, bo są „brzydkie” – to dobrze. Właśnie o to chodzi: o obraz Twojego myślenia, nie o idealny rysunek.

Jak pokazać projekty drukowane w case study

Przy druku szybko widać, kto naprawdę go rozumie, a kto tylko wrzucił grafikę w mockup. Zadbaj o kilka elementów:

  • Realistyczne konteksty – zamiast jednego „płaskiego” widoku, pokaż plakat na ścianie, ulotkę w dłoni, okładkę katalogu na biurku. Nie musisz robić sesji zdjęciowej, wystarczą sensowne mockupy, ale nie przesadzone i nie wszystkie w tym samym ujęciu.
  • Fragment środka – np. rozkładówka katalogu, wnętrze ulotki, fragment menu. Rekruter widzi wtedy, jak pracujesz z większą ilością tekstu i strukturą.
  • Parametry techniczne – mała sekcja tekstowa: „Format A4, papier kreda mat 170 g, druk offsetowy, 2 kolory dodatkowe Pantone”. To sygnał, że rozumiesz ograniczenia i język drukarni.

Jeśli projekt jest tylko konceptualny i nigdy nie trafił do druku, też napisz to wprost. Możesz dodać jedno zdanie, jakbyś go produkcyjnie zrealizował/a („Założyłam druk cyfrowy w małym nakładzie, gramatura 250 g, foliowanie mat na okładce”).

Prezentacja flow i interakcji – bez wideo też się da

Nie zawsze masz możliwość nagrać klikany prototyp. Da się jednak pokazać przepływ użytkownika w statyczny sposób, który jest dla rekrutera czytelny.

Kilka praktycznych sposobów:

  • Seria ekranów po kolei z ponumerowanymi krokami: 1 – wybór produktu, 2 – koszyk, 3 – adres, 4 – płatność, 5 – potwierdzenie.
  • Prosta mapa strzałek między małymi zrzutami ekranów – pokazuje ścieżkę „od A do B” (np. „znalezienie konkretnego wydarzenia i kupno biletu”).
  • Jedna plansza z opisem: „Użytkownik może wrócić do poprzedniego kroku bez utraty danych, dodałem także komunikat o zapisaniu koszyka.”

Rekruter nie musi „klikać” w Twoje portfolio, żeby zrozumieć, że umiesz myśleć o kolejności i konsekwencjach działań użytkownika.

Jak wpleść błędy i zmiany kierunku w case study

Gdy dopiero startujesz, kusi, żeby pokazać tylko idealny, wypolerowany efekt. Tymczasem 1–2 świadome przykłady błędów, z których wyciągnąłeś/aś wnioski, robią bardzo dobre wrażenie.

Dobrym uzupełnieniem będzie też materiał: Storyboard i moodboard z grafiki rastrowej – szybkie narzędzia planowania projektów kreatywnych — warto go przejrzeć w kontekście powyższych wskazówek.

Możesz dodać mały blok typu:

  • „Pierwsza wersja: zbyt mały kontrast w nagłówkach. Po konsultacji z mentorem zmieniłam paletę, co poprawiło czytelność na ekranach o słabym podświetleniu.”
  • „Początkowo użyłem 4 różnych krojów pisma. Po testach wydruku i uwagach drukarni ograniczyłem się do 2 – projekt wygląda spójniej i czyta się łatwiej.”

To pokazuje, że umiesz przyjąć feedback, nie przywiązujesz się chorobliwie do pierwszej wersji i potrafisz argumentować zmiany.

Równowaga obrazów i tekstu – ile pisać, żeby ktoś to przeczytał

Wielu juniorów pisze za mało („ładny, nowoczesny design”), albo zalewa odbiorcę ścianą tekstu. Przy case study UI/UX + druk sprawdza się prosty podział:

  • 1 krótki opis sekcji – 2–4 zdania wprowadzające, o czym jest ta część (np. „Projekt ulotki i plakatu informującego o nowych zajęciach jogi dla seniorów”).
  • Punktowane wnioski – 3–5 najważniejszych decyzji lub spostrzeżeń.
  • Duże, czytelne grafiki – tak, by nie trzeba było powiększać PDF‑a 300% tylko po to, by odczytać tekst na ulotce.

Jeśli nie lubisz pisać, zacznij od krótkich notatek „jak do kolegi po fachu”. Później je tylko lekko wygładź, zamiast tworzyć od zera akademickie opisy.

Technikalia: z jakich narzędzi korzystałeś/aś i jak je pokazać

Nie ma sensu robić osobnej strony „Narzędzia: Figma, Photoshop, Illustrator…”. Lepiej wplatać informacje o narzędziach przy konkretnych projektach.

Przykłady:

  • „Makiety low‑fi w Figmie, UI w Figma + komponenty, prototyp klikany dla klienta.”
  • „Skład katalogu w InDesignie, zdjęcia obrabiane w Photoshopie, ilustracje wektorowe w Illustratorze.”

Możesz też pokazać fragment panelu komponentów w Figmie, siatkę stylów tekstowych w InDesignie czy układ warstw w Photoshopie. Nie przesadzaj z liczbą zrzutów – jeden konkretny kadr z podpisem „System komponentów przyspieszył tworzenie 15 ekranów” mówi zdecydowanie więcej niż długa lista ikon programów.

Dostosowanie case study do różnych typów firm

Ten sam projekt możesz opowiedzieć inaczej, w zależności od tego, gdzie aplikujesz. Zamiast tworzyć 10 wersji portfolio, naucz się akcentować inne elementy:

  • Dla software house’u – większy nacisk na przepływy użytkownika, współpracę z devami, dostarczenie komponentów do design systemu.
  • Dla agencji reklamowej – nacisk na spójność kampanii, adaptacje do różnych formatów, kreatywne pomysły na komunikaty.
  • Dla studia brandingowego – mocniej pokazana praca z typografią, siatkami, konsekwencją wizualną między drukiem a cyfrem.

Czasem wystarczy zmiana 2–3 zdań w opisie celu projektu i dołożenie jednej planszy (np. „Zespół deweloperski wykorzystał mój komponent przy budowie modułu płatności”).

Jak połączyć w jednym case study UI/UX i druk

Przy projektach hybrydowych (np. aplikacja + materiały promocyjne) łatwo się pogubić i zrobić misz‑masz. Pomaga trzymanie jednej osi narracji.

Możesz na przykład oprzeć całość na „podróży” użytkownika:

  1. Plakat na mieście → zachęca do wejścia na stronę lub pobrania aplikacji.
  2. Landing page lub ekran powitalny w aplikacji → prowadzi do konkretnej akcji.
  3. Materiały po akcji (np. potwierdzenie, voucher PDF) → również zaprojektowane spójnie.

Do każdego z tych punktów pokaż:

  • 1–2 wizualizacje (ekran, plakat, ulotka),
  • krótki opis, jaką rolę ten element odgrywa w całym doświadczeniu użytkownika.

Zamiast dwóch osobnych projektów „apka” i „plakaty” masz wtedy spójną historię, w której widać logiczne połączenie printu i digitalu.

Minimalna liczba case studies, z którymi możesz spokojnie startować

Częste pytanie brzmi: „Ile projektów muszę mieć, żeby w ogóle odważyć się wysłać portfolio?”. Z perspektywy rekrutera na juniora:

  • 2 pełniejsze case studies UI/UX (z procesem, choćby uproszczonym),
  • 1–2 porządne projekty drukowane (katalog, ulotki, plakaty w serii),
  • kilka krótszych form (plakaty, mini‑redesigny, eksperymenty typograficzne)

to często zupełnie wystarczający start. Nie musisz mieć 15‑stronicowego PDF‑a z dziesiątkami realizacji. Z 3–4 mocnymi, sensownie opowiedzianymi projektami łatwiej Cię zapamiętać niż z losową kolekcją wszystkiego, co kiedykolwiek zrobiłeś/aś.

Jak wizualnie spiąć całe portfolio, żeby nie wyglądało jak zbiór przypadków

Nawet jeśli każdy projekt jest w innym stylu (bo klienci/tematy były różne), możesz wizualnie uporządkować samo portfolio, tak żeby przeglądanie go nie męczyło.

Pomagają drobne, ale konsekwentne rzeczy:

  • Powtarzające się nagłówki i hierarchia tekstu – np. wszędzie te same style H1/H2, jeden krój pisma dla opisów.
  • Stały układ strony – np. po lewej opisy, po prawej grafiki; powtarzający się grid dla zrzutów ekranów.
  • Jedna, delikatna paleta kolorów dla teł i akcentów (inna niż ta z projektów, neutralna) – portfolio przestaje wyglądać jak patchwork.

Możesz potraktować portfolio jak metaprojekt – prosty, funkcjonalny layout, który sam w sobie też pokazuje Twoje podejście do UI/UX i składu.

Bibliografia

  • Universal Principles of Design. Rockport Publishers (2010) – Zasady projektowania, użyteczność, myślenie projektowe
  • The Elements of User Experience. New Riders (2011) – Podstawy UX, proces projektowy, oczekiwania wobec projektantów
  • About Face: The Essentials of Interaction Design. Wiley (2014) – Rola juniorów, proces projektowania interakcji, case studies
  • Creative Portfolios: A Guide for Students and Young Professionals. Bloomsbury Visual Arts (2020) – Jak budować portfolio początkującego projektanta
  • Graphic Design: The New Basics. Princeton Architectural Press (2015) – Fundamenty kompozycji, typografii i spójności wizualnej
  • Adobe Print Publishing Guide. Adobe Systems – Przygotowanie do druku, spady, formaty, prepress dla grafików
  • ISO 12647-2: Process control for the production of half-tone colour separations, proofs and prints. International Organization for Standardization (2013) – Normy jakości druku offsetowego, kontrola procesu