Sådan bygger du en portfolio-hjemmeside, der giver dig arbejde

For at bygge en portfolio-hjemmeside, der giver dig arbejde, skal du vælge dine fire til otte bedste projekter til det publikum, du vil nå, præsentere hvert enkelt som en kort historie — problemet, hvad du gjorde, resultatet — og gøre det nemt at kontakte dig fra hver side. Hold den hurtig, især hvis den er billedtung, og læg den på et domæne med dit navn. Værktøjet betyder mindre end udvælgelsen og skrivningen.

Start med, hvem der kigger

En portfolio er en salgsside, hvor dit arbejde er produktet. Før du vælger et layout, så beslut, hvem du vil have til at ansætte dig, og hvad de har brug for at se:

Publikum	Hvad de leder efter	Hvad du skal lede med
Ansættelsesansvarlige (interne stillinger)	Bevis på, at du kan udføre jobbet og arbejde i et team	Cases, der viser proces, samarbejde og resultater
Freelance-kunder	Bevis på, at du kan løse deres type problem, og hvad det koster	Relevante projekter, ydelser, en enkel måde at henvende sig på
Bureauer og art directors	Smag, bredde og konsistens	Stærke visuals, et rent gitter, minimal tekst på forsiden
Gallerier eller forlag	En sammenhængende kropp af arbejde	Serier og samlinger frem for enkeltstående stykker

Hvis du henvender dig til to meget forskellige publikummer — for eksempel produktdesignjobs og freelance-illustration — så overvej separate sektioner eller endda separate sites, så ingen af dem skal lede.

Hvad der skal med

Arbejdet

Vælg færre, bedre projekter. Fjern alt, du ikke ville blive ansat til at lave igen. Læg dit stærkeste, mest relevante stykke først; mange besøgende scroller aldrig forbi den første række.

Til designere og udviklere bliver de bedste projekter til cases. En brugbar struktur:

Problemet — en eller to sætninger om situationen og hvem den påvirkede.
Din rolle — hvad du gjorde, og hvad andre gjorde. Vær præcis; at overdrive er let at gennemskue i et jobinterview.
Processen — et par nøglebeslutninger, med skitser, wireframes eller kodeuddrag.
Resultatet — hvad der blev leveret, og ethvert udfald du ærligt kan angive. Hvis du ikke kan dele tal, så beskriv ændringen kvalitativt.

For fotografer og illustratorer gør billederne det meste af arbejdet. Grupper dem i klare sæt (bryllupper, produkt, redaktionelt), hold billedtekster korte, og lad gitteret få luft.

Om og kontakt

Om-sektionen bør fortælle, hvem du er, hvad du laver, hvem du laver det for, og hvor du er baseret, eller om du arbejder remote. Et rigtigt foto hjælper. Kontaktvejen bør være tydelig fra hver side: en kort formular, en e-mailadresse eller et link til at booke et opkald. Hvis du tager bookinger, så skriv hvordan.

Valgfrie sider

Ydelser og takster — nyttigt for freelancere, hvis du vil filtrere henvendelser, der ikke passer, fra.
CV eller résumé — nyttigt for jobsøgende; en PDF til download plus en version på siden er almindeligt.
Skriverier eller noter — kun værd det, hvis du vil holde det opdateret. En forladt blog fra for mange år siden skader mere end ingen blog.
Anbefalinger — kun ægte, med tilladelse.

Beslutninger og afvejninger

Statisk site eller app? De fleste portfolioer er enkle, indholdsdrevne sites og har ikke brug for en database. Tilføj kun en, når der er en grund: en kontaktformular, der gemmer henvendelser, et galleri du opdaterer ofte via en admin-side, eller klientgodkendelse, hvor folk vælger billeder.

Hvor billederne ligger. Store billeder er hovedårsagen til langsomme portfolioer. Ændr størrelse og komprimér før upload, server moderne formater, og lazy-load billeder, mens besøgende scroller. Til et stort eller ofte skiftende galleri, så gem billederne i ordentlig filopbevaring i stedet for at bundte dem ind i sitets kode.

Hvordan du opdaterer den. Vær ærlig om dette. Hvis du tilføjer arbejde hver måned, vil du have en nem måde at gøre det på — en simpel admin-side, et CMS eller en builder, du er tryg ved at redigere i. Hvis du opdaterer to gange om året, er det fint at redigere sitet direkte.

Synlighed i søgning. Hvis du vil have folk til at finde dig ved at søge på dit navn plus dit fag og din by, så skal siden have rigtig tekst, ordentlige overskrifter, unikke sidetitler og beskrivelser og beskrivende alt-tekst på billeder. Se SEO til AI-byggede websites.

En første prompt til en AI-builder

En god prompt nævner publikum, siderne, arbejdet og stilen:

Byg en portfolio-hjemmeside for Lena Park, produktdesigner, der søger seniorstillinger in-house hos SaaS-virksomheder. Sider: Forside med en kort intro og et gitter af 5 cases; en skabelon for case-sider med sektioner for problem, min rolle, proces (med billedgalleri) og resultat; Om med foto, kort bio og CV-download; Kontakt med en simpel formular (navn, e-mail, besked), der gemmer i en database og viser en takkebesked. Stil: roligt og minimalistisk, masser af luft, én accentfarve og store, læsbare typografier. Fungerer godt på telefoner. Brug tydeligt markerede pladsholderprojekter, som jeg kan erstatte ét ad gangen.

Erstat derefter pladsholderne ét projekt ad gangen, i stedet for at indsætte alt dit indhold i én besked. Det er nemmere at tjekke, og AI'en får hver side rigtig.

For flere promptmønstre, se sådan skriver du prompts til AI-app-builders.

Byggetrin

Vælg publikum og projekterne, før du rører et værktøj.
Skriv teksten til hver case i et dokument først: problem, rolle, proces, resultat.
Forbered billederne — beskær, ændr størrelse og komprimér dem. Giv filerne fornuftige navne.
Generér eller vælg et startlayout. At gennemse portfolio-skabeloner er en hurtig måde at se, hvilken stil der passer til dit arbejde.
Byg forsiden og én case først, få dem rigtige, og gentag derefter mønsteret.
Tilføj om og kontakt. Test kontaktformularen fra start til slut.
Tjek på en telefon. Portfolioer går ofte i stykker på små skærme: trange gitre, enorme billeder, små billedtekster.
Tilføj SEO-grundlæggende og et delingsbillede, så links ser godt ud, når du sender dem.
Publicér og forbind dit domæne. Se sådan forbinder du et eget domæne.
Bed to personer fra din målgruppe om at kigge på det i tredive sekunder og fortælle dig, hvad du laver. Hvis de ikke kan, så ret forsiden.

Almindelige fejl

At vise alt. Svage projekter udvander de stærke. Kurater.
Billeder uden kontekst. Ved design- og udviklingsarbejde fortæller en skærmbillede uden problemet og din rolle en ansættelsesansvarlig meget lidt.
Langsomme, tunge sider. Ukomprimerede billeder i fuld opløsning får sitet til at føles ødelagt på mobildata.
Snedig navigation. Usædvanlige menuer og scroll-effekter kan være sjove, men ikke hvis besøgende ikke kan finde dit arbejde eller din e-mail.
Skjulte kontaktoplysninger. Læg et kontaktlink i headeren og footeren på hver side.
At bruge kundearbejde, du ikke har tilladelse til at vise. Tjek kontrakter og fortrolighedsaftaler; anonymisér eller beskriv projektet, hvis det er nødvendigt.
Aldrig at opdatere den. Forældet arbejde og et „seneste projekt“ fra for mange år siden sender det forkerte signal.

Omkostninger

De løbende omkostninger ved en personlig portfolio er typisk små: et domænenavn, der fornyes årligt, og hosting. Billedtunge sites koster lidt mere, hvis du lagrer og serverer mange store filer. Websitebyggere tager ofte et månedligt abonnement, der inkluderer hosting; selv at bygge kan være billigere, men du skal vedligeholde det. Tjek de aktuelle priser på hver udbyders side, da de ændrer sig.

Når et færdigt produkt er det bedre valg

Portfolioplatforme og websitebyggere med portfolio-temaer passer godt, hvis du vil have et poleret resultat hurtigt, foretrækker en visuel editor, og ikke har brug for noget skræddersyet. Fotografer, der sælger prints eller leverer kundegallerier, er måske bedre tjent med en dedikeret fotoplatform, der allerede håndterer godkendelse og printsalg. Byg selv, når du vil have et særpræget design, har brug for en funktion platformene ikke tilbyder, vil vise kode eller interaktivt arbejde direkte, eller blot vil eje sitet fuldt ud.

Byg det med Mythex

Mythex kan bygge en portfolio ud fra en beskrivelse som prompten ovenfor. Du ser den i en live forhåndsvisning med en ramme i telefonstørrelse, forfiner layout og tekst i chatten og publicerer til navnderdit.mythex.app. Hvis du vil have en kontaktformular, der gemmer henvendelser, tilføjer Mythex en database til projektet; til billedgallerier kan den bruge projektets filopbevaring, så billeder ikke proppes ind i koden. På Pro kan du købe et domæne i Mythex eller forbinde et, du allerede ejer, og eksportere koden eller synkronisere den til GitHub, hvis du senere vil hoste den et andet sted.

Dokumentationen dækker dette i portfolio-use casen og forklarer filopbevaring. Du kan også starte fra AI-portfolio-websitebyggeren eller en bestemt stil som udviklerportfolioen eller fotoportfolio-skabelonerne.

Spørgsmål

Hvor mange projekter bør en portfolio have?

Typisk er fire til otte stærke projekter nok. Et lille sæt af dit bedste, mest relevante arbejde er mere overbevisende end en lang liste, der inkluderer svagere stykker.

Hvilke sider har en portfolio-hjemmeside brug for?

Som minimum en forside med dit bedste arbejde, en side eller et afsnit for hvert fremhævet projekt, en om-sektion og en tydelig måde at kontakte dig på. Tilføj et CV, ydelser eller priser kun, hvis dit publikum har brug for det.

Har jeg brug for et eget domæne til min portfolio?

Det er ikke påkrævet, men et domæne med dit navn ser mere professionelt ud, er nemmere at huske og forbliver dit, hvis du skifter platform. Domæner registreres årligt og er typisk billige.

Bør en udviklerportfolio linke til GitHub?

Ja, men stol ikke kun på det. Skriv en kort case for dine bedste projekter, der forklarer problemet, din rolle og resultatet, og link kode og live-demo derfra.

Kan jeg bygge en portfolio-hjemmeside med AI?

Ja. Du kan beskrive siderne, stilen og projekterne for en AI-website- eller app-builder og forfine resultatet i chatten. Du skal stadig levere dit rigtige arbejde, billeder og historien bag hvert projekt.