Portfolio grafika: strona, case study, checklista

Jak stworzyć stronę z portfolio grafika: ile projektów pokazać, jakie podstrony zrobić, gotowy szablon case study i checklista przed publikacją.

Najczęściej zadawane pytania

Ile projektów powinno mieć portfolio grafika na stronie?

Celuj w 6 do 10 projektów, a dwa lub trzy najmocniejsze umieść na samej górze. Nie ma oficjalnej liczby. Liczy się to, żeby każdy projekt miał swoje miejsce i żeby całość pokazywała pracę, do jakiej chcesz być zatrudniany. Jeśli jakaś realizacja jest słabsza od reszty, usuń ją. Zwarty zestaw świadczy o lepszym osądzie niż długa lista.

Czy portfolio grafika potrzebuje własnej domeny?

Nie jest to obowiązkowe, ale domena z Twoim imieniem i nazwiskiem (twojenazwisko.pl lub twojenazwisko.design) wygląda profesjonalniej w CV i stopce maila, a zostaje z Tobą, gdy zmienisz platformę. Zanim kupisz, sprawdź u rejestratora dostępność i cenę odnowienia, bo ceny się różnią.

Pokazywać tylko gotowe projekty, czy także proces pracy?

Pokaż jedno i drugie, w odpowiednich proporcjach. Każdy projekt zacznij od gotowego efektu, a potem dodaj krótki wgląd w szkice, wersje robocze lub odrzucone warianty. Proces pokazuje, jak myślisz, a to najważniejsze przy pracy in-house i w agencjach. Na stronie głównej, którą ktoś tylko szybko przegląda, proces zostaw na podstronie projektu.

Czy mogę dodać projekty studenckie, własne lub koncepcyjne?

Tak, jeśli dopiero zaczynasz karierę. Oznacz je uczciwie jako projekt studencki, własny lub koncepcyjny, żeby nikt nie wziął ich za pracę dla klienta. Briefy napisane przez siebie są w porządku, o ile jasno opiszesz problem i ograniczenia. Zastępuj je prawdziwymi zleceniami, gdy tylko się pojawią.

Jakich formatów plików i rozmiarów obrazów używać w portfolio?

Eksportuj obrazy przygotowane pod web: zwykle JPEG lub WebP dla mockupów fotograficznych oraz PNG lub SVG dla płaskiej grafiki i logo. Zmień ich rozmiar na szerokość, w jakiej będą wyświetlane, i skompresuj je, żeby strony ładowały się szybko. Osobno trzymaj wersję portfolio w PDF w wysokiej rozdzielczości, do wysyłania mailem w aplikacjach.

Czy strona z portfolio jest lepsza niż portfolio w PDF?

Pełnią różne funkcje. Stronę łatwo udostępnić linkiem, można ją znaleźć w wyszukiwarce i aktualizować w dowolnej chwili. PDF przydaje się, gdy rekrutacja wprost wymaga załącznika. Większość grafików ma oba: stronę jako główne portfolio i PDF przygotowany z tych samych projektów.

Krótka odpowiedź: Strona z portfolio grafika potrzebuje 6 do 10 Twoich najlepszych projektów, z których każdy jest przedstawiony jako krótkie case study (problem, Twoja rola, proces, efekt), oraz czterech podstron: Strona główna, Realizacje, O mnie i Kontakt. Zacznij od trzech najmocniejszych projektów, pokazuj tylko ten rodzaj prac, którego chcesz więcej, i zadbaj, żeby dane kontaktowe były widoczne na pierwszy rzut oka. Szablon i checklista poniżej omawiają resztę.

Czego naprawdę potrzebuje strona z portfolio grafika

Portfolio ma jedno zadanie: pomóc obcej osobie w minutę czy dwie zdecydować, czy napisać do Ciebie. Wszystko na stronie powinno służyć tej decyzji. Odwiedzający to zwykle jedna z trzech osób:

  • Klient, który chce wiedzieć, czy poradzisz sobie z jego rodzajem problemu (branding, opakowania, social media, druk).
  • Osoba rekrutująca lub menedżer, która szuka dowodów na gust, wszechstronność i umiejętność pracy z innymi.
  • Współpracownik lub agencja, która musi szybko zobaczyć Twoją specjalizację.

Zanim wybierzesz projekty, zdecyduj, kto jest Twoim głównym odbiorcą. Portfolio przygotowane dla klientów brandingowych na freelansie wygląda inaczej niż to na juniorskie stanowisko in-house.

Ile projektów pokazać

Celuj w 6 do 10. Mniej niż 6 może wyglądać skromnie, chyba że każdy projekt to pogłębione case study. Więcej niż 10 zwykle oznacza, że część prac przyćmiewa te najlepsze.

Prosty sposób na decyzję, co zostaje:

  1. Wypisz wszystkie projekty, z których jesteś dumny.
  2. Zaznacz te, które pasują do pracy, jakiej chcesz więcej. Resztę usuń, nawet jeśli była płatna.
  3. Uszereguj pozostałe według jakości. Trzy najlepsze daj na początek.
  4. Sprawdź różnorodność w obrębie Twojej niszy: na przykład jeden system logo, jedno opakowanie, jedna praca redakcyjna lub kampanijna.
  5. Jeśli dwa projekty dowodzą tej samej umiejętności, zostaw lepszy.

Podstrony do zrobienia

Cztery podstrony wystarczą, by zajść daleko. Pozostałe dodawaj tylko wtedy, gdy masz do nich prawdziwą treść.

PodstronaCelCo na niej umieścić
Strona głównaZorientować odwiedzającego w kilka sekundJednozdaniowy opis tego, czym się zajmujesz, 3 do 6 wyróżnionych projektów, wyraźny link do kontaktu
Realizacje (lub Projekty)Pełna galeriaMiniatury z nazwą projektu i dziedziną, prowadzące do każdego case study
Strony case studyUdowodnić, jak myśliszJedna strona na projekt, zbudowana według szablonu poniżej
O mniePokazać, że za projektami stoi człowiekKrótkie bio, zdjęcie, umiejętności lub narzędzia, usługi lub dostępność
KontaktUsunąć barieryE-mail, formularz (jeśli chcesz), linki do profili zawodowych

Dodatkowo możesz dodać: stronę Usługi, jeśli pracujesz jako freelancer, stronę CV, jeśli szukasz pracy, oraz krótką stronę Proces, jeśli przy każdym projekcie wykonujesz te same kroki.

Szablon struktury case study

Skopiuj ten schemat dla każdego projektu. Każdą sekcję pisz krótko. Większość odwiedzających tylko przegląda stronę, więc niech historię niosą nagłówki i obrazy.

Szablon

  1. Tytuł projektu i jednozdaniowe streszczenie. Nazwa klienta lub projektu, dziedzina i rok. Przykład: „Harbor Coffee Roasters, opakowania i identyfikacja wizualna, 2025”.
  2. Brief. Dwa lub trzy zdania o tym, czego potrzebował klient i dlaczego. Jeśli było jakieś ograniczenie (budżet, termin, odbiorcy), nazwij je.
  3. Twoja rola. Co zrobiłeś(-aś) i co zrobili inni, jeśli to był projekt zespołowy. Bądź precyzyjny(-a): „Główny projektant, we współpracy z copywriterem i drukarnią” jest bardziej wiarygodne niż „Zaprojektowałem(-am) wszystko”.
  4. Proces. Od trzech do pięciu obrazów lub krótkich podpisów: szkice, moodboardy, pierwsze kierunki i uzasadnienie dokonanego wyboru.
  5. Finalna praca. Największe, najczystsze obrazy na stronie. Pokaż projekt w kontekście, na mockupach lub prawdziwych zdjęciach wydrukowanych prac.
  6. Efekt. Co się zmieniło, wyłącznie na podstawie tego, co możesz uczciwie stwierdzić: klient wdrożył projekt, zastąpił starą identyfikację, jest już w sklepach, został wydrukowany w określonym nakładzie. Jeśli nie masz liczb, pomiń je. Nie wymyślaj wskaźników.
  7. Link do następnego projektu. Prowadź odwiedzających przez swoje prace.

Przykładowe sformułowania do dostosowania

  • Brief: „Klient, mała osiedlowa piekarnia, chciał logo i opakowań, które sprawiają wrażenie ręcznie robionych, ale można je tanio reprodukować w jednym kolorze.”
  • Rola: „Zajmowałem(-am) się badaniami, projektem logo i systemem opakowań. Teksty produktowe napisał klient.”
  • Podpis do procesu: „Trzy pierwsze kierunki. Zrezygnowaliśmy z kaligraficznego logotypu, bo tracił czytelność w małych rozmiarach.”
  • Efekt: „Nowe opakowania weszły na rynek wiosną i są teraz używane we wszystkich liniach produktów.”

Zaprojektuj stronę tak, żeby gwiazdą były prace

  • Ogranicz nawigację do czterech lub pięciu pozycji. Strona główna, Realizacje, O mnie, Kontakt wystarczą.
  • Używaj neutralnych teł i dużo przestrzeni. Kolor wnoszą Twoje projekty. Rozbudowany szablon z nimi konkuruje.
  • Wybierz jeden lub dwa kroje pisma. Jako projektant masz własną stronę jako próbkę typografii. Zadbaj o spójność i czytelność.
  • Pokazuj duże obrazy. Miniatury powinny być ostre, a strony projektów powinny pozwalać kluczowym obrazom wypełnić całą szerokość.
  • Umieść imię i nazwisko oraz specjalizację u góry strony głównej. „Maya Chen, projektantka brandingu i opakowań” jest lepsze niż sprytne hasło, którego nikt nie rozumie.
  • Sprawdź stronę na telefonie. Wielu odwiedzających otworzy Twój link na mobile. Przetestuj galerię, menu i link do kontaktu.
  • Kompresuj obrazy. Ciężkie pliki spowalniają strony, co szkodzi zarówno odwiedzającym, jak i widoczności w wyszukiwarce.

Krok po kroku: od zera do publikacji

  1. Wybierz specjalizację i odbiorcę. Jedno zdanie: „Projektuję [co] dla [kogo]”.
  2. Wybierz 6 do 10 projektów według powyższego filtra.
  3. Napisz każde case study według szablonu, zaczynając od najlepszego projektu.
  4. Wyeksportuj obrazy pod web w rozmiarze, w jakim będą wyświetlane, i nazwij pliki czytelnie.
  5. Wybierz kreator i układ, który stawia obrazy na pierwszym miejscu i ma niewiele elementów rozpraszających. Jeśli potrzebujesz punktu wyjścia, strona kreator stron dla grafików i szablon portfolio projektanta z AI pokazują, jak wygląda gotowy układ.
  6. Zbuduj cztery podstawowe podstrony i dodaj case study.
  7. Podłącz domenę z Twoim imieniem i nazwiskiem.
  8. Sprawdź wszystko, a potem poproś znajomego lub byłego współpracownika, żeby znalazł Twój adres e-mail na stronie. Jeśli ma z tym problem, popraw stronę kontaktową.
  9. Opublikuj i udostępnij link w stopce maila, CV i profilach zawodowych.

Jeśli porównujesz narzędzia: darmowy plan We.Inc pozwala opublikować do trzech stron z gotowych szablonów, a kreator AI, który tworzy stronę na podstawie opisu, jest dostępny w planie Starter za $20 miesięcznie. Możesz zarejestrować się tutaj. Jeśli odchodzisz z innej platformy portfolio, zobacz tę listę alternatyw dla Portfoliobox.

Checklista przed publikacją

Skopiuj ją i odhaczaj punkty, zanim udostępnisz link.

Treść

  • [ ] 6 do 10 projektów, trzy najmocniejsze na początku
  • [ ] Każdy projekt ma brief, Twoją rolę, proces, finalną pracę i efekt
  • [ ] Projekty studenckie, własne i koncepcyjne są uczciwie oznaczone
  • [ ] Brak prac dla klientów, których nie wolno Ci pokazywać
  • [ ] Strona O mnie ma zdjęcie, krótkie bio i informację, do czego jesteś dostępny(-a)
  • [ ] Adres e-mail jest widoczny na stronie Kontakt i w stopce

Projekt

  • [ ] Nawigacja ma pięć pozycji lub mniej
  • [ ] Jeden lub dwa kroje pisma używane spójnie
  • [ ] Tekst jest czytelny na tle
  • [ ] Obrazy w galerii są duże, ostre i w spójnych rozmiarach
  • [ ] Każdy obraz ma opisowy tekst alternatywny (alt)

Technika

  • [ ] Strona wygląda dobrze na telefonie, tablecie i komputerze
  • [ ] Obrazy są skompresowane, strony ładują się szybko
  • [ ] Wszystkie linki działają, w tym linki „następny projekt”
  • [ ] Tytuły i opisy stron są ustawione dla strony głównej i każdego projektu
  • [ ] Własna domena jest podłączona, a strona ładuje się przez HTTPS
  • [ ] Ustawiony jest obraz podglądu w mediach społecznościowych, żeby udostępniane linki dobrze wyglądały

Po publikacji

  • [ ] Link dodany do stopki maila, CV i profili zawodowych
  • [ ] Przypomnienie, by co kilka miesięcy przeglądać portfolio i wymieniać prace na nowsze

Częste błędy, których warto unikać

  • Pokazywanie wszystkiego, co kiedykolwiek zrobiłeś(-aś). Selekcja jest częścią umiejętności, którą demonstrujesz.
  • Obrazy bez kontekstu. Piękny mockup bez briefu nic nie mówi odwiedzającemu o Twoim sposobie myślenia.
  • Ukryty link do kontaktu. Jeśli dotarcie do niego wymaga więcej niż jednego kliknięcia, tracisz zapytania.
  • Deklarowanie wyników, których nie możesz poprzeć. Opisz dokładnie, co się wydarzyło. Prawdziwy, skromny efekt jest bardziej wiarygodny niż mgliste, wielkie twierdzenie.
  • Brak aktualizacji. Zastępuj starsze prace mocniejszymi, nowszymi.

Co dalej

Gdy strona jest już online, to samo portfolio może wspierać działalność freelancerską. Te poradniki opisują kolejne kroki: jak zdobywać klientów na projektowanie stron i jak rozwijać firmę zajmującą się projektowaniem stron mają zastosowanie do projektantów, którzy zaczynają oferować strony internetowe obok grafiki.

Zacznij za darmo · Bez karty kredytowej

Umair Ali Sadaqat

Założyciel We.Inc

Umair jest założycielem We.Inc. Pisze o tworzeniu stron z AI, agencjach i prowadzeniu studia internetowego.

Chcesz zbudować coś świetnego?

Dołącz do 15,000+ firm, które z We.Inc startują, rosną i automatyzują pracę, wszystko na jednej platformie.

Zacznij za darmo

Bez karty kredytowej · Porozmawiaj z działem sprzedaży

Powiązane: Blog

Produkt

Dla kogo

Funkcje

Zasoby

Firma

Mapa strony