Så bygger du en portfolio-webbplats som ger dig jobb

För att bygga en portfolio-webbplats som ger dig jobb väljer du dina fyra till åtta bästa projekt för den målgrupp du vill nå, presenterar varje projekt som en kort berättelse (problemet, vad du gjorde, resultatet) och gör det enkelt att kontakta dig från varje sida. Håll den snabb, särskilt om den är bildtung, och lägg den på en domän med ditt namn. Verktyget spelar mindre roll än urvalet och texten.

Börja med vem som tittar

En portfolio är en säljsida där ditt arbete är produkten. Innan du väljer layout, bestäm vem du vill ska anställa dig och vad de behöver se:

Målgrupp	Vad de letar efter	Vad du ska börja med
Rekryterare (interna roller)	Bevis på att du kan jobbet och arbeta i team	Fallstudier som visar process, samarbete och resultat
Frilanskunder	Bevis på att du kan lösa deras typ av problem, och vad det kostar	Relevanta projekt, tjänster, ett enkelt sätt att skicka förfrågan
Byråer och art directors	Smak, bredd och konsekvens	Starka bilder, ett rent rutnät, lite text på startsidan
Gallerier eller förlag	En sammanhängande kropp av arbete	Serier och samlingar hellre än enskilda verk

Om du vänder dig till två mycket olika målgrupper, till exempel produktdesignroller och frilansillustration, överväg separata sektioner eller till och med separata sajter, så att ingen av målgrupperna behöver leta.

Vad du ska ta med

Arbetet

Välj färre, bättre projekt. Ta bort allt du inte skulle vilja bli anlitad för att göra igen. Lägg ditt starkaste och mest relevanta arbete först; många besökare scrollar aldrig förbi första raden.

För designers och utvecklare blir de bästa projekten fallstudier. En användbar struktur:

Problemet: en eller två meningar om situationen och vem den drabbade.
Din roll: vad du gjorde, och vad andra gjorde. Var precis; överdrifter upptäcks lätt i en intervju.
Processen: några nyckelbeslut, med skisser, wireframes eller kodutdrag.
Resultatet: vad som levererades, och alla utfall du ärligt kan ange. Om du inte kan dela siffror, beskriv förändringen kvalitativt.

För fotografer och illustratörer gör bilderna det mesta av jobbet. Gruppera dem i tydliga set (bröllop, produkt, redaktionellt), håll bildtexterna korta och låt rutnätet andas.

Om och kontakt

Om-sektionen bör säga vem du är, vad du gör, för vem du gör det, och var du är baserad eller om du arbetar på distans. Ett riktigt foto hjälper. Kontaktvägen ska vara tydlig från varje sida: ett kort formulär, en e-postadress eller en länk för att boka ett samtal. Tar du emot bokningar, skriv hur.

Valfria sidor

Tjänster och priser: användbart för frilansare om du vill filtrera bort förfrågningar som inte passar.
CV eller meritförteckning: användbart för jobbsökande; en nedladdningsbar PDF plus en version på sidan är vanligt.
Texter eller anteckningar: värt det bara om du håller det uppdaterat. En övergiven blogg från för flera år skadar mer än ingen blogg alls.
Omdömen: bara riktiga, med tillstånd.

Beslut och avvägningar

Statisk sajt eller app? De flesta portfolios är enkla, innehållsdrivna sajter och behöver ingen databas. Lägg bara till en när det finns en anledning: ett kontaktformulär som sparar förfrågningar, ett galleri du uppdaterar ofta via en adminsida, eller kundgodkännande där personer väljer foton.

Var bilderna finns. Stora bilder är den främsta orsaken till långsamma portfolios. Ändra storlek och komprimera före uppladdning, servera moderna format och ladda bilder lat när besökaren scrollar. För ett stort eller ofta föränderligt galleri, lagra bilderna i riktig fillagring i stället för att paketera dem i sajtens kod.

Hur du kommer att uppdatera den. Var ärlig om detta. Om du lägger till arbete varje månad vill du ha ett enkelt sätt att göra det: en enkel adminsida, ett CMS eller en byggare som du känner dig bekväm med att redigera. Om du uppdaterar två gånger per år är det helt okej att redigera sajten direkt.

Synlighet i sök. Om du vill att folk ska hitta dig genom att söka på ditt namn plus ditt yrke och din stad behöver sidan riktig text, korrekta rubriker, unika sidtitlar och beskrivningar, samt beskrivande alt-text på bilder. Se SEO för AI-byggda webbplatser.

En första prompt för en AI-byggare

En bra prompt namnger målgruppen, sidorna, arbetet och stilen:

Bygg en portfolio-webbplats för Lena Park, produktdesigner som söker seniora interna roller på SaaS-företag. Sidor: Start med en kort intro och ett rutnät med 5 fallstudier; en mall för fallstudiesidor med sektioner för problem, min roll, process (med bildgalleri) och resultat; Om med foto, kort bio och nedladdning av CV; Kontakt med ett enkelt formulär (namn, e-post, meddelande) som sparas i en databas och visar ett tackmeddelande. Stil: lugn och minimalistisk, mycket vitt utrymme, en accentfärg, stor och läsbar text. Fungerar bra på telefoner. Använd tydligt märkta platshållarprojekt som jag kan ersätta ett i taget.

Ersätt sedan platshållarna ett projekt i taget, i stället för att klistra in allt ditt innehåll i ett enda meddelande. Det är lättare att kontrollera, och AI:n får varje sida rätt.

För fler promptmönster, se så skriver du prompter för AI-appbyggare.

Byggsteg

Välj målgrupp och projekt innan du rör något verktyg.
Skriv texten för varje fallstudie i ett dokument först: problem, roll, process, resultat.
Förbered bilderna: beskär, ändra storlek och komprimera. Namnge filerna vettigt.
Generera eller välj en startlayout. Att bläddra bland portfolio-mallar är ett snabbt sätt att se vilken stil som passar ditt arbete.
Bygg startsidan och en fallstudie först, få dem rätt, upprepa sedan mönstret.
Lägg till om och kontakt. Testa kontaktformuläret från början till slut.
Kontrollera på en telefon. Portfolios brukar gå sönder på små skärmar: trånga rutnät, enorma bilder, små bildtexter.
Lägg till grunder för SEO och en delningsbild, så att länkarna ser bra ut när du skickar dem.
Publicera och koppla din domän. Se så kopplar du en egen domän.
Be två personer ur din målgrupp titta på den i trettio sekunder och berätta vad du gör. Om de inte kan det, åtgärda startsidan.

Vanliga misstag

Att visa allt. Svaga projekt späder ut de starka. Kurera.
Bilder utan sammanhang. För design- och utvecklingsarbete säger en skärmdump utan problemet och din roll väldigt lite till en rekryterare.
Långsamma, tunga sidor. Okomprimerade bilder i full upplösning gör att sajten känns trasig på mobildata.
Smart navigering. Ovanliga menyer och scrolleffekter kan vara roliga, men inte om besökare inte hittar ditt arbete eller din e-post.
Gömd kontaktinformation. Lägg en kontaktlänk i sidhuvudet och sidfoten på varje sida.
Att visa kunduppdrag utan tillstånd. Kontrollera avtal och sekretessavtal; anonymisera eller beskriv projektet om det behövs.
Att aldrig uppdatera den. Daterat arbete och ett ”senaste projekt” från för flera år skickar fel signal.

Kostnader

De löpande kostnaderna för en personlig portfolio är oftast små: en domän som förnyas årligen, och hosting. Bildtunga sajter kostar lite mer om du lagrar och serverar många stora filer. Webbplatsbyggare tar ofta en månadsavgift som inkluderar hosting; att bygga själv kan vara billigare men innebär att du underhåller den. Kontrollera aktuella priser på varje leverantörs webbplats, eftersom de ändras.

När en färdig produkt är det bättre valet

Portfolioplattformar och webbplatsbyggare med portfolio-teman passar om du vill ha ett polerat resultat snabbt, föredrar en visuell editor och inte behöver något skräddarsytt. Fotografer som säljer utskrifter eller levererar kundgallerier kan vara bättre betjänta av en dedikerad fotoplattform som redan hanterar godkännande och försäljning av utskrifter. Bygg själv när du vill ha en särpräglad design, behöver en funktion som plattformarna inte erbjuder, vill visa kod eller interaktivt arbete direkt, eller helt enkelt vill äga sajten.

Bygga det med Mythex

Mythex kan bygga en portfolio utifrån en beskrivning som prompten ovan. Du ser den i en livepreview med en ram i telefonstorlek, förfinar layout och text i chatten, och publicerar till dittnamn.mythex.app. Om du vill ha ett kontaktformulär som sparar förfrågningar lägger Mythex till en databas i projektet; för bildgallerier kan den använda projektets fillagring, så att bilder inte packas in i koden. På Pro kan du köpa en domän i Mythex eller koppla en du redan äger, och exportera koden eller synka den till GitHub om du senare vill hosta den någon annanstans.

Dokumentationen täcker detta i portfolio-användningsfallet och förklarar fillagring. Du kan också börja från AI-byggaren för portfolio-webbplatser eller en specifik stil, till exempel mallarna utvecklarportfolio eller fotoportfolio.

Frågor

Hur många projekt ska en portfolio ha?

Oftast räcker fyra till åtta starka projekt. En liten mängd av ditt bästa, mest relevanta arbete är mer övertygande än en lång lista som innehåller svagare verk.

Vilka sidor behöver en portfolio-webbplats?

Som minimum en startsida med ditt bästa arbete, en sida eller sektion för varje utvalt projekt, en om-sektion och ett tydligt sätt att kontakta dig. Lägg bara till en CV-, tjänste- eller prissida om din målgrupp behöver den.

Behöver jag en egen domän för min portfolio?

Det krävs inte, men en domän med ditt namn ser mer professionell ut, är lättare att komma ihåg och förblir din om du byter plattform. Domäner registreras årligen och är oftast billiga.

Ska en utvecklarportfolio länka till GitHub?

Ja, men förlita dig inte bara på det. Skriv en kort fallstudie för dina bästa projekt som förklarar problemet, din roll och resultatet, och länka koden och en livedemo därifrån.

Kan jag bygga en portfolio-webbplats med AI?

Ja. Du kan beskriva sidorna, stilen och projekten för en AI-byggare för webbplatser eller appar och förfina resultatet i chatten. Du behöver ändå själv leverera ditt riktiga arbete, dina bilder och berättelsen bakom varje projekt.