Exempel på portfoliowebbplatser: 14 idéer för designers, utvecklare och kreatörer

De bästa portfoliowebbplatserna gör tre saker snabbt: de säger vem du är och vad du gör, visar några av dina bästa arbeten med sammanhang och gör det enkelt att kontakta dig. Nedan följer 14 exempel på portfoliowebbplatser. Fem är riktiga sajter som vi granskade i oktober 2026; de övriga nio är mönster för olika typer av arbete, beskrivna utan att nämna någon sajt. Sedan kommer en checklista, vanliga misstag och hur du bygger en själv.

De 14 exemplen i korthet

Riktiga portfoliowebbplatser och vad de gör bra

Beskrivningarna gäller per oktober 2026.

1. Brittany Chiang: allt en utvecklarrekryterare behöver

Brittany Chiangs sajt presenterar henne som frontendingenjör med en tagline på en rad om tillgängliga, polerade webbupplevelser. Navigeringen hoppar mellan Om, Erfarenhet och Projekt. Varje jobb anger arbetsgivare, datum, en kort beskrivning och teknikstaggar, med en länk till hela CV:t. Utvalda projekt har en skärmbild, en beskrivning och en länk, och en länk "Visa hela projektarkivet" innehåller resten. En textsektion länkar till hennes artiklar.

Lär av det: startsidan visar de bästa få sakerna; arkivet håller resten. Taggar gör det lätt att skanna efter en specifik färdighet.

2. Jessica Hische: en portfolio som också är en verksamhet

Jessica Hisches sajt presenterar henne som letterkonstnär, författare och entreprenör. Kunduppdrag är grupperade i kategorier (reklam, böcker och film, redaktionellt, produkter), varje projekt har en miniatyr som länkar till en fullständig sida, och beskrivningarna är samtalsartade och förklarar processen. Vid sidan av arbetet finns sidor för uppdrag, föredrag, coaching, böcker, en butik och separata kontaktadresser för olika typer av förfrågningar.

Lär av det: om du säljer flera saker, ge varje sak sin egen väg och kontaktkanal så att rätt förfrågningar når dig.

3. Lee Robinson: vanlig text, tydligt tänkande

Lee Robinsons sajt är en enda minimalistisk sida: en kort bio, en lista med ämnesanteckningar och en daterad lista med blogginlägg. Kontakt sker via en mejllänk och en X-profil.

Lär av det: för personer vars arbete är idéer är skrivandet portföljen. En enkel lista med titlar och datum är lätt att läsa och snabb att ladda.

4. Paco Coursey: korta, bestämda avsnitt

Paco Courseys sajt beskriver honom som designer och utvecklare som bygger gränssnitt. Sidan har korta avsnitt om vad han bygger, tre projekt med öppen källkod, texter, en sektion "Nu" om aktuella intressen och kontaktlänkar.

Lär av det: en sektion "Nu" är ett enkelt sätt att få en portfolio att kännas aktuell och personlig utan en blogg.

5. Bruno Simon: sajten är arbetet

Bruno Simons portfolio är en interaktiv 3D-värld där du kör en liten bil, med kontroll via tangentbord, mus, touch och handkontroll, prestationer och ett tidsbegränsat lopp. Ett avsnitt "bakom kulisserna" förklarar tekniken och länkar till källkoden.

Lär av det: för kreativa utvecklare kan en experimentell sajt vara det starkaste beviset på färdighet. Det passar dåligt för de flesta andra roller, eftersom besökare som bara vill se ditt CV först måste spela.

Portföljmönster du kan kopiera

6. Portfolio med fallstudier

Tre till fem projekt, var och ett på en egen sida: problemet, din roll, begränsningarna, processen (skisser, iterationer), resultatet och vad du skulle gjort annorlunda. Inled med resultatet i en mening högst upp. Bäst för produktdesigners och UX-researchers.

7. Fotoportfolio i rutnät

Stora bilder i ett rutnät eller en helbredds sekvens, grupperade i gallerier (bröllop, porträtt, kommersiellt). Minimal text, snabb bildladdning och en boknings- eller förfrågningslänk på varje galleri. Se hur du bygger en fotografiwebbplats.

8. Textportfolio

Dina bästa klipp grupperade efter ämne eller publikation, var och en med rubrik, utgivare, datum och en sammanfattning på en rad. Länka till den live-publicerade artikeln och behåll en PDF-kopia ifall den försvinner från nätet.

9. Enpagesidan för frilansare

Vad du gör, för vem, tre arbeten, ett startpris eller prisintervall om du är bekväm med att dela det, omdömen och ett kontaktformulär. Bra när målet är förfrågningar, inte rekryterare.

10. Portfolio för student eller junior

Behandla kursprojekt och personliga projekt som riktigt arbete: uppdraget, dina beslut och resultatet. Ett kort avsnitt "det här lär jag mig" visar riktning. Länka till kod och livedemos.

11. Videoreelportfolio

En reel på 60–90 sekunder överst, sedan enskilda projekt med medverkande och din roll. Lägg videon på en tjänst byggd för det så att sidan förblir snabb.

12. Portfolio för arkitektur eller inredning

Projekt filtrerade efter typ (bostäder, kommersiella), var och ett med foton, ritningar och en kort notering om uppdraget. Plats och år hjälper kunder att hitta relevant arbete.

13. Data- eller forskningsportfolio

Några publicerade analyser med ett eller två interaktiva diagram, länkar till notebooks eller rapporter och en sammanfattning av varje resultat på ett lättbegripligt språk.

14. Länk-i-bio-portfolio

För skapare som lever på sociala plattformar: en mobilanpassad sida med ditt bästa senaste arbete, dina kanaler och en kontakt- eller bokningslänk. Se hur du bygger en länk-i-bio-sida.

Vad de bästa portfolioerna har gemensamt

• En introduktion på en rad. Ditt namn och vad du gör, med ord som en kund eller rekryterare skulle använda.
• Kurerat arbete. En handfull starka verk, med ett arkiv för resten.
• Sammanhang för varje verk. Din roll, problemet och resultatet. Bilder ensamma förklarar inte besluten.
• Enkel kontakt. En mejllänk eller ett kort formulär på varje sida, inte begravd i en sidfot.
• Snabb och läsbar. Optimerade bilder, tydlig typografi, fungerar på mobilen.
• Uppdaterad. Nyligt arbete eller en "nu"-notering visar att du är aktiv.
• Din egen domän om du kan, så att adressen är din för gott.

Vanliga misstag

• Att visa allt. Tio medelmåttiga projekt döljer två bra.
• Ingen förklaring. Ett galleri med skärmbilder säger inte vad du gjorde.
• Svåråtkomlig kontaktinformation. Om folk måste leta efter en mejladress kommer många inte att göra det.
• Stil framför substans. Tung animation som saktar ner sidan eller döljer innehåll.
• Trasiga länkar och döda demos. Kontrollera varje länk innan du skickar sajten till någon.
• Att använda arbete du inte får visa. Fråga kunder eller arbetsgivare innan du publicerar konfidentiella projekt; anonymisera vid behov.

Så bygger du din egen portfoliowebbplats

1. Välj din målgrupp: rekryterare, kunder eller samarbetspartners. Det avgör vad som kommer först.
2. Välj tre till sex projekt och skriv en kort fallstudie för varje.
3. Välj ett mönster ovan och skissa sidorna: start, projektsidor, om och kontakt.
4. Bygg den. Med Mythex beskriver du din portfolio i en chatt, ser den i en live-förhandsvisning, laddar upp dina bilder och publicerar till en webbadress med ett klick (se hur du kopplar en egen domän). Du kan också börja från en mall. Om du hellre kodar den för hand som ett lärprojekt är det också ett bra val.
5. Be någon granska den på sin telefon och berätta vad de gör efter tio sekunder.

För den steg-för-steg-versionen, läs hur du bygger en portfoliowebbplats; om du främst behöver ett CV på nätet, se hur du bygger en CV-webbplats.

Så valde vi exemplen

Vi läste varje namngiven sajt i oktober 2026 och beskriver bara vad den visade då. Vi valde välkända sajter som illustrerar en tydlig idé, inte en rankning av de "bästa" portfolioerna. Mönstren är vanliga format som beskrivs i allmänna termer.

Frågor