# data[].attributes.body
När jag började med idéarbetet till webportfolion tyckte jag att det kändes viktigt att själva portfolion skulle ha en välfungerande utformning men också att designen skulle kännas intressant och kreativ. Då portfolion är tänkt för grafisk design tänkte jag att trovärdigheten att man kan leverera kreativ design ökar om portfolion i sig är intressant utformad istället  för en mer formell design som i sammanhanget känns tråkig.

Jag valde at arbeta med varma toner för att ge en välkomnande känsla i en annars stilren design.

Den största utmaningen med den här uppgiften var att utforma sidorna som skulle visa upp arbetena då det var mycket information i flera olika färger som skulle in på en relativt liten yta. För att ändå göra dessa sidor så vilsamma för ögat som möjligt jobbade jag med beiga och bruna toner istället för startsidans orangea.

Då jag tänkte att bilderna är det som känns mest intressant då man vill se hur en designer arbetar minimerade jag mängden text till varje bild och gjorde istället bilderna lite större.

# data[].attributes.body
Till bilden av oss själva i webportfolion ville jag undvika att det skulle kännas som ett typiskt fotografi till ett cv då det är en kreativ portfolio som ska presenteras. När jag såg bilden nedan blev jag då inspirerad att göra fotot av mig själv med duotone effekt och sedan använda samma färger i fotot genom resten av hemsidan.

Källa:
https://www.pinterest.se/pin/25403185381070491/

# data[].attributes.body
I bilden nedan blev jag inspirerad av bryta av halva hemsidan med en färgruta innehållande informationstext. Dels för maximal tydlighet och läsbarhet men också för att ge mer liv och mindre steril känsla till hemsidan.

Källa:
https://www.pinterest.se/pin/498703358733976402/

# data[].attributes.body
Här blev jag inspirerad av att skriva en hälsningsfras på bilden för att ge en mer personlig känsla samt att attrahera uppmärksamhet.

Källa:
https://www.pinterest.se/pin/575757133606836633/

# data[].attributes.body
Detta är den första skissen jag gjorde över layouten av startsidan i webversionen. Här hade jag ännu inte bestämt vilket färgtema jag ville använda mig utav utan avvaktade tills jag hittade två färger som passade väl ihop i duotone fotot. Väl i inDesign upplevde jag att designen kändes lite för avskalad och opersonlig så jag lade till texten på och nedanför bilden för att hemsidan skulle kännas mer välkomnande. Jag ville även att det skulle vara så tydligt som möjligt att hemsidan var en portfolio för grafisk design, därav texten "i do design".

# data[].attributes.body
Skissen nedan föreställer den tänkta layouten för startsidan för mobilenheter. Även här valde jag att lägga till "hi" och "i do design" vid bilden för enhetlighet. Väl i inDesign ändrade jag proportionerna lite, bland annat flyttade jag upp bilden så att utrymmet för brödtexten blev större då jag märkte att det blev allt för trångt.

# data[].attributes.body
När jag började skissa på logotypen var min tanke att logon skulle komma att vara i nära sammanhang med all möjlig typ av design i alla färger och former, till exempel i portfolion. Därför ville jag att logotypen i sig skulle vara så enkel och minimalistisk som möjligt så att den skulle kunna passa till all typ av design som ska presenteras. För att ge en så "clean" och avskalad känsla som möjligt ville jag ha ett klassiskt sans serif typsnitt och bara använda gemener. För att knyta samman logotypen på ett fint sätt så att den skulle kännas som ett objekt snarare än två ord förenade jag de första bokstäverna i respektive ord.