Hur du bygger en designportfolio från grunden, Del 1: Vad du bör inkludera och varför det spelar större roll än någonsin

Del 1: bygga en designportfolio från grunden. Vad du bör inkludera, hur du researchar och varför det spelar större roll än någonsin.

Om du läser det här vet du förmodligen redan att du behöver en portfolio. Den här designportfolio guiden täcker vad du bör inkludera, hur du angriper researchfasen och varför det spelar större roll än någonsin. Kanske byter du karriär, från utveckling, marknadsföring eller något helt orelaterat, och du behöver bevisa att du är designer. Eller kanske har du designat i åratal men din portfolio är förlegad, tom eller existerar inte alls.

Jag har varit där. Och med framväxten av AI-verktyg och vibe coding finns det ett konstigt nytt tryck: om vem som helst kan bygga mjukvara nu, vad gör en designer värdefull? Svaret är precis det din portfolio behöver visa.

Det här är Del 1 i en serie i tre delar om att bygga en designportfolio från grunden. Vi täcker vad du bör inkludera och hur du tänker kring det. Del 2 går på djupet med att skriva case studies. Del 3 handlar om att faktiskt bygga och publicera sajten.

Varför designportfolios spelar större roll nu, inte mindre

Det finns en berättelse som cirkulerar om att AI gör designers överflödiga. Jag tror det är tvärtom.

När alla har tillgång till verktyg som kan generera gränssnitt, skriva kod och producera visuellt material är det som skiljer bra produkter från dåliga inte tekniskt utförande. Det är designtänkande. Förmågan att förstå ett problem, undersöka användare, fatta medvetna beslut om hierarki och flöde, och skapa något som faktiskt fungerar för människorna som använder det.

AI kan generera en inloggningsskärm. Den kan inte berätta om ditt onboardingflöde skapar onödig friktion, eller varför din checkout har hög avhoppsfrekvens, eller vilken emotionell respons din färgpalett triggar hos din specifika målgrupp. Det är design. Det är du. Den här designportfolio guiden finns för att bevisa det är viktigare än någonsin.

Din portfolios jobb är att bevisa att du kan tänka på det här sättet. Inte bara att du kan göra snygga skärmar, utan att du kan lösa problem genom design.

Tankeskiftet: behandla din portfolio som ett designprojekt

Det bästa jag gjorde när jag byggde min portfolio var att behandla den som ett klientprojekt. Den har en målgrupp (potentiella kunder, rekryterare, samarbetspartners), ett mål (visa ditt värde och bli anlitad), och den förtjänar samma process som du skulle använda för vilket designuppdrag som helst.

Det innebär research först, design sedan.

Designportfolio guide: börja med research, UX:en i din portfolio

Innan du öppnar Figma, ägna tid åt att förstå vad som fungerar. Titta på 20, 30 portfolios från designers vars arbete du beundrar. Kopiera inte, studera mönstren.

Vad du bör uppmärksamma:

• Informationsarkitektur, Hur organiserar de sitt arbete? Vad finns på startsidan kontra enskilda projektsidor? Hur många klick till faktiskt arbete?
• Case study-djup, Hur långa är de? Vilken detaljnivå känns rätt kontra överväldigande? Visar de process eller bara slutresultat?
• Navigationsmönster, Innehållsförteckning? Sticky nav? Hur hanterar de långa case study-sidor?
• Icke-projektsidor, Vad finns på Om-sidan? Inkluderar de ett CV direkt eller länkar de till det? Hur hanterar de kontakt?
• Vad som saknas, Vilka portfolios lämnar dig med fler frågor? Vilka ger för mycket?

Samla allt som resonerar. Varje bra designportfolio guide säger att research är där den riktiga grunden byggs. Skärmdumpar, länkar, anteckningar om vad som specifikt fungerar. Det här blir ditt referensbibliotek, på samma sätt som du skulle samla inspiration för vilket designprojekt som helst.

Sedan hittar du stämningen, UI:n i din portfolio

När du förstår de strukturella mönstren, skifta till den visuella riktningen. Det här är samma UI-lins du skulle använda på ett klientprojekt, estetisk och emotionell, helt separerad från den strukturella researchen du precis gjorde.

Titta på portfoliorna du samlat och lägg märke till vilka som känns rätt. Vilka färgpaletter använder de? Vilka typografival definierar personligheten? Är layouten tät eller luftig? Är stämningen minimal och återhållsam eller djärv och expressiv?

Börja sortera dina referenser i distinkta visuella riktningar, på samma sätt som du skulle organisera inspiration i stämningar för en kund. Du kommer förmodligen att gravitera mot två eller tre distinkta stilar. Det är din visuella riktning som tar form.

Din portfolios estetik är också ett designbeslut som kommunicerar något om dig. En ren, minimal portfolio säger något annat än en färgstark, experimentell. Inget av det är fel, men det bör vara medvetet och i linje med den typ av arbete du vill attrahera.

Vad du faktiskt bör inkludera

Projekt: kvalitet framför kvantitet

Som Figmas portfolioresurs föreslår är fyra till sex projekt den ideala mängden. Tillräckligt för att visa bredd, inte så många att varje ett försvinner. Välj projekt som visar de färdigheter du vill bli anlitad för.

Om du byter karriär har du förmodligen mer relevant arbete än du tror. Var du utvecklaren som slutade med att designa dashboarden för att det inte fanns någon designer? Skapade du wireframes eller mockups vid sidan av ditt tekniska arbete? Fattade du beslut om användarflöden, informationshierarki eller gränssnittslayouter? Det är designarbete, du behöver bara formulera det på det sättet.

Om du genuint inte har tillräckligt med arbete att visa, skapa konceptprojekt. Ett välutfört fiktivt projekt med tydligt tänkande är ett legitimt portfolioprojekt. Bara märk det ärligt som koncept och dokumentera din process på samma sätt som du skulle göra för ett riktigt klientprojekt.

Case studies: hjärtat i allt

Det är här portfolios lyckas eller misslyckas. En case study är inte ett galleri av slutskärmar. Det är berättelsen om hur du löste ett problem. Folk anlitar inte designers för snygga bilder, de anlitar dig för hur du tänker dig igenom problem.

Vi går på djupet med case study-skrivande i Del 2, men det viktigaste tankeskiftet: förklara dina beslut, inte bara dina leverabler.

Om-sidan

Inte ett CV. En berättelse. Vem är du, vad bryr du dig om som designer, vad är ditt perspektiv? Om du byter karriär är det här din unika bakgrund blir en styrka, inte något att be om ursäkt för. En designer som också förstår teknik, affärer eller vård, det är en differentiator.

Kontakt

Gör det enkelt. Göm det inte. Om någon är på din portfolio och vill arbeta med dig bör vägen från den känslan till att faktiskt höra av sig vara friktionsfri. Det här är ett UX-problem, behandla det som ett.

Specifikt för karriärbytare

Om du kommer från ett annat fält, utveckling, teknik, marknadsföring, vad som helst, är din största utmaning inte att ha tillräckligt med arbete. Det är att rama in arbetet du har som designarbete.

Den interna dashboarden du byggde som utvecklare? Den involverade designbeslut om layout, hierarki och användbarhet. Marknadsföringssidan du skapade? Den involverade konverteringstänkande, visuell kommunikation och användarpsykologi. Produktfunktionerna du specificerade? De involverade informationsarkitektur och användarflödesbeslut.

Du har designat. Du har bara inte kallat det det. Din portfolios jobb är att översätta den erfarenheten till designspråk.

Och ärligt talat, i det här ögonblicket, när AI-verktyg suddar gränsen mellan vem som designar och vem som bygger, har någon som förstår båda sidorna en genuin fördel. Äg det i din portfolio. Det är inte en svaghet att du kom från utveckling. Det är en superkraft.

Nästa del

I Del 2 dyker vi in i det djupa vattnet av case study-skrivande, struktur, mallar, hur du visar ditt tänkande, och varför din processdokumentation spelar större roll än någonsin i AI-genererad designs tidsålder. I Del 3 tar vi upp att bygga och leverera den faktiska portfoliosajten.