– Eksamensprojekt
Eksamensprojektet var en individuel opgave, som omhandlede at lave sin egen præsentations portfolio website. Jeg havde allerede en ret god idé i mit hoved hvad dette skulle være, men det blev ændret lidt da vi fik præsenteret opgaven ved kickoff.
Mit første ide var at lave en hjemmeside der omhandlede mit freelance arbejde. Dette var video redigering og at lave thumbnails til youtube videoer, samt at manage en youtube kanal. Dog blev dette drejet lidt, da jeg fik at vide vi skulle bruge up-to-date projekter, og vise frem 6 forskellige projekter. Derfra endte jeg så med at ændre min målgruppe en lille smule, stadigvæk beholde ideen bag at der var noget der var fokuseret på youtube målgruppen, men også at der var en anden målgruppe, som var mere ”professionel” og brand fokuseret.
Selve hjemmesiden var jeg ikke så bange for at lave, synes ikke jeg havde svært med at følge med i de få undervisningstimer vi nu fik. Men jeg endte stadigvæk med at synes det var ret svært, mest delen hvor hjemmesiden skulle være responsiv, og jeg havde også en del problemer med at lave en drop-down menu.
De 6 projekter jeg valgte at gå med var: Min MovingArt Workshop video, min concept/salgsvideo til word festival, min foto redigerings opgave jeg lavede til Hamborg turen, cover/forside billeder som var de 2 forsider jeg havde lavet til projekt 1 og 2, min klientrapports design til projekt 2, og til sidst et logo som jeg lavede i illustrator. Logoet blev ikke særlig godt, dette var første gang jeg brugte programmet og det var ret tidspresset da jeg lavede det imens jeg var i gang med dette projekt.
Vi skulle også lave en plakat til dette projekt som viste vores arbejds proces med hjemmesiden, med udgangspunkt i design thinking. Denne lavede jeg i inDesign, da man havde valget mellem inDesign og illustrator, og min manglende erfaring i illustrator gjorde jeg tænkte det nok ville være nemmest at få et godt produkt ud af at bruge inDesign.
Min plakat:
Til min hjemmesides design valgte jeg at bruge CRAP principperne.
Contrast: Jeg valgte at bruge rød som min baggrundsfarve til header og footer, og en mørkegrå til min main, dette skabte en god kontrast på siden. Jeg valgte også at bruge sorte borders og drop shadows på nogle elementer for at give dem noget ekstra kontrast.
Repetition: Jeg brugte den samme farvepallette til siden, som primært bestod af rød, orange og grå. Jeg brugte også den samme font til headers og en anden font til brødtekst igennem hele siden.
Alignment: Jeg prøvede virkelig hårdt på at få min side til at være to aligned kasser i main delen af siden(på desktop), som skulle forblive samme størrelse og holde et solidt system igennem alle siderne, dog var dette ikke super sucessfuldt, men håber jeg kan fixe dette som en af ændringerne til min forbedring af siden. Dette kommer selvfølgelig også an på hvad mine brugertests siger, når jeg laver forbedrings testsne. Dette var kun et problem når man så den på desktop.
Proximity: Disse kasser som jeg referere til i alignment, giver også en rigtig god proximity. Det der hører sammen, ligger sammen i disse kasser.
Refleksion:
Jeg synes dette projekt var super spændende, og ikke så skræmmende som nogle af de 2. og 3. semester studerende havde sagt det var. Jeg tror en af mine mest prefererede metoder at lære på, er at individuelt undersøge ting på nettet, og det lagde dette projekt meget op til. Jeg lærte en helt masse omkring front-end dev. og havde faktisk tænkt mig i starten at bruge Ai når jeg blev stuck på noget. Jeg endte med slet ikke at bruge Ai, og er stadigvæk lidt usikker på om det var en fejl eller ej. Jeg synes jeg lærte grundstoffet omkring html og css meget bedre ved at selv finde ud af hvordan og hvorledes, selvfølgelig med hjælp fra w3schools og css-tricks. Men selve siden kunne nok have set en del bedre ud, hvis jeg havde valgt at bruge Ai. Jeg tænker lidt til min forbedring af hjemmesiden at jeg indbringer Ai, så jeg kan have fuld kontrol over de ændringer der bliver fundet frem til af brugertest.
Jeg havde store problemer med at få siden til at være responsiv, og på samme tid beholde god alignment og proximity.
Jeg tror egentlig at min tilgang til dette projekt var okay, men jeg ville helt sikkert gøre det meget anerledes hvis jeg skulle gøre det igen. Jeg havde ikke særlig meget forarbejde, og det var lidt med vilje fordi jeg vidste ikke hvad jeg kunne og hvad jeg ikke kunne, da jeg aldrig har lavet en hjemmeside før. Men hvis jeg skulle lave dette projekt igen, ville jeg helt sikkert gå meget mere i dybden med forarbejdet.
Jeg havde også håbet jeg ville have mere tid til at brugerteste, men at lave hjemmesiden tog en del mere tid end jeg havde regnet med.