Proces og dokumentation

Projektplan

I starten af projektet udarbejdede jeg en Gantt model, hvor jeg definerede mål, krav og deadlinesprioritering af opgaver. Jeg udarbejdede også PBS, WBS og OBS. Dette gav mig et overblik og sikrede, at jeg kunne arbejde struktureret gennem hele forløbet. Formålet var at skabe et personligt portfolio-website, der præsenterer mine projekter, mig som designer og min faglige udvikling. Projektplanen tog udgangspunkt i en faseopdelt proces bestående af research, idéudvikling, design, prototyping, kodning og evaluering.

Research & ideudvikling

For at få inspiration til udtryk, researchede jeg forskellige portfolio-websites med fokus på minimalistisk design og personlig branding. Jeg lavede derudover moodboards med farver, billeder og typografi-eksempler, der hjalp mig med at finde retningen for mit visuelle udtryk. Under idéudviklingen brugte jeg skitser og wireframes for at afprøve forskellige layoutstrukturer. Fokus var at skabe et site, der både viser kreativitet og professionalisme, uden at det føles rodet.

Styletile

Styletile er anvendt til at fastlægge det visuelle udtryk for min portfolio inden den endelige design- og udviklingsfase. Mit style tile samlede alle mine visuelle valg ét sted: farver, logo, typografi, elementer og billeder. På den måde kunne jeg kunne bevare designet gennem hele processen. Style tile-arbejdet gjorde det lettere at navigere mellem kreative valg og sikre, at alt visuelt hænger sammen fra start til slut.

Kodning

Websitet er udviklet i VS Code med HTML, CSS og JavaScript. Jeg har arbejdet med semantisk HTML, responsivt design, tilgængelige elementer og små interaktioner som navigation, dropdown-menu og billedsliders. Det gør portfolioen overskuelig på både desktop og mobil.

Målgruppe

Målgruppen er primært potentielle arbejdsgivere, praktiksteder og undervisere, der skal kunne vurdere mit arbejde. Design, struktur og indhold er derfor tilpasset et behov for hurtigt overblik, tydelig formidling af kompetencer og et visuelt udtryk, der signalerer kreativitet og faglighed.

Layout

Layoutet er luftigt og opdelt i tydelige sektioner, så brugeren let kan navigere mellem forsiden, semesterprojekterne, proces-siden og kontakt. Whitespace giver ro omkring indholdet, mens afrundede elementer, billeder og en afdæmpet farvepalette giver portfolioen personlighed.

Cards

Cards er implementeret for at formidle projekter og flow-arbejde i et overskueligt og modulariseret format. Card-designet gør det nemt for brugeren at skimme indhold, samtidig med at det understøtter et responsivt layout. Denne komponentbaserede tilgang gør websitet fleksibelt og udvidelsesvenligt.

Informationsarkitektur

Informationsarkitekturen er udviklet med fokus på klarhed og logik. Topnavigationen giver adgang til Hjem, Proces og Kontakt, mens semester-menuen samler overblikket og de fire semestre. Hvert semester præsenterer projekterne i selvstændige flows, så det er nemt at finde både proces og færdige løsninger.

Websitets samlede arkitektur

Portfolioen er bygget som et sammenhængende website med en fælles visuel identitet på tværs af forside, semestersider, proces og kontakt. Den kombinerer en klar informationsstruktur, responsivt layout og interaktive elementer, så den både fungerer som præsentation af mine projekter og af min faglighed som multimediedesigner.

AIDA-modellen

CRAP-modellen

Gestalt-lovene