Vodiči

Primjeri portfolio sajtova: 14 ideja za dizajnere, developere i kreativce

Najbolji portfolio sajtovi brzo rade tri stvari: kažu ko ste i šta radite, pokazuju nekoliko vaših najboljih radova s kontekstom i olakšavaju kontakt s vama. Ispod je 14 primjera portfolio sajtova. Pet su stvarni sajtovi koje smo pregledali u oktobru 2026; ostalih devet su obrasci za različite vrste rada, opisani bez navođenja sajta. Zatim slijede kontrolna lista, česte greške i kako napraviti jedan.

Četrnaest primjera ukratko

#PrimjerNajbolje zaKljučna ideja
1Brittany ChiangFront-end developereIskustvo, projekti i tekstovi na jednoj stranici
2Jessica HischeIlustratore, letteristePortfolio plus usluge, prodavnica i resursi
3Lee RobinsonInženjere koji pišuMinimalna stranica s bilješkama i objavama
4Paco CourseyDizajn inženjereKratke sekcije: gradim, projekti, pisanje, sada
5Bruno SimonKreativne developereSam sajt je izlog
6Portfolio s studijama slučajaDizajnere proizvoda i UX dizajnereProblem, proces, rezultat
7Portfolio s mrežom fotografijaFotografeSlike preko cijele širine, malo teksta
8Portfolio pisanjaPisce, novinareRadovi grupisani po temi ili mediju
9Sajt jednog stranice za freelanceraFreelancereUsluge, radovi, raspon cijena, kontakt
10Portfolio studenta ili junioraNedavne diplomceKursni projekti predstavljeni kao pravi rad
11Portfolio s video reelomVideo montažere, animatorePrvo reel, zatim pojedinačni projekti
12Portfolio arhitekture ili enterijeraArhitekte, dizajnereProjekti po tipu sa crtežima i fotografijama
13Portfolio podataka ili istraživanjaAnalitičare, istraživačeInteraktivni grafikoni i objavljeni izvještaji
14Portfolio s linkom u biografijiKreatoreJedna stranica, mnogo linkova, nedavni radovi

Pravi portfolio sajtovi i šta dobro rade

Opisi su stanje od oktobra 2026.

1. Brittany Chiang: sve što developerski regruter treba

Sajt Brittany Chiang predstavlja je kao front-end inženjerku s jednom rečenicom o pristupačnim, doteranim web iskustvima. Navigacija vodi između O meni, Iskustvo i Projekti. Svaki posao navodi poslodavca, datume, kratak opis i oznake tehnologija, uz link do cijelog CV-a. Istaknuti projekti imaju sliku ekrana, opis i link, a link „Pogledaj cijelu arhivu projekata“ sadrži sve ostalo. Odjeljak s tekstovima vodi do njenih članaka.

Šta iz ovoga učiti: glavna stranica pokazuje nekoliko najboljih stavki, a arhiva čuva ostale. Oznake olakšavaju pronalaženje određene vještine.

2. Jessica Hische: portfolio koji je i biznis

Sajt Jessice Hische predstavlja je kao letteristicu, autorku i preduzetnicu. Klijentski radovi su grupisani u kategorije (oglašavanje, knjige i film, urednički rad, proizvodi), svaki projekat ima sličicu koja vodi na punu stranicu, a opisi su razgovorni i objašnjavaju proces. Uz radove su stranice za narudžbe, govorništvo, coaching, knjige, prodavnicu i zasebne kontakt emailove za različite vrste upita.

Šta iz ovoga učiti: ako prodajete više stvari, dajte svakoj svoj put i kontakt kanal da pravi upiti stignu do vas.

3. Lee Robinson: običan tekst, jasno razmišljanje

Sajt Lee Robinsona je jedna minimalna stranica: kratka biografija, lista bilješki o temama i datirana lista blog objava. Kontakt je email link i profil na X-u.

Šta iz ovoga učiti: za ljude čiji je rad u idejama, pisanje je portfolio. Jednostavna lista naslova s datumima lako se čita i brzo se učitava.

4. Paco Coursey: kratke, autorske sekcije

Sajt Paca Courseya ga opisuje kao dizajnera i developera koji pravi interfejse. Stranica ima kratke sekcije o tome šta gradi, tri projekta otvorenog koda, pisanje, sekciju „Sada“ o trenutnim interesovanjima i kontakt linkove.

Šta iz ovoga učiti: sekcija „Sada“ je jednostavan način da portfolio djeluje aktuelno i lično, bez bloga.

5. Bruno Simon: sajt je sam rad

Portfolio Bruna Simona je interaktivni 3D svijet kroz koji vozite mali auto, s upravljanjem preko tastature, miša, dodira i gejmpeda, dostignućima i trkom na vrijeme. Odjeljak „iza kulisa“ objašnjava tehnologije i vodi do izvornog koda.

Šta iz ovoga učiti: za kreativne developere, eksperimentalni sajt može biti najjači dokaz vještine. Slabo odgovara većini drugih uloga, jer posjetioci koji samo žele vaš CV moraju prvo da se igraju.

Obrasci portfolija koje možete kopirati

6. Portfolio sa studijama slučaja

Tri do pet projekata, svaki na svojoj stranici: problem, vaša uloga, ograničenja, proces (skice, iteracije), ishod i šta biste uradili drugačije. Na vrhu započnite s rezultatom u jednoj rečenici. Najbolje za dizajnere proizvoda i UX istraživače.

7. Portfolio s mrežom fotografija

Velike slike u mreži ili nizu preko cijele širine, grupisane u galerije (vjenčanja, portreti, komercijalno). Malo teksta, brzo učitavanje slika i link za rezervaciju ili upit na svakoj galeriji. Pogledajte kako napraviti sajt za fotografa.

8. Portfolio pisanja

Vaši najbolji tekstovi grupisani po temi ili izdanju, svaki sa naslovom, medijem, datumom i jednorečeničnim sažetkom. Povežite živi članak i čuvajte PDF kopiju za slučaj da ode s mreže.

9. Sajt freelancera na jednoj stranici

Šta radite, za koga, tri rada, početna cijena ili raspon cijena ako ste voljni da je podijelite, preporuke i kontakt obrazac. Dobro kad je cilj upiti, a ne regruteri.

10. Portfolio studenta ili juniora

Tretirajte kursne i lične projekte kao pravi rad: zadatak, vaše odluke i rezultat. Kratka sekcija „šta učim“ pokazuje pravac. Linkujte kod i žive demonstracije.

11. Portfolio s video reelom

Reel od 60 do 90 sekundi na vrhu, zatim pojedinačni projekti s navedenim saradnicima i vašom ulogom. Video postavite na servis napravljen za tu namjenu da stranica ostane brza.

12. Portfolio arhitekture ili enterijera

Projekti filtrirani po tipu (stambeni, poslovni), svaki s fotografijama, planovima i kratkom napomenom o zadatku. Lokacija i godina pomažu klijentima da nađu relevantan rad.

13. Portfolio podataka ili istraživanja

Nekoliko objavljenih analiza s jednim ili dva interaktivna grafikona, linkovima do bilježnica ili izvještaja i sažetkom svakog nalaza običnim jezikom.

14. Portfolio s linkom u biografiji

Za kreatore koji žive na društvenim mrežama: jedna stranica prilagođena telefonu s vašim najboljim nedavnim radovima, kanalima i linkom za kontakt ili rezervaciju. Pogledajte kako napraviti stranicu s linkom u biografiji.

Šta najbolji portfoliji imaju zajedničko

  • Uvod u jednoj rečenici. Vaše ime i šta radite, riječima koje bi klijent ili regruter koristio.
  • Kurirani radovi. Nekoliko jakih komada, s arhivom za ostale.
  • Kontekst za svaki rad. Vaša uloga, problem i rezultat. Sami vizuali ne objašnjavaju odluke.
  • Lak kontakt. Email link ili kratak obrazac na svakoj stranici, a ne zakopan u podnožju.
  • Brz i čitljiv. Optimizovane slike, jasan tekst, radi na telefonu.
  • Ažuriran. Nedavni radovi ili napomena „sada“ pokazuju da ste aktivni.
  • Vlastiti domen ako možete, da adresa zauvijek bude vaša.

Česte greške

  • Pokazivanje svega. Deset prosječnih projekata sakrije dva odlična.
  • Nema objašnjenja. Galerija slika ekrana ne kaže šta ste uradili.
  • Teško pronalazan kontakt. Ako ljudi moraju tražiti email, mnogi odustanu.
  • Stil iznad sadržaja. Teška animacija koja usporava stranicu ili krije sadržaj.
  • Pokvareni linkovi i mrtve demonstracije. Provjerite svaki link prije nego što pošaljete sajt bilo kome.
  • Korištenje radova koje ne smijete dijeliti. Pitajte klijente ili poslodavce prije objavljivanja povjerljivih projekata; po potrebi anonimizujte.

Kako napraviti vlastiti portfolio sajt

  1. Izaberite publiku: regrutere, klijente ili saradnike. To određuje šta ide prvo.
  2. Izaberite tri do šest projekata i napišite kratku studiju slučaja za svaki.
  3. Izaberite obrazac iznad i skicirajte stranice: početnu, stranice projekata, o meni, kontakt.
  4. Napravite ga. Uz Mythex opišete svoj portfolio u chatu, vidite ga u live pregledu, učitate slike i objavite na URL u jednom kliku (pogledajte kako povezati vlastiti domen). Možete početi i od šablona. Ako radije sami pišete kod kao projekat za učenje, i to je dobar izbor.
  5. Zamolite nekoga da ga pregleda na telefonu i kaže vam šta razumije nakon deset sekundi.

Za korak-po-korak verziju pročitajte kako napraviti portfolio sajt; ako vam je uglavnom potreban CV na mreži, pogledajte kako napraviti sajt s CV-jem.

Kako smo izabrali ove primjere

Pregledali smo svaki navedeni sajt u oktobru 2026. i opisujemo samo ono što je tada prikazivao. Izabrali smo dobro poznate sajtove koji ilustruju jasnu ideju, a ne rangiranje „najboljih“ portfolija. Obrasci su uobičajeni formati opisani u opštim crtama.

Pitanja

Šta treba da sadrži portfolio sajt?

Jednu rečenicu o tome šta radite, mali izbor vaših najboljih radova s kontekstom za svaki (problem, vaša uloga, rezultat), kratak odjeljak „o meni“ i jasan način da vas se kontaktira. Dodajte CV, tekstove ili stranicu s uslugama ako pomažu ljudima od kojih želite čuti.

Koliko projekata treba da bude u portfoliju?

Obično su tri do šest jakih projekata dovoljni na glavnoj stranici. Pokažite manje, ali bolje radova s objašnjenjem, umjesto svega što ste napravili. Ostale možete povezati s arhivom, kao što to radi sajt Brittany Chiang.

Treba li mi vlastiti domen za portfolio?

Nije obavezan, ali domen s vašim imenom izgleda profesionalnije, lakše se pamti i ostaje vaš ako promijenite hosting. Većina domena košta umjerenu godišnju naknadu kod registrara.

Treba li developerski portfolio praviti od nule?

Samostalna izrada može biti dio portfolija, ali nije neophodna. Regruteri uglavnom gledaju projekte, vašu ulogu i linkove do koda ili živih demonstracija. AI alat za pravljenje sajtova ili šablon brzo vam daju uredan sajt, a vrijeme možete utrošiti na studije slučaja.

Mythex · Pricing · Izradite bilo šta uz AI · Šabloni za web stranice i aplikacije · Mythex u poređenju · Rječnik izrade aplikacija uz AI · Besplatni alati za izradu aplikacija uz AI · English

English አማርኛ العربية Български বাংলা Català Čeština Dansk Deutsch Ελληνικά Español Español (España) Eesti فارسی Suomi Français Français (Canada) ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano 日本語 ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी Bahasa Melayu မြန်မာ Norsk bokmål Nederlands ਪੰਜਾਬੀ Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(香港) 繁體中文(台灣)