Til P3 skulle jeg arbejde med et individuelt projekt, som bestod af flere mindre opgaver, én større hovedopgave samt færdiggørelse af procesportfolioen. Jeg vil her gå lidt mere i dybden med indholdet af projektet:

Kodning af hjemmeside:
Jeg skulle designe og kode min egen hjemmeside, som er målrettet en specifik branche, jeg ønsker at arbejde inden for. Formålet med opgaven var at træne evnen til at skabe et skræddersyet portfolio, der viser mine kompetencer over for en virksomhed eller en branche.

Seks mindre opgaver:
Jeg skulle udvælge seks mindre projekter, som passer til den branche, mit portfolio er målrettet mod. Disse projekter skulle være udarbejdet efter, at jeg startede på uddannelsen, så de reelt viser, hvad jeg har lært i løbet af semesteret.

Plakat:
Plakaten er designet af mig og viser processen bag udviklingen af hjemmesiden. Den viser også, at jeg har forståelse for metoder som Design Thinking.

Afleveringsdokument:
Afleveringsdokumentet er udarbejdet i InDesign og har til formål at træne mig i at anvende InDesign i mit arbejde, selvom programmet primært bruges i forbindelse med design af plakaten. Dokumentet indeholder også et refleksionsafsnit, hvor jeg skal forholde mig til ét læringsmål og reflektere over, hvordan jeg har arbejdet med at tilegne mig dette mål i løbet af semesteret.

Researchfasen

Efter vores studietur til Hamburg er jeg blevet meget fascineret af museer og den måde, de arbejder med teknologi for at skabe mere liv og dybde i kunst og kultur. Jeg synes, det er en fantastisk idé at anvende teknologi i kulturelle sammenhænge, og jeg ved også selv, at jeg oplever denne type museer som meget engagerende og spændende.

Ud fra dette valgte jeg at arbejde med mit præsentationsportfolio med museer som målgruppe. Jeg har flere gange besøgt museer, som arbejder med sanseoplevelser, og dette brugte jeg aktivt som en del af min researchfase.

Da det kom til beslutningstagning, var der mange elementer, som skulle overvejes. Jeg havde to projekter klar, som jeg kunne genbruge, men skulle samtidig udvikle fire nye projekter parallelt med designet af min hjemmeside. Jeg måtte derfor undersøge, hvad museer typisk ønsker at se, og hvilke udtryksformer og formidlingsformer de anvender. Jeg kiggede blandt andet på museer i Island, såsom Galdrasafnið i Hólmavík, Skrímslasafnið i Bíldudal og Víkingasafnið i Reykjavík, samt andre museer. På baggrund af denne research kunne jeg tage en beslutning om, hvilke seks projekter jeg ønskede at præsentere på min hjemmeside.

Herefter arbejdede jeg med at undersøge min egen stil og tage stilling til, hvilket visuelt udtryk jeg ønskede på hjemmesiden, hvilke layouts jeg fandt interessante, samt hvordan jeg kunne strukturere siden, så den var let at læse og nem at navigere i. En vigtig del af denne proces var at definere, hvordan jeg ønskede at kommunikere mit personlige brand. Jeg ser mig selv både som fagperson og som person, og for mig var det vigtigt at kombinere disse to sider. En udelukkende faglig tilgang kan fremstå kold og distanceret, mens et for personligt udtryk kan give et upræcist billede af, hvordan jeg arbejder professionelt. Jeg arbejdede derfor bevidst med at finde en balance mellem disse to sider.

Jeg havde på forhånd udarbejdet en farvepalette i Adobe Color, som jeg valgte at anvende, da jeg oplever, at den i høj grad repræsenterer mig som brand. Jeg anvendte også Pinterest til visuel research og overvejede at udarbejde et moodboard, da platformen egner sig godt til dette. Efter at have arbejdet med min identitet som både person og fagperson og reflekteret over, hvordan disse kunne kombineres, vurderede jeg dog, at et moodboard var overflødigt, og valgte i stedet at gå direkte videre til udarbejdelsen af en style tile. Derudover undersøgte jeg layouts fra andre designere, både fra min studiegruppe og fra designere, der arbejder professionelt. Selvom jeg ikke kunne skabe en hjemmeside på samme niveau som deres, gav det mig både motivation til at udvikle mig yderligere og inspiration til struktur og opbygning.

Wireframe

Efter at jeg havde færdiggjort forarbejdet og havde opnået en klar idé om min hjemmeside, var det naturligt for mig at begynde med et lo-fi wireframe. Herefter designede jeg hurtigt et hi-fi wireframe. Jeg udarbejdede både style tile og hi-fi wireframes i Figma, mens jeg har erfaret, at lo-fi wireframes fungerer bedst for mig, når jeg tegner dem i hånden på papir.

Jeg var i løbende dialog med mine medstuderende og observerede, at de fleste kodede sideløbende med, at de arbejdede på andre dele af projektet. Jeg valgte derimod at arbejde meget struktureret med projektet, da jeg har ADHD og ikke er medicineret. For mig fungerer det bedst at arbejde systematisk for at sikre, at intet bliver glemt. Det gjorde mig naturligvis lidt stresset, at jeg begyndte sent at kode, men jeg kender mig selv godt nok til at vide, at hvis jeg ikke havde færdiggjort al forarbejdet, ville kodningsprocessen have taget betydeligt længere tid. Uden et klart grundlag ville jeg mangle retning i forhold til layout, C.R.A.P.-principperne, tone of voice og content hierarchy.

Seks mindre projektar

Projekt 1

Det første projekt er fotoredigering. I arbejdet med projektet anvendte jeg Adobe Photoshop. Jeg vurderede, at dette projekt passer godt ind i mit portfolio, da museer ofte anvender billeder til sociale medier og markedsføring, hvor billedmateriale ofte skal redigeres og tilpasses. Projektet viser mine kompetencer inden for billedredigering.

Projekt 2 og 3

Projekt 2 og 3 er grundlæggende ens i deres opbygning. Jeg valgte to meget forskellige billeder, som jeg gav liv gennem animation. Det ene projekt arbejder med meget subtile bevægelser, som stadig formidler den fortælling, jeg ønskede at skabe. Det andet projekt har langt mere liv og dynamik, da historien bag billedet er mere omfattende. I arbejdet med projekterne anvendte jeg Adobe Photoshop og After Effects. Denne type projekter egner sig godt til brug på museer, da mange museer allerede arbejder med levende billeder og animation i deres formidling.

Projekt 4

Projekt 4 er en video, som jeg har redigeret. Min mand og jeg besøgte kunstudstillingen Den fantastiske bus, og formålet med videoen var at vække børns interesse for kultur. I arbejdet med videoen anvendte jeg Adobe Premiere Pro. Denne type projekt kan anvendes effektivt i markedsføring og på sociale medier.

Pojekt 5 og 6

Tidligere på semesteret udarbejdede jeg en flyer for Word Festival, som jeg arbejdede med individuelt. Dette projekt valgte jeg at inkludere for at vise mine kompetencer inden for udarbejdelse af reklame- og informationsmateriale som flyers. Derudover ønskede jeg at anvende min viden og erfaring fra Word Festival til at udvikle en plakat, hvilket jeg gjorde som projekt 6.

Kodning

Ved kodningen af præsentationsportfolioen kodede jeg hjemmesiden fra bunden i HTML5 og CSS. det er vigtigt for mig, at jeg arbejde struktureret og opbygge siden i klare og genanvendelige dele, da jeg vidste, at det ville gøre både overblik og videreudvikling nemmere.

Jeg anvendte semantisk HTML for at sikre en klar struktur på hjemmesiden, hvor jeg opdelte siden i header, navigation, main content og footer. Dette hjalp mig med at gøre siden både læsbar og logisk opbygget.

I CSS organiserede jeg stilarterne således, at grundstile var fælles for alle sider, hvorefter jeg tilføjede sidespecifikke stilarter, hvor det var nødvendigt. Jeg anvendte CSS-variables i :root til farver, typografi og spacing, hvilket gjorde det muligt at bevare et ensartet visuelt udtryk og foretage ændringer ét samlet sted, når der var behov for det. Jeg genanvendte desuden de samme container-løsninger og button-stilarter for at sikre et konsekvent udtryk og lette vedligeholdelsen af koden.

Jeg arbejdede mobile-first og anvendte media queries til at tilpasse layoutet til større skærme. I opbygningen af layoutet benyttede jeg både flexbox og grid, afhængigt af hvad der fungerede bedst for det enkelte område.

Under kodningen havde jeg C.R.A.P.-principperne i fokus. Jeg arbejdede med kontrast for at sikre god læsbarhed, repetition i det visuelle udtryk for at skabe sammenhæng, alignment for at opretholde en ren og struktureret opbygning samt proximity for at gruppere relateret indhold. Dette bidrog til at gøre hjemmesiden mere overskuelig og brugervenlig.

Brugertests

Mens jeg arbejdet med projektet, sendte jeg over 20 emails til forskellige rekrutteringsvirksomheder rundt om i verden, i håb om at kunne få dem til at teste min hjemmeside. Jeg modtog dog ingen svar.

Efter at jeg havde færdiggjort hjemmesiden, fandt jeg i stedet nogle enkeltpersoner, som kunne teste den. Jeg anvendte think aloud-metoden og mødtes med brugerne personligt. Dette gav mig værdifuld indsigt i, hvad der fungerede godt, og hvilke elementer der havde behov for justeringer.

Refleksion

I P3-projektet lærte jeg meget om vigtigheden af at arbejde struktureret og med en klar opbygning. Jeg erfarede hurtigt, at mit arbejdsmønster kræver, at jeg har et godt overblik over processen, da jeg har svært ved at arbejde ustruktureret. Når jeg fulgte processen fra research, over wireframes og videre til kodning, oplevede jeg, at projektet blev både mere overskueligt og lettere at gennemføre.

Jeg lærte også, hvor vigtigt det er at træffe bevidste beslutninger undervejs i processen, både i forhold til design og teknisk udførelse. Ved at færdiggøre forarbejdet, før jeg begyndte at kode, sparede jeg tid senere i processen og undgik unødvendigt ekstraarbejde.

Jeg oplevede dog også en betydelig grad af stress i forløbet, da jeg ikke følte mig tilstrækkeligt forberedt på projektet, da det begyndte. Projektet er meget stort og omfattende, særligt fordi det ikke kun indebærer design og kodning af præsentationsportfolioen, men også udvælgelse og færdiggørelse af seks andre projekter, som er udarbejdet i løbet af semesteret. Dette oplevede jeg som et stort pres, og jeg vurderer, at det ville have været en stor hjælp at få et tydeligere overblik over projektets omfang og krav tidligere i uddannelsen. Det ville have gjort det muligt for mig at forberede mig bedre og dermed arbejde mere trygt og sikkert i processen.