# Designportfolion vinkit: esittele työsi ja löydä töitä

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

Arvioijat käyttävät portfolioon vähän aikaa ja eniten ensimmäiseen projektiin. Näillä vinkeillä valitset sisällön, rakennat tapaustutkimuksen ja esittelet työsi sen laadun arvoisesti.

## The short version

- Designportfolio auttaa työllistymään, kun siinä on vähemmän projekteja ja jokainen selitetään päätösten ja niiden syiden kautta.
- Laita vahvin ja olennaisin projekti ensimmäiseksi, sillä arvioijat päättelevät siitä usein koko portfolion laadun.
- Dribbble-kuva on 1600×1200 pikseliä ja Behance-projektin kansi 1616×1264 pikseliä.
- Tapaustutkimus toimii selkeässä järjestyksessä: tehtävänanto, roolisi, ongelma, prosessi, päätökset ja tulos.
- Yhtenäinen tausta tekee portfoliosta kuratoidun satunnaisen kokoelman sijaan.

Tärkeimmät designportfolion vinkit ovat yksinkertaisia: näytä vähemmän projekteja, aloita olennaisimmasta, selitä tekemäsi päätökset ja esittele kaikki samalla pohjalla. Huomion pitää kohdistua työhön, ei kehykseen. Rekrytoija tai asiakas haluaa tietää kaksi asiaa: osaatko tehdä heidän tarvitsemansa työn ja osaatko selittää, miksi teit sen niin. Kaikki alla palvelee näitä kysymyksiä.

## Mitä designportfolioon valitaan

Neljästä kuuteen projektia on hyvä määrä. Enemmän saa arvioijan silmäilemään, vähemmän ei näytä monipuolisuutta. Valitse haluamasi työn mukaan, älä aiempien töidesi. Tuotetiimiin hakevan brändisuunnittelijan kannattaa aloittaa käyttöliittymiä sivuavalla työllä, vaikka se olisi sivuprojekti.

### Jätä pois

- Kaikki viimeisen viiden vuoden projektit
- Työt, joita et halua tehdä uudelleen
- Kolme saman asian muunnelmaa
- Opiskeluharjoitukset, kun sinulla on oikeita töitä
- Kaikki, mistä et voi puhua kymmentä minuuttia

### Ota mukaan

- Neljästä kuuteen projektia, vahvin ensin
- Haluamaasi rooliin sopivat työt
- Vaihtelua: identiteettiä, digitaalia, painoa tai liikettä
- Yksi oma-aloitteinen hyvää makua näyttävä työ
- Projektit, joiden päätöksillä on tarina

Järjestys merkitsee. Laita vahvin olennainen projekti alkuun ja toiseksi vahvin loppuun, niin portfolio alkaa ja päättyy hyvin. Uran alussa [opiskelijan portfolion](https://gradiently.design/fi/guide/student-portfolio) ohje aukkojen täyttämisestä oma-aloitteisilla tehtävillä auttaa.

## Design-tapaustutkimuksen rakenne

Tapaustutkimus on lyhyt tarina ongelmasta ja päätöksistäsi. Arvioijat lukevat ensin otsikon ja kuvat, sitten kiinnostuessaan sanat. Tee siis jokaisesta osiosta yksin silmäiltävä. [Tapaustutkimuksen suunnittelu](https://gradiently.design/fi/guide/case-study-design) käsittelee asettelua tarkemmin.

1. **Tulos otsikkona** Yksi rivi alussa: ”Uusi identiteetti, joka auttoi paikallista leipomoa avaamaan toisen liikkeen.” Tässä lukija päättää jatkamisesta.
2. **Tehtävänanto ja roolisi** Kenelle, mitä pyydettiin, mitä itse teit ja kenen kanssa työskentelit. Erittele tekijöiden osuudet tarkasti.
3. **Todellinen ongelma** Usein eri kuin tehtävänanto. Näytä, että huomasit sen.
4. **Tiivistetty prosessi** Kaksi tai kolme suuntaa muuttanutta hetkeä, ei jokaista luonnosta. Näytä hylätty reitti ja miksi se hävisi.
5. **Päätökset** Typografia, väri, asettelu ja liike, jokaiselle yhden lauseen perustelu.
6. **Tulos käytössä** Työ maailmassa: julkisivussa, puhelimessa tai seinäjulisteessa. Lisää vaikutuksia vain, jos ne ovat tosia ja saat jakaa ne.

## Dribbble-kuvan ja Behance-kannen koko

Vaikka pääportfoliosi on omalla sivulla, monet rekrytoijat ja asiakkaat selaavat Dribbbleä ja Behancea. **Dribbble-kuva** on 1600×1200 pikseliä eli 4:3 ja **Behance-projektin kansi** 1616×1264 pikseliä. Behance rajaa kansia eri ruudukoissa, joten pidä kuvan tärkeä osa lähellä keskustaa. [Dribbble-kuvan koko](https://gradiently.design/fi/guide/dribbble-shot-size) ja [Behance-kannen koko](https://gradiently.design/fi/guide/behance-cover-size) antavat tarkat tiedot.

- Dribbble-kuva 4:3: 1600 × 1200
- Behance-kansi: 1616 × 1264
- Verkkosivun pääosio 16:9: 1920 × 1080
- Instagram 4:5: 1080 × 1350

Portfolion neljä yleisintä kehystä mittakaavassa. Dribbble ja Behance ovat lähellä toisiaan, joten yksi esitystapa soveltuu molempiin.

Dribbble-kuva, jossa leipomon identiteetin tapaustutkimusotsikko näkyy lämpimällä liukuväritaustalla

Dribbble-kuva koossa 1600×1200: yksi projektin otsikko yhtenäisellä pohjalla.

Behance-projektikansi samalle leipomoidentiteetin tapaustutkimukselle, otsikko keskitettynä

Behance-kansi koossa 1616×1264 samalla esitystavalla. Sanat ovat keskellä rajausta varten.

## Esittele työ valmiin näköisenä

Raakaviennit valkoisella näyttävät keskeneräisiltä kontekstissa esitetyn työn rinnalla. Et tarvitse monimutkaisia mallikuvia vaan yhtenäisyyttä. Valitse koko portfolioon yksi pohja, pehmeä liukuväri tai hillitty väri, ja esittele kuvat sillä samoilla sisäreunuksilla. Työ vaihtuu, kehys ei, ja portfolio tuntuu kuratoidulta.

- Gallerian kivi: `linear-gradient(180deg, #f3f0ea 0%, #e2dccf 100%)`
- Studion hiilenharmaa: `radial-gradient(circle at 50% 30%, #2a2d36 0%, #15171c 70%)`
- Viileä paperi: `linear-gradient(160deg, #e9eef5 0%, #c9d3e3 100%)`
- Lämmin savi: `linear-gradient(160deg, #f6e7dc 0%, #e8c6ae 100%)`

Neljä rauhallista esittelypohjaa. Ne kehystävät kirkkaan työn kilpailematta sen kanssa. Valitse yksi kaikkialle.

- **Aloita jokainen projekti käytössä olevasta työstä**, älä tunnelmataulusta.
- **Pidä kuvien leveydet yhtenäisinä** tapaustutkimuksessa.
- **Kirjoita kuvatekstit**, jotka kertovat mitä näkyy ja miksi se merkitsee.
- **Näytä typografian ja tekstuurin lähirajauksia.** Arvioijat pitävät zoomaamisesta.
- **Tarkista jokainen sivu puhelimella**, sillä ensikatselu tapahtuu usein siinä.

## Portfoliosivu, PDF, Dribbble vai Behance

Monet suunnittelijat pitävät kaikki, eri tilanteita varten. Verkkosivu on kokonaisten tapaustutkimusten koti. Kahdeksasta kahteentoista sivua sisältävä PDF lähtee hakemuksen mukana rekrytoijan pyytäessä ja sen pitäisi avautua sekunnissa millä tahansa laitteella. Dribbble ja Behance auttavat löytymään.

| Muoto | Sopii parhaiten | Muista |
| --- | --- | --- |
| Portfoliosivu | Kokonaiset tapaustutkimukset, oma osoite | Nopea lataus ja toiminta puhelimella |
| PDF-portfolio | Hakemukset ja esittelyt | Räätälöi valikoima jokaiseen rooliin |
| Dribbble | Löytyminen, yksittäiset kuvat | 1600×1200-kuvat ja yhtenäinen pohja |
| Behance | Pitkät projektisivut, selaavat asiakkaat | 1616×1264-kansi, aihe keskelle |

Käytä samoja projekteja ja esitystapaa kaikissa neljässä. Muokkaa sisältö kunkin antamaan tilaan.

## Portfoliosi on myös brändisi

Portfoliosivu, lähettämäsi PDF, Dribbble- ja Behance-profiilit sekä LinkedIn-banneri muodostavat yhden vaikutelman. Käytä samaa typografiaa, pohjaa ja äänensävyä. [Henkilöbrändäys](https://gradiently.design/fi/guide/personal-branding) kertoo, miten pidät sen yhtenäisenä ilman pakotettua tuntua, ja [visuaalinen hierarkia](https://gradiently.design/fi/guide/visual-hierarchy) auttaa joka sivua ohjaamaan katsetta.

Gradiently auttaa esityskerrokseen. Aseta tapaustutkimusten kannet, Dribbble-kuvat ja LinkedIn-banneri samalle Markille, elävälle liukuväritaustalle, joka on lunastettuna yksin sinun. Prolla muutat yhden suunnitelman jokaiselle alustalle yhdellä kertaa. Gradiently-profiilisi osoitteessa gradiently.design/username voi esitellä suunnitelmia ja julkaistuja pohjia omistamiesi Markien rinnalla.

## FAQ

### Kuinka monta projektia designportfolioon kuuluu?

Neljästä kuuteen on hyvä määrä. Valitse lähimpänä seuraavaksi haluamaasi työtä olevat projektit ja aloita vahvimmasta.

### Minkä kokoinen Dribbble-kuva on?

1600×1200 pikseliä eli vaakamuoto 4:3.

### Minkä kokoinen Behance-projektin kansi on?

1616×1264 pikseliä. Pidä tärkeä osa lähellä keskustaa, sillä Behance rajaa kansia eri ruudukkonäkymissä.

### Mitä design-tapaustutkimukseen kuuluu?

Tulos otsikkona, tehtävänanto ja roolisi, todellinen ongelma, tiivistetty prosessi, tärkeimmät päätökset perusteluineen ja työ käytössä.

### Kannattaako henkilökohtaisia projekteja sisällyttää designportfolioon?

Kyllä, yksi tai kaksi, varsinkin jos ne näyttävät työtä, johon haluat tulla palkatuksi. Merkitse selvästi, että aloitit ne itse.