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

[Canonical HTML page](https://gradiently.design/sv/guide/designer-portfolio-tips)

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.

## The short version

- 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.

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](https://gradiently.design/sv/guide/student-portfolio) 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](https://gradiently.design/sv/guide/case-study-design) går igenom layouten mer ingående.

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. **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. **Det verkliga problemet** Ofta ett annat än uppdraget. Visa att du märkte det.
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. **Besluten** Typografi, färg, layout, rörelse: vart och ett med en mening som skäl.
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](https://gradiently.design/sv/guide/dribbble-shot-size) och [storlek på Behance-omslag](https://gradiently.design/sv/guide/behance-cover-size) 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.

En Dribbble-shot som presenterar titeln på en fallstudie om ett bageris identitet på en varm gradientbakgrund

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

Ett Behance-projektomslag för samma fallstudie om bageriets identitet, med titeln centrerad

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.

- Gallerigrå: `linear-gradient(180deg, #f3f0ea 0%, #e2dccf 100%)`
- Studiokol: `radial-gradient(circle at 50% 30%, #2a2d36 0%, #15171c 70%)`
- Svalt papper: `linear-gradient(160deg, #e9eef5 0%, #c9d3e3 100%)`
- Varm lera: `linear-gradient(160deg, #f6e7dc 0%, #e8c6ae 100%)`

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.

| Format | Bäst för | Tänk på |
| --- | --- | --- |
| Portfoliowebbplats | Fullständiga fallstudier, din egen adress | Snabb att ladda, fungerar på en telefon |
| PDF-portfolio | Ansökningar och pitchar | Anpassa urvalet till varje roll |
| Dribbble | Bli upptäckt, enskilda bilder | Shots i 1600×1200, en konsekvent botten |
| Behance | Långa projektsidor, kunder som tittar runt | Omslag 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](https://gradiently.design/sv/guide/personal-branding) förklarar hur du håller det konsekvent utan att det känns påtvingat, och [visuell hierarki](https://gradiently.design/sv/guide/visual-hierarchy) 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.

## FAQ

### 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.
