Vodniki

Primeri spletnih strani portfelja: 14 idej za oblikovalce, razvijalce in ustvarjalce

Najboljše spletne strani portfelja hitro naredijo tri stvari: povedo, kdo ste in kaj počnete, pokažejo nekaj vaših najboljših del s kontekstom ter omogočajo preprost stik. Spodaj je 14 primerov spletnih strani portfelja. Pet je pravih strani, ki smo jih oktobra 2026 pregledali; ostalih devet so vzorci za različne vrste dela, opisani brez navajanja strani. Sledijo kontrolni seznam, pogoste napake in kako zgraditi svojo.

Vseh 14 primerov na prvi pogled

#PrimerNajboljše zaKljučna ideja
1Brittany ChiangRazvijalce front-endaIzkušnje, projekti in pisanje na eni strani
2Jessica HischeIlustratorje, kaligrafePortfelj plus storitve, trgovina in viri
3Lee RobinsonInženirje, ki pišejoMinimalistična stran z zapiski in objavami
4Paco CourseyOblikovalske inženirjeKratki razdelki: gradi, projekti, pisanje, zdaj
5Bruno SimonUstvarjalne razvijalceSama stran je izložba
6Portfelj študij primerovOblikovalce izdelkov in UXProblem, postopek, rezultat
7Portfelj s mrežo fotografijFotografeSlike čez celotno širino, malo besedila
8Portfelj pisanjaPisce, novinarjeČlanki, razvrščeni po temi ali mediju
9Stran samostojnega izvajalca na eni straniSamostojne izvajalceStoritve, delo, razpon cen, kontakt
10Portfelj študenta ali začetnikaNove diplomanteŠtudijski projekti, predstavljeni kot pravo delo
11Portfelj video reelaVideo montažerje, animatorjeNajprej reel, nato posamezni projekti
12Portfelj arhitekture ali notranje opremeArhitekte, oblikovalceProjekti po vrsti z risbami in fotografijami
13Portfelj podatkov ali raziskavAnalitike, raziskovalceInteraktivni grafikoni in objavljena poročila
14Portfelj link-in-bioUstvarjalceEna stran, veliko povezav, nedavno delo

Prave strani portfelja in kaj dobro počnejo

Opisi veljajo na dan oktober 2026.

1. Brittany Chiang: vse, kar potrebuje kadrovnik za razvijalce

Spletna stran Brittany Chiang jo predstavi kot razvijalko front-enda z enovrstičnim sloganom o dostopnih in izpiljenih spletnih izkušnjah. Navigacija skače med O meni, Izkušnje in Projekti. Vsako zaposlitev navaja delodajalec, datumi, kratek opis in oznake tehnologij, s povezavo do celotnega življenjepisa. Izpostavljeni projekti imajo posnetek zaslona, opis in povezavo, „Ogled celotnega arhiva projektov“ pa drži vse ostalo. Razdelek s pisanjem povezuje na njene članke.

Od tega se naučite: glavna stran prikaže nekaj najboljših stvari, arhiv pa preostale. Oznake olajšajo pregledovanje za določeno veščino.

2. Jessica Hische: portfelj, ki je tudi poslovanje

Spletna stran Jessice Hische jo predstavi kot kaligrafinjo, avtorico in podjetnico. Delo za stranke je razvrščeno v kategorije (oglaševanje, knjige in film, uredništvo, izdelki), vsak projekt ima sličico, ki vodi na celo stran, opisi pa so pogovorni in razlagajo postopek. Poleg dela so strani za naročila, govorjenje, coaching, knjige, trgovino in ločeni e-poštni naslovi za različne vrste povpraševanj.

Od tega se naučite: če prodajate več stvari, dajte vsaki svojo pot in stik, da pravi povpraševanja dosežejo vas.

3. Lee Robinson: navaden tekst, jasno razmišljanje

Spletna stran Lee Robinsona je ena minimalistična stran: kratek življenjepis, seznam zapiskov o temah in datiran seznam blogovskih objav. Stik je e-poštna povezava in profil na X.

Od tega se naučite: za ljudi, katerih delo so ideje, je portfelj pisanje. Navaden seznam naslovov z datumi je lahko berljiv in hitro naložen.

4. Paco Coursey: kratki, izraziti razdelki

Spletna stran Paca Courseyja ga opisuje kot oblikovalca in razvijalca, ki ustvarja vmesnike. Stran ima kratke razdelke za to, kar gradi, tri projekte z odprto kodo, pisanje, razdelek „Zdaj“ o trenutnih interesih in povezave za stik.

Od tega se naučite: razdelek „Zdaj“ je preprost način, da se portfelj zdi aktualen in oseben brez bloga.

5. Bruno Simon: stran je delo

Portfelj Bruna Simona je interaktiven 3D svet, po katerem vozite majhen avto, s kontrolami za tipkovnico, miško, dotik in igralni plošček, dosežki in načinom časovne dirke. Razdelek „Za kulisami“ razloži sklad tehnologij in povezuje na izvorno kodo.

Od tega se naučite: za ustvarjalne razvijalce je eksperimentalna stran lahko najmočnejši dokaz veščine. Slabo ustreza večini drugih vlog, ker morajo obiskovalci, ki želijo samo vaš življenjepis, najprej igrati.

Vzorci portfelja, ki jih lahko prekopirate

6. Portfelj študij primerov

Trije do pet projektov, vsak na svoji strani: problem, vaša vloga, omejitve, postopek (skice, iteracije), rezultat in kaj bi naredili drugače. Na vrhu v enem stavku povejte rezultat. Najboljše za oblikovalce izdelkov in raziskovalce UX.

7. Portfelj s mrežo fotografij

Velike slike v mreži ali zaporedju čez celotno širino, razvrščene v galerije (poroke, portreti, komercialno). Malo besedila, hitro nalaganje slik in povezava za rezervacijo ali povpraševanje na vsaki galeriji. Glejte kako zgraditi fotografsko spletno stran.

8. Portfelj pisanja

Vaši najboljši članki, razvrščeni po temi ali publikaciji, vsak z naslovom, medijem, datumom in enovrstičnim povzetkom. Povežite na živ članek in shranite kopijo v PDF, če bi lahko šel offline.

9. Stran samostojnega izvajalca na eni strani

Kaj delate, za koga, trije primeri dela, začetna cena ali razpon cen, če se vam zdi varno deliti, priporočila in obrazec za stik. Dobro, kadar je cilj povpraševanje, ne kadrovniki.

10. Portfelj študenta ali začetnika

Obravnavajte študijske in osebne projekte kot pravo delo: naloga, vaše odločitve in rezultat. Kratek razdelek „Kaj se učim“ pokaže smer. Povežite na kodo in žive demo različice.

11. Portfelj video reela

Reel dolžine 60–90 sekund na vrhu, nato posamezni projekti z zasluženimi navedbami in vašo vlogo. Video gostite na storitvi, zgrajeni zanj, da stran ostane hitra.

12. Portfelj arhitekture ali notranje opreme

Projekti, filtrirani po vrsti (stanovanjski, poslovni), vsak s fotografijami, načrti in kratko opombo o naročilu. Lokacija in leto pomagata strankam najti ustrezno delo.

13. Portfelj podatkov ali raziskav

Nekaj objavljenih analiz z enim ali dvema interaktivnima grafikonoma, povezave na zvezke ali poročila in povzetek vsake ugotovitve v preprostem jeziku.

14. Portfelj link-in-bio

Za ustvarjalce, ki živijo na družbenih omrežjih: ena stran, prilagojena telefonu, z vašim najboljšim nedavnim delom, vašimi kanali in povezavo za stik ali rezervacijo. Glejte kako zgraditi stran link-in-bio.

Kaj imajo skupnega najboljši portfelji

  • Enovrstični uvod. Vaše ime in kaj počnete, z besedami, ki bi jih uporabil stranka ali kadrovnik.
  • Izbrano delo. Peščica močnih kosov z arhivom za ostalo.
  • Kontekst za vsak kos. Vaša vloga, problem in rezultat. Sami vizuali ne razložijo odločitev.
  • Enostaven stik. Povezava do e-pošte ali kratek obrazec na vsaki strani, ne skrit v nogi.
  • Hitro in berljivo. Optimizirane slike, jasna pisava, deluje na telefonu.
  • Posodobljeno. Nedavno delo ali opomba „zdaj“ pokaže, da ste aktivni.
  • Lastna domena, če lahko, da je naslov za vedno vaš.

Pogoste napake

  • Pokazati vse. Deset povprečnih projektov skriva dva odlična.
  • Brez razlage. Galerija posnetkov zaslona ne pove, kaj ste naredili.
  • Težko dostopni kontaktni podatki. Če morajo ljudje iskati e-pošto, jih mnogi ne bodo našli.
  • Slog pred vsebino. Močna animacija, ki upočasni stran ali skrije vsebino.
  • Pokvarjene povezave in mrtvi demo. Preverite vsako povezavo, preden stran pošljete komurkoli.
  • Uporaba dela, ki ga ne smete deliti. Pred objavo zaupnih projektov vprašajte stranke ali delodajalce; po potrebi jih anonimizirajte.

Kako zgraditi svojo spletno stran portfelja

  1. Izberite svoje občinstvo: kadrovnike, stranke ali sodelavce. To določi, kaj pride na prvo mesto.
  2. Izberite tri do šest projektov in za vsakega napišite kratko študijo primera.
  3. Izberite vzorec zgoraj in skicirajte strani: domača, strani projektov, o meni, stik.
  4. Zgradite jo. Z Mythexom portfelj opišete v klepetu, vidite ga v živem predogledu, naložite slike in objavite na URL v enem kliku (glejte kako povezati lastno domeno). Začnete lahko tudi s predlogo. Če raje kodirate sami kot učni projekt, je tudi to dobra izbira.
  5. Prosite nekoga, naj ga pregleda na telefonu in vam pove, kaj razume v desetih sekundah.

Za korak za korakom glejte kako zgraditi spletno stran portfelja; če potrebujete predvsem življenjepis na spletu, glejte kako zgraditi spletno stran z življenjepisom.

Kako smo izbrali te primere

Vsako omenjeno stran smo pregledali oktobra 2026 in opisujemo le, kar je takrat prikazala. Izbrali smo dobro znane strani, ki ponazarjajo jasno idejo, ne uvrstitve „najboljših“ portfeljev. Vzorci so pogosti formati, opisani na splošno.

Vprašanja

Kaj mora vsebovati spletna stran portfelja?

Enovrstični opis, kaj delate, majhen izbor vašega najboljšega dela s kontekstom za vsakega (problem, vaša vloga, rezultat), kratek razdelek o vas in jasen način, kako vas kontaktirati. Dodajte življenjepis, pisanje ali stran s storitvami, če pomagajo ljudem, ki jih želite nagovoriti.

Koliko projektov naj bo v portfelju?

Na glavni strani so običajno dovolj tri do šest močnih projektov. Pokažite manj, boljših stvari z razlago, namesto vsega, kar ste naredili. Za ostalo se lahko povežete na arhiv, kot to počne spletna stran Brittany Chiang.

Ali za portfelj potrebujem lastno domeno?

Ni nujno, vendar domena z vašim imenom deluje bolj profesionalno, je lažje za zapomniti in ostane vaša, če spremenite gostovanje. Večina domen pri registratorju stane zmerno letno pristojbino.

Ali naj bo portfelj razvijalca zgrajen od začetka?

Gradnja sami je lahko del portfelja, vendar ni nujna. Kadrovniki predvsem gledajo projekte, vašo vlogo in povezave do kode ali demo različic v živo. Graditelj spletnih strani z umetno inteligenco ali predloga vam hitro da čisto spletno stran, čas pa lahko porabite za študije primerov.

Mythex · Pricing · Zgradite karkoli z AI · Predloge za spletna mesta in aplikacije · Mythex v primerjavi · Slovar pojmov gradnje aplikacij z AI · Brezplačna orodja za gradnjo aplikacij z AI · English

English አማርኛ العربية Български বাংলা Bosanski 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 Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(香港) 繁體中文(台灣)