Eksempler på porteføljesider: 14 ideer for designere, utviklere og kreative

De beste porteføljesidene gjør tre ting raskt: de sier hvem du er og hva du gjør, de viser noen få av ditt beste arbeid med kontekst, og de gjør det enkelt å kontakte deg. Nedenfor er 14 eksempler på porteføljesider. Fem er ekte sider vi leste i oktober 2026; de andre ni er mønstre for ulike typer arbeid, beskrevet uten å nevne en side. Deretter finner du en sjekkliste, vanlige feil og hvordan du bygger en.

De 14 eksemplene i korte trekk

Ekte porteføljesider, og hva de gjør godt

Beskrivelsene er per oktober 2026.

1. Brittany Chiang: alt en utvikler-rekrutterer trenger

Brittany Chiangs side presenterer henne som front-end-ingeniør med en setning om tilgjengelige, polerte nettopplevelser. Navigasjonen hopper mellom Om, Erfaring og Prosjekter. Hver jobb viser arbeidsgiver, datoer, en kort beskrivelse og teknologitagger, med en lenke til hele CV-en. Utvalgte prosjekter har et skjermbilde, en beskrivelse og en lenke, og en "Vis hele prosjektarkivet"-lenke samler resten. En skriveseksjon lenker til artiklene hennes.

Lær av det: hovedsiden viser de beste få elementene; arkivet holder resten. Tagger gjør det enkelt å skanne etter en bestemt ferdighet.

2. Jessica Hische: en portefølje som også er en virksomhet

Jessica Hisches side presenterer henne som bokstavkunstner, forfatter og gründer. Oppdragsarbeid er gruppert i kategorier (reklame, bøker og film, redaksjonelt, produkter), hvert prosjekt har en miniatyr som lenker til en egen side, og beskrivelsene er uformelle og forklarer prosessen. Ved siden av arbeidet finnes sider for oppdrag, foredrag, coaching, bøker, en butikk og egne kontaktadresser for ulike typer henvendelser.

Lær av det: hvis du selger flere ting, gi hver sin vei og kontaktkanal, slik at riktige henvendelser når deg.

3. Lee Robinson: ren tekst, klar tenkning

Lee Robinsons side er en enkel minimalistisk side: en kort biografi, en liste over emnenotater og en datert liste over blogginnlegg. Kontakt går via en e-postlenke og en X-profil.

Lær av det: for folk der arbeidet er ideer, er skrivingen porteføljen. En enkel liste med titler og datoer er lett å lese og rask å laste.

4. Paco Coursey: korte, meningsfylte seksjoner

Paco Coursey-siden beskriver ham som designer og utvikler som lager grensesnitt. Siden har korte seksjoner for det han bygger nå, tre åpen kildekode-prosjekter, skriving, en "Nå"-seksjon om aktuelle interesser og kontaktlenker.

Lær av det: en "Nå"-seksjon er en enkel måte å få porteføljen til å føles aktuell og personlig uten en blogg.

5. Bruno Simon: siden er arbeidet

Bruno Simons portefølje er en interaktiv 3D-verden der du kjører en liten bil, med tastatur-, mus-, touch- og gamepad-kontroller, prestasjoner og et tidsbestemt løpsmodus. En "bak kulissene"-seksjon forklarer teknologistakken og lenker til kildekoden.

Lær av det: for kreative utviklere kan en eksperimentell side være det sterkeste beviset på ferdighet. Den passer dårlig til de fleste andre roller, fordi besøkende som bare vil ha CV-en din må leke seg gjennom først.

Porteføljemønstre du kan kopiere

6. Casestudie-portefølje

Tre til fem prosjekter, hvert på sin egen side: problemet, rollen din, begrensningene, prosessen (skisser, iterasjoner), resultatet og hva du ville gjort annerledes. Begynn med resultatet i én setning øverst. Best for produktdesignere og UX-forskere.

7. Fotorutenett-portefølje

Store bilder i et rutenett eller en sekvens over hele bredden, gruppert i gallerier (bryllup, portretter, kommersielt). Minimal tekst, rask bildelasting, og en bestillings- eller henvendelseslenke på hvert galleri. Se hvordan du bygger en nettside for fotografer.

8. Skriveportefølje

Dine beste klipp gruppert etter tema eller publikasjon, hver med en overskrift, mediet, dato og en oppsummering på én linje. Lenk til den live artikkelen, og behold en PDF-kopi i tilfelle den forsvinner fra nettet.

9. Enkeltside for frilanser

Hva du gjør, for hvem, tre arbeider, en startpris eller prisnivå hvis du er komfortabel med å dele den, referanser og et kontaktskjema. Godt når målet er henvendelser, ikke rekruttering.

10. Portefølje for student eller junior

Behandle kurs- og personlige prosjekter som ekte arbeid: oppdraget, valgene dine og resultatet. En kort "det jeg lærer"-seksjon viser retning. Lenk til kode og levende demoer.

11. Videoreel-portefølje

En reel på 60–90 sekunder øverst, deretter enkeltprosjekter med kreditering og din rolle. Legg video på en tjeneste laget for det, slik at siden holder seg rask.

12. Portefølje for arkitektur eller interiør

Prosjekter filtrert etter type (boligprosjekter, næringsbygg), hver med bilder, planer og en kort notis om oppdraget. Sted og år hjelper kunder å finne relevant arbeid.

13. Data- eller forskningsportefølje

Noen få publiserte analyser med ett eller to interaktive diagrammer, lenker til notatbøker eller rapporter, og et sammendrag i klartekst av hvert funn.

14. Lenke-i-bio-portefølje

For skapere som lever på sosiale plattformer: én mobilvennlig side med ditt beste nylige arbeid, kanalene dine og en kontakt- eller bookinglenke. Se hvordan du bygger en lenke-i-bio-side.

Det de beste porteføljene har felles

• En introduksjon på én linje. Navnet ditt og hva du gjør, med ord en kunde eller rekrutterer ville brukt.
• Kuratert arbeid. En håndfull sterke stykker, med et arkiv for resten.
• Kontekst for hvert stykke. Rollen din, problemet og resultatet. Bilder alene forklarer ikke valgene.
• Enkel kontakt. En e-postlenke eller et kort skjema på hver side, ikke gjemt i bunnteksten.
• Rask og lesbar. Optimaliserte bilder, tydelig skrift, fungerer på telefon.
• Oppdatert. Nylig arbeid eller en "nå"-notis viser at du er aktiv.
• Ditt eget domene hvis du kan, slik at adressen er din for alltid.

Vanlige feil

• Å vise alt. Ti middelmådige prosjekter skjuler to gode.
• Ingen forklaring. Et galleri med skjermbilder sier ikke hva du gjorde.
• Vanskelig å finne kontaktdetaljer. Hvis folk må lete etter en e-post, er det mange som ikke gidder.
• Stil fremfor innhold. Tung animasjon som gjør siden treg eller skjuler innhold.
• Ødelagte lenker og døde demoer. Sjekk hver lenke før du sender siden til noen.
• Bruk av arbeid du ikke kan dele. Spør kunder eller arbeidsgivere før du publiserer konfidensielle prosjekter; anonymiser hvis nødvendig.

Slik bygger du din egen porteføljeside

1. Velg publikum: rekruttererer, kunder eller samarbeidspartnere. Det avgjør hva som kommer først.
2. Velg tre til seks prosjekter og skriv en kort casestudie for hvert.
3. Velg et mønster ovenfor og skisser sidene: hjem, prosjektsider, om, kontakt.
4. Bygg den. Med Mythex beskriver du porteføljen din i en chat, ser den i en live forhåndsvisning, laster opp bildene dine og publiserer til en URL med ett klikk (se hvordan du kobler til et eget domene). Du kan også starte fra en mal. Hvis du heller vil kode den for hånd som et læringsprosjekt, er det også et godt valg.
5. Be noen gjennomgå den på telefonen sin og fortelle deg hva de forstår om deg etter ti sekunder.

For den trinnvise versjonen, les hvordan du bygger en porteføljeside; hvis du først og fremst trenger et CV på nettet, se hvordan du bygger en CV-side.

Hvordan vi valgte disse eksemplene

Vi leste hver navngitt side i oktober 2026 og beskriver bare det den viste da. Vi valgte kjente sider som illustrerer en tydelig idé, ikke en rangering av de "beste" porteføljene. Mønstrene er vanlige formater beskrevet på generelt nivå.

Spørsmål