Marknaden
Priser
Logga inKom igång
FältguidenAnvändning
Användning

Tips för designportfolio: visa arbetet så du får jobbet

Granskare lägger lite tid på varje portfolio, och det mesta på det första projektet. De här tipsen tar upp vad som ska med, hur du strukturerar en fallstudie och hur du presenterar arbete så att det ser så bra ut som det är.

GradientlyVerifierat Gradiently-konto·1 oktober 2026·5 minuters läsning
Omslag: Marble Cloister · GR·VN9N·2Z

Kortversionen

  • En designportfolio ger dig jobb när den visar färre projekt, vart och ett förklarat genom besluten du fattade och varför.
  • Lägg ditt starkaste och mest relevanta projekt först, eftersom granskare ofta bedömer hela portfolion efter det.
  • En Dribbble-shot är 1600×1200 pixlar och ett Behance-projektomslag är 1616×1264 pixlar.
  • En fallstudie fungerar bäst i en tydlig ordning: uppdraget, din roll, problemet, processen, besluten och resultatet.
  • Att presentera varje projekt på en konsekvent bakgrund får en portfolio att se kurerad ut snarare än hopsamlad.
På den här sidan
Välja vad som ska ingå i en designportfolioSå strukturerar du en designfallstudieStorlek på Dribbble-shot och Behance-omslagPresentera arbete så att det ser färdigt utPortfoliowebbplats, PDF, Dribbble eller BehanceDin portfolio är också ditt varumärke

Tipsen för designportfolio som betyder mest är enkla: visa färre projekt, lägg det mest relevanta först, förklara varje genom besluten du fattade och presentera allt på en konsekvent botten så att arbetet, inte ramen, är det folk märker. En rekryterare eller kund vill veta två saker: kan du göra jobbet de behöver, och kan du förklara varför du gjorde det på det sättet. Allt nedan tjänar de två frågorna.

Välja vad som ska ingå i en designportfolio

Fyra till sex projekt är ett hälsosamt intervall. Fler än så och granskare börjar skumma; färre och de ser inte din bredd. Välj för jobbet du vill ha, inte jobben du haft. En varumärkesdesigner som söker till ett produktteam bör leda med arbete som rör gränssnitt, även om det var ett sidoprojekt.

Utelämna

  • Varje projekt från de senaste fem åren
  • Arbete du inte skulle vilja göra om
  • Tre versioner av samma sorts sak
  • Studentövningar när du har verkligt arbete
  • Allt du inte kan prata om i tio minuter

Ta med

  • Fyra till sex projekt, det starkaste först
  • Arbete som matchar rollen du vill ha
  • En bredd: identitet, digitalt, tryck eller rörelse
  • Ett eget initierat projekt som visar smak
  • Projekt med en historia bakom besluten

Ordningen spelar roll. Lägg det starkaste relevanta projektet först och det näst starkaste sist, så att portfolion öppnar och avslutar bra. Om du är tidigt i karriären gäller rådet i studentportfolio om att fylla luckor med egeninitierade uppdrag.

Så strukturerar du en designfallstudie

En fallstudie är en kort berättelse om ett problem och dina beslut. Granskare läser rubriken och bilderna först, sedan orden om de är intresserade, så gör varje avsnitt skumläsbart för sig. Fallstudiedesign går igenom layouten mer ingående.

  1. 1

    Rubrikresultatet

    En rad överst: ”En ny identitet som lät ett regionalt bageri öppna sin andra butik.” Läsare avgör här om de fortsätter.

  2. 2

    Uppdraget och din roll

    Vem det var för, vad de bad om, vad du personligen gjorde och vem du arbetade med. Var exakt med vem som ska ha äran.

  3. 3

    Det verkliga problemet

    Ofta ett annat än uppdraget. Visa att du märkte det.

  4. 4

    Process, redigerad

    Två eller tre ögonblick som ändrade riktning, inte varje skiss. Visa ett förkastat spår och varför det förlorade.

  5. 5

    Besluten

    Typografi, färg, layout, rörelse: vart och ett med en mening som skäl.

  6. 6

    Resultatet i bruk

    Arbetet i världen: på en butiksfasad, en telefon, en affisch på en vägg. Lägg bara till utfall om de är sanna och du får dela dem.

Storlek på Dribbble-shot och Behance-omslag

Även om din huvudportfolio är din egen webbplats är Dribbble och Behance där många rekryterare och kunder tittar runt. Dribbble-shoten är 1600×1200 pixlar (4:3) och Behance-projektomslaget är 1616×1264 pixlar. Behance beskär omslag i olika rutnät, så håll den viktiga delen av bilden nära mitten. Storlek på Dribbble-shot och storlek på Behance-omslag har alla detaljer.

Dribbble-shot 4:3

1600 × 1200

Behance-omslag

1616 × 1264

Webbplatshjälte 16:9

1920 × 1080

Instagram 4:5

1080 × 1350

De fyra ramar en designportfolio oftast visas i, skalenligt. Dribbble och Behance är nära varandra i form, så en presentation anpassas lätt till båda.
Fallstudie
Hearth Bakery-identitet
Ordbild, förpackning, butiksfasad
Gradiently · @gradiently

En Dribbble-shot i 1600×1200: en projekttitel på en konsekvent botten.

Fallstudie
Hearth Bakery-identitet
Ordbild, förpackning, butiksfasad
Gradiently · @gradiently

Behance-omslaget i 1616×1264, samma presentation med orden hållna centrala för beskärning.

Presentera arbete så att det ser färdigt ut

Råa exporter på vitt ser ofärdiga ut bredvid arbete visat i sitt sammanhang. Du behöver inga avancerade mockups; du behöver konsekvens. Välj en botten för hela portfolion, en mjuk gradient eller en dämpad färg, och presentera varje bild på den med samma utfyllnad. Arbetet ändras, ramen gör det inte, och portfolion läses som kurerad.

Fyra lugna presentationsbottnar. De ramar in ljust arbete utan att konkurrera med det; välj en och använd den överallt.
  • Led varje projekt med arbetet i bruk, inte en moodboard.
  • Håll bildbredderna konsekventa inom en fallstudie.
  • Sätt bildtexter på bilder med vad läsaren tittar på och varför det spelar roll.
  • Visa detaljutsnitt av typografi och textur; granskare älskar att zooma.
  • Kolla varje sida på en telefon: många första intryck sker där.

Portfoliowebbplats, PDF, Dribbble eller Behance

Många designers behåller alla, var och en för ett annat tillfälle. Webbplatsen är hemmet för de fullständiga fallstudierna. En PDF på åtta till tolv sidor hör till ansökningar när en rekryterare ber om en, och ska öppnas på en sekund på vilken enhet som helst. Dribbble och Behance är till för att bli hittad.

Portfoliowebbplats

Bäst för

Fullständiga fallstudier, din egen adress

Tänk på

Snabb att ladda, fungerar på en telefon
PDF-portfolio

Bäst för

Ansökningar och pitchar

Tänk på

Anpassa urvalet till varje roll
DribbbleBli upptäckt, enskilda bilder

Tänk på

Shots i 1600×1200, en konsekvent botten
BehanceLånga projektsidor, kunder som tittar runt

Tänk på

Omslag i 1616×1264, centrera motivet
FormatBäst förTänk på
PortfoliowebbplatsFullständiga fallstudier, din egen adressSnabb att ladda, fungerar på en telefon
PDF-portfolioAnsökningar och pitcharAnpassa urvalet till varje roll
DribbbleBli upptäckt, enskilda bilderShots i 1600×1200, en konsekvent botten
BehanceLånga projektsidor, kunder som tittar runtOmslag i 1616×1264, centrera motivet
Använd samma projekt och presentation på alla fyra, redigerade efter utrymmet var och en ger dig.

Din portfolio är också ditt varumärke

Portfoliowebbplatsen, PDF:en du skickar, dina Dribbble- och Behance-profiler och din LinkedIn-banner är alla delar av ett intryck. Använd samma typografi, samma botten och samma tonläge över dem. Personligt varumärke förklarar hur du håller det konsekvent utan att det känns påtvingat, och visuell hierarki hjälper varje sida att leda blicken.

Gradiently är användbart för presentationslagret: lägg dina fallstudieomslag, Dribbble-shots och LinkedIn-banner på samma Mark, en levande gradientbakgrund som är din ensam när den är säkrad, och med Pro ändrar du storlek på en design till varje plattform i ett steg. Din Gradiently-profil på gradiently.design/username kan också visa upp designer och publicerade mallar vid sidan av Marks du äger.

Designa med en levande gradient

Inlägg, stories, presentationer och banners i alla storlekar, med text som alltid går att läsa.

Börja designa, gratis

Vanliga frågor

Hur många projekt ska finnas i en designportfolio?

Fyra till sex är ett bra intervall. Välj projekten som ligger närmast arbetet du vill ha härnäst och lägg det starkaste först.

Vilken storlek har en Dribbble-shot?

1600×1200 pixlar, en liggande ram i 4:3.

Vilken storlek har ett Behance-projektomslag?

1616×1264 pixlar. Håll den viktiga delen nära mitten eftersom Behance beskär omslag i olika rutnätsvyer.

Vad ska en designfallstudie innehålla?

Ett rubrikresultat, uppdraget och din roll, det verkliga problemet, en redigerad process, nyckelbesluten med skäl och arbetet i bruk.

Ska jag ta med personliga projekt i min designportfolio?

Ja, ett eller två, särskilt om de visar den sortens arbete du vill bli anställd för. Märk dem tydligt som egeninitierade.

Dela den här guiden

Skriven av GradientlyVerifierat Gradiently-konto

Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.

Se vår profil

På den här sidan

Välja vad som ska ingå i en designportfolioSå strukturerar du en designfallstudieStorlek på Dribbble-shot och Behance-omslagPresentera arbete så att det ser färdigt utPortfoliowebbplats, PDF, Dribbble eller BehanceDin portfolio är också ditt varumärke

Dela den här guiden

Nästa i Användning

Studentportfolio: så ser den proffsig ut med lite material

Läs vidare

Alla guider om Användning
Sociala medier

Dribbble-shot: storlek 1600×1200 och inramning

5 minuters läsning

På Dribbble tävlar ditt arbete i ett rutnät av små 4:3-rutor. Ramen runt det, bakgrunden, beskärningen och luften avgör om någon klickar.

Sociala medier

Behance-omslagets storlek: 1616×1264 och hur det beskärs

5 minuters läsning

Ditt Behance-omslag är den enda del av ett projekt som de flesta någonsin ser. Här är den exakta storleken, hur beskärningen beter sig och hur du designar ett omslag som förtjänar att öppnas.

Bakgrunder

Design av kundcase: visa problemet, arbetet och resultatet

5 minuters läsning

De flesta kundcase är ett galleri med ett stycke ovanpå. De som vinner uppdrag berättar en historia som en främling kan följa på en minut. Det kräver en tydlig struktur, bilder som bär den och ett format för varje plats där du publicerar.

Hitta looken som bara är din.

Varje Mark är en levande bakgrund med en enda ägare. Prova en ledig Mark och säkra din när det känns rätt.

Börja designa

Kontrollera ett certifikat

Skriv ett certifikatnummer eller en Marks kod för att se vem som äger den.

Fungerar med ChatGPT och Claude

Be din AI om en design. Den skapar den i din Mark, redo att redigera.

ChatGPTClaude
Så ansluter du

Produkt

  • Marknaden
  • Utforska
  • Priser
  • Certifikat

Lär dig

  • Fältguiden
  • Hjälpcenter
  • Nyheter

Utvecklare

  • Översikt
  • ChatGPT och Claude
  • API-referens
  • API-nycklar

Företaget

  • Om oss
  • Kontakta oss
  • Logga in

Juridik

  • Villkor
  • Integritet
  • Återbetalningar
  • Mark-skydd
  • Cookies
  • Alla policyer
Rör dig över bokstäverna. Var och en bär en riktig Mark.Tryck på en bokstav för att se dess Mark.Ett namn. Tio Marks inuti.
© 2026 Gradiently