Exemples de web de portfoli: 14 idees per a dissenyadors, desenvolupadors i creatius

Les millors webs de portfoli fan tres coses ràpidament: dir qui ets i què fas, mostrar unes quantes peces dels teus millors treballs amb context i facilitar que et contactin. A continuació hi ha 14 exemples de webs de portfoli. Cinc són llocs reals que vam revisar a l'octubre del 2026; els altres nou són patrons per a diferents tipus de feina, descrits sense nomenar cap lloc. Després hi trobaràs una llista de verificació, els errors habituals i com crear-ne una.

Els 14 exemples d'un cop d'ull

Webs de portfoli reals i què fan bé

Les descripcions són a l'octubre del 2026.

1. Brittany Chiang: tot el que necessita un reclutador de desenvolupadors

El lloc de Brittany Chiang la presenta com a enginyera front-end amb un lema d'una línia sobre experiències web accessibles i polides. La navegació salta entre Sobre mi, Experiència i Projectes. Cada feina indica l'empresa, les dates, una descripció breu i etiquetes de tecnologia, amb un enllaç al currículum complet. Els projectes destacats tenen una captura de pantalla, una descripció i un enllaç, i un enllaç "Veure l'arxiu complet de projectes" conté la resta. Una secció d'escrits enllaça als seus articles.

Què n'aprendre: la pàgina principal mostra els millors elements; l'arxiu conté la resta. Les etiquetes faciliten localitzar una habilitat concreta.

2. Jessica Hische: un portfoli que també és un negoci

El lloc de Jessica Hische la presenta com a artista de lettering, autora i emprenedora. El treball per a clients s'agrupa per categories (publicitat, llibres i cinema, editorial, productes), cada projecte té una miniatura que enllaça a una pàgina completa, i les descripcions són conversacionals i expliquen el procés. Al costat dels treballs hi ha pàgines per a encàrrecs, conferències, coaching, llibres, una botiga i adreces de correu separades per a diferents tipus de consultes.

Què n'aprendre: si vens diverses coses, dona a cadascuna el seu propi camí i la seva via de contacte perquè les consultes adequades et arribin.

3. Lee Robinson: text senzill, pensament clar

El lloc de Lee Robinson és una sola pàgina minimalista: una biografia breu, una llista de notes temàtiques i una llista datada de publicacions del bloc. El contacte és un enllaç de correu i un perfil d'X.

Què n'aprendre: per a persones el treball de les quals són les idees, l'escriptura és el portfoli. Una llista simple de títols amb dates és fàcil de llegir i carrega ràpid.

4. Paco Coursey: seccions curtes i amb opinió

El lloc de Paco Coursey el descriu com a dissenyador i desenvolupador que crea interfícies. La pàgina té seccions breus sobre el que està construint, tres projectes de codi obert, escrits, una secció "Ara" sobre els seus interessos actuals, i enllaços de contacte.

Què n'aprendre: una secció "Ara" és una manera fàcil de fer que un portfoli se senti actual i personal sense un bloc.

5. Bruno Simon: el lloc és el treball

El portfoli de Bruno Simon és un món 3D interactiu on condueixes un petit cotxe, amb controls de teclat, ratolí, tàctil i gamepad, assoliments i un mode de cursa cronometrat. Una secció "entre bastidors" explica la pila tecnològica i enllaça al codi font.

Què n'aprendre: per a desenvolupadors creatius, un lloc experimental pot ser la prova d'habilitat més forta. No encaixa bé amb la majoria de les altres feines, perquè els visitants que només volen el teu currículum han de jugar primer.

Patrons de portfoli que pots copiar

6. Portfoli d'estudis de cas

Entre tres i cinc projectes, cadascun a la seva pàgina: el problema, el teu rol, les restriccions, el procés (esbossos, iteracions), el resultat i què faries diferent. Comença amb el resultat en una frase a dalt. Millor per a dissenyadors de producte i investigadors d'UX.

7. Portfoli en quadrícula de fotos

Imatges grans en una quadrícula o seqüència a amplada completa, agrupades en galeries (casaments, retrats, comercial). Text mínim, càrrega ràpida d'imatges i un enllaç de reserva o de consulta a cada galeria. Vegeu com crear un lloc web de fotografia.

8. Portfoli d'escrits

Els teus millors retalls agrupats per tema o publicació, cadascun amb un titular, el mitjà, la data i un resum d'una línia. Enllaça a l'article en viu i guarda una còpia en PDF per si desapareix de la xarxa.

9. Web d'una pàgina per a autònoms

Què fas, per a qui, tres treballs, un preu inicial o un rang de preus si et sents còmode compartint-lo, testimonis i un formulari de contacte. Va bé quan l'objectiu són consultes, no reclutadors.

10. Portfoli d'estudiant o júnior

Tracta els projectes de curs i els personals com a feina real: l'encàrrec, les teves decisions i el resultat. Una secció breu de "què estic aprenent" indica la direcció. Enllaça al codi i a les demostracions en viu.

11. Portfoli de reel de vídeo

Un reel de 60 a 90 segons a dalt, i després projectes individuals amb crèdits i el teu rol. Allotja el vídeo en un servei creat per a això perquè la pàgina es mantingui ràpida.

12. Portfoli d'arquitectura o interiorisme

Projectes filtrats per tipus (residencial, comercial), cadascun amb fotos, plànols i una nota breu sobre l'encàrrec. La ubicació i l'any ajuden els clients a trobar treballs rellevants.

13. Portfoli de dades o recerca

Uns quants anàlisis publicats amb un o dos gràfics interactius, enllaços a quaderns o informes, i un resum en llenguatge clar de cada conclusió.

14. Portfoli d'enllaç a la biografia

Per a creadors que viuen a les xarxes socials: una pàgina pensada primer per al mòbil amb els teus treballs recents més destacats, els teus canals i un enllaç de contacte o de reserva. Vegeu com crear una pàgina de enllaç a la biografia.

Què tenen en comú els millors portfolis

• Una introducció d'una línia. El teu nom i el que fas, amb paraules que usaria un client o un reclutador.
• Treballs seleccionats. Un grapat de peces fortes, amb un arxiu per a la resta.
• Context per a cada peça. El teu rol, el problema i el resultat. Només les imatges no expliquen les decisions.
• Contacte fàcil. Un enllaç de correu o un formulari curt a cada pàgina, no amagat al peu.
• Ràpid i llegible. Imatges optimitzades, tipografia clara, que funcioni al mòbil.
• Actualitzat. Treballs recents o una nota "ara" demostren que estàs actiu.
• El teu propi domini si pots, perquè l'adreça sigui teva per sempre.

Errors habituals

• Mostrar-ho tot. Deu projectes mitjans amaguen dos de molt bons.
• Sense explicació. Una galeria de captures no diu què vas fer.
• Dades de contacte difícils de trobar. Si la gent ha de buscar un correu, molts no el trobaran.
• L'estil per sobre del contingut. Animacions pesades que alenteixen la pàgina o amaguen contingut.
• Enllaços trencats i demostracions mortes. Revisa cada enllaç abans d'enviar el lloc a ningú.
• Usar treballs que no pots compartir. Pregunta als clients o als empleadors abans de publicar projectes confidencials; anonimitza-los si cal.

Com crear el teu propi lloc de portfoli

1. Tria el teu públic: reclutadors, clients o col·laboradors. Això decideix què va primer.
2. Tria entre tres i sis projectes i escriu un breu estudi de cas per a cadascun.
3. Tria un patró de dalt i esbossa les pàgines: inici, pàgines de projecte, sobre mi, contacte.
4. Construeix-lo. Amb Mythex descrius el teu portfoli en un xat, el veus en una vista prèvia en directe, puges les teves imatges i publiques en una URL amb un clic (vegeu com connectar un domini propi). També pots començar des d'una plantilla. Si prefereixes programar-lo a mà com a projecte d'aprenentatge, també és una bona opció.
5. Demana a algú que el revisi al mòbil i que et digui què entén de tu als deu segons.

Per a la versió pas a pas, llegeix com crear un lloc web de portfoli; si només necessites tenir el currículum en línia, consulta com crear un lloc web de currículum.

Com hem escollit aquests exemples

Vam revisar cada lloc esmentat a l'octubre del 2026 i només descrivim el que mostrava en aquell moment. Vam triar llocs coneguts que il·lustren una idea clara, no un rànquing dels portfolis "millors". Els patrons són formats habituals descrits en termes generals.

Preguntes