Eksempler på portfolio-hjemmesider: 14 idéer til designere, udviklere og kreative

De bedste portfolio-hjemmesider gør tre ting hurtigt: fortæller, hvem du er, og hvad du laver, viser nogle af dit bedste arbejde med kontekst og gør det nemt at kontakte dig. Nedenfor er 14 eksempler på portfolio-hjemmesider. Fem er rigtige sider, vi gennemgik i oktober 2026; de øvrige ni er mønstre for forskellige typer arbejde, beskrevet uden at nævne en side. Derefter følger en tjekliste, almindelige fejl og hvordan du bygger en selv.

De 14 eksempler i korte træk

Rigtige portfolio-sider, og hvad de gør godt

Beskrivelserne er fra oktober 2026.

1. Brittany Chiang: alt en udvikler-rekruttering har brug for

Brittany Chiangs side præsenterer hende som front-end-ingeniør med en tagline på én linje om tilgængelige og gennemarbejdede weboplevelser. Navigationen hopper mellem Om, Erfaring og Projekter. Hvert job angiver arbejdsgiver, datoer, en kort beskrivelse og teknologimærker, med et link til det fulde CV. Fremhævede projekter har et skærmbillede, en beskrivelse og et link, og et link til ”hele projektarkivet” rummer resten. Et skriveafsnit linker til hendes artikler.

Lær af det: forsiden viser de bedste få elementer; arkivet rummer resten. Mærker gør det let at scanne efter en bestemt færdighed.

2. Jessica Hische: en portfolio, der også er en forretning

Jessica Hisches side præsenterer hende som bogstavkunstner, forfatter og iværksætter. Kundearbejde er grupperet i kategorier (reklame, bøger og film, redaktionelt, produkter), hvert projekt har et miniaturebillede, der linker til en fuld side, og beskrivelserne er samtalepræget og forklarer processen. Ved siden af arbejdet findes sider om opgaver, taler, coaching, bøger, en butik og separate kontakt-mails til forskellige typer henvendelser.

Lær af det: hvis du sælger flere ting, så giv hver sit eget spor og sin egen kontaktvej, så de rigtige henvendelser når dig.

3. Lee Robinson: almindelig tekst, klar tænkning

Lee Robinsons side er én minimal side: en kort biografi, en liste over emnenoter og en datoopdelt liste over blogindlæg. Kontakt sker via et mail-link og en X-profil.

Lær af det: for folk, hvis arbejde er idéer, er skrivningen selve portfolioen. En simpel liste over titler med datoer er let at læse og hurtig at indlæse.

4. Paco Coursey: korte, meningsfulde sektioner

Paco Courseys side beskriver ham som designer og udvikler, der bygger grænseflader. Siden har korte afsnit om det, han bygger, tre open source-projekter, skriverier, en ”Nu”-sektion om aktuelle interesser og kontaktlinks.

Lær af det: en ”Nu”-sektion er en nem måde at få en portfolio til at føles aktuel og personlig uden en blog.

5. Bruno Simon: siden er arbejdet

Bruno Simons portfolio er en interaktiv 3D-verden, hvor du kører en lille bil rundt, med tastatur-, mus-, touch- og gamepad-styring, achievements og et tidsbegrænset løb. Et afsnit ”bag kulisserne” forklarer stakken og linker til kildekoden.

Lær af det: for kreative udviklere kan en eksperimenterende side være det stærkeste bevis på færdighed. Den passer dårligt til de fleste andre roller, fordi besøgende, der bare vil se dit CV, først skal spille.

Portfolio-mønstre, du kan kopiere

6. Casestudie-portfolio

Tre til fem projekter, hvert på sin egen side: problemet, din rolle, begrænsningerne, processen (skitser, iterationer), resultatet og hvad du ville gøre anderledes. Start med resultatet i en sætning øverst. Bedst til produktdesignere og UX-researchere.

7. Fotogitter-portfolio

Store billeder i et gitter eller en sekvens i fuld bredde, grupperet i gallerier (bryllupper, portrætter, kommercielt). Minimal tekst, hurtig billedindlæsning og et booking- eller henvendelseslink på hvert galleri. Se sådan bygger du en fotohjemmeside.

8. Skrive-portfolio

Dine bedste udklip grupperet efter emne eller udgiver, hver med en overskrift, et medie, en dato og en opsummering på en linje. Link til den live artikel, og gem en PDF-kopi, hvis den går offline.

9. Freelancer-side på én side

Hvad du laver, for hvem, tre stykker arbejde, et startpris eller prisniveau, hvis du er tryg ved at dele det, anbefalinger og en kontaktformular. Godt, når målet er henvendelser, ikke rekruttering.

10. Studerende- eller junior-portfolio

Behandl kursus- og personlige projekter som rigtigt arbejde: opgaven, dine beslutninger og resultatet. Et kort afsnit om ”hvad jeg lærer” viser retning. Link til kode og live-demoer.

11. Videoreel-portfolio

En reel på 60-90 sekunder øverst, derefter enkelte projekter med krediteringer og din rolle. Læg videoen på en tjeneste bygget til det, så siden forbliver hurtig.

12. Arkitekt- eller indretningsportfolio

Projekter filtreret efter type (privat, erhverv), hver med fotos, tegninger og en kort note om opgaven. Sted og årstal hjælper kunder med at finde relevant arbejde.

13. Data- eller research-portfolio

Nogle få udgivne analyser med et eller to interaktive diagrammer, links til notebooks eller rapporter og en opsummering i almindeligt sprog af hvert resultat.

14. Link-i-bio-portfolio

For skabere, der lever på sociale platforme: én mobilfokuseret side med dit bedste seneste arbejde, dine kanaler og et kontakt- eller bookinglink. Se sådan bygger du en link-i-bio-side.

Det bedste ved portfolioer har tilfælles

• En intro på én linje. Dit navn og hvad du laver, med ord en kunde eller rekruttering ville bruge.
• Kurateret arbejde. Et håndfuld stærke stykker, med et arkiv for resten.
• Kontekst til hvert stykke. Din rolle, problemet og resultatet. Billeder alene forklarer ikke beslutningerne.
• Nem kontakt. Et mail-link eller en kort formular på hver side, ikke gemt i bunden.
• Hurtig og læsbar. Optimerede billeder, klar skrift, der virker på telefon.
• Opdateret. Seneste arbejde eller en ”nu”-note viser, at du er aktiv.
• Dit eget domæne, hvis du kan, så adressen er din for altid.

Almindelige fejl

• At vise alt. Ti middelmådige projekter skjuler to gode.
• Ingen forklaring. Et galleri af skærmbilleder siger ikke, hvad du gjorde.
• Svære at finde kontaktoplysninger. Hvis folk skal lede efter en mailadresse, vil mange ikke gøre det.
• Stil frem for indhold. Tung animation, der bremser siden eller skjuler indhold.
• Ødelagte links og døde demoer. Tjek hvert link, før du sender siden til nogen.
• At bruge arbejde, du ikke må vise. Spørg kunder eller arbejdsgivere, før du udgiver fortrolige projekter; anonymisér, hvis det er nødvendigt.

Sådan bygger du din egen portfolio-hjemmeside

1. Vælg dit publikum: rekruttererne, kunderne eller samarbejdspartnerne. Det afgør, hvad der kommer først.
2. Vælg tre til seks projekter og skriv en kort casestudie for hvert.
3. Vælg et mønster ovenfor og skitsér siderne: forside, projektsider, om, kontakt.
4. Byg den. Med Mythex beskriver du din portfolio i en chat, ser den i en live-forhåndsvisning, uploader dine billeder og udgiver til en URL med ét klik (se sådan forbinder du et eget domæne). Du kan også starte fra en skabelon. Hvis du hellere vil kode den selv som et læringsprojekt, er det også et godt valg.
5. Bed nogen gennemgå den på deres telefon og fortælle dig, hvad de har fået ud af den efter ti sekunder.

Til den trin-for-trin-version, læs sådan bygger du en portfolio-hjemmeside; hvis du primært har brug for dit CV online, se sådan bygger du en CV-hjemmeside.

Sådan valgte vi eksemplerne

Vi gennemgik hver navngivet side i oktober 2026 og beskriver kun det, den viste på det tidspunkt. Vi valgte kendte sider, der illustrerer en tydelig idé, ikke en rangering af de ”bedste” portfolioer. Mønstrene er almindelige formater beskrevet i generelle termer.

Spørgsmål