HJEM OM MIG MINE PROJEKTER KONTAKT MIG DOKUMENTATION
PORTFOLIO UDVIKLING
Collage af portfolioarbejde
PROJEKTPLAN OG KODNING

PROJEKTPLAN

Allerførst satte jeg mig ind i eksamensopgaven: hvad jeg konkret skulle, og hvad kravene var til opgaven. Herefter lavede jeg en Gantt-model for, hvilke dage jeg ville arbejde med hvad, og udarbejdede OBS, PBS og WBS. De første par uger brugte jeg på alt forarbejdet. Jeg lavede research, wireframes, styletile og logo. Derefter fandt jeg mit arbejde fra de forskellige flows frem og forberedte, hvad jeg skulle have med på min hjemmeside i form af tekst og billeder. Da alt det var klaret, begyndte jeg ugen efter at kode og skrive min dokumentationsdel. Da jeg var godt med på kodningen, begyndte jeg på min video. Til sidst rettede jeg små ting og sørgede for, at alle links virkede.

KODNING

Min hjemmeside er kodet fra bunden i Visual Studio Code med HTML og CSS. Jeg synes, det er svært at kode, og det var svært at komme i gang, da jeg ikke kunne huske så meget. Undervejs begyndte jeg at huske mere og mere, og hvis der var noget, jeg ikke kunne huske, spurgte jeg mine klassekammerater om hjælp. Hvis der var ting, jeg ikke vidste, hvordan man gjorde, spurgte jeg ChatGPT eller brugte W3Schools. Jeg fik også ChatGPT til at tjekke min HTML igennem for fejl, jeg havde overset, og til at strukturere min CSS lidt bedre, da jeg hurtigt mistede overblikket efter flere timers kodning. Jeg har kodet efter, hvad jeg føler mit faglige niveau er nu og her, dels for ikke at gøre det for svært for mig selv og dels for at vise, hvad jeg kan uden særlig hjælp. Min hjemmeside repræsenterer derfor mine kompetencer.

FEEDBACK

Jeg har undervejs spurgt mine klassekammerater, familie og venner til råds omkring logo, farver og det overordnede layout af min hjemmeside og taget deres råd med i mine overvejelser.

VIDEO

Min video skulle være simpel og repræsentere lidt om mig og mine valg for at være multimediedesigner. Jeg lavede et videoscript til voiceover og derefter en collage af billeder, jeg har taget og redigeret, samt en video i midten fra flow 1 til den visuelle del.

LAYOUT

FARVER OG LOGO

Før jeg begyndte, havde jeg allerede en idé til både mit logo, farver og det udtryk, jeg gerne ville give brugeren. Jeg kom derfor ret hurtigt fra start. Jeg vidste, at jeg gerne ville bruge en pastelblå og en pastellilla sammen med sort og hvid. Mit logo tegnede jeg på computeren og fik ChatGPT til at omdanne det for mig.

Jeg valgte at gå med en lyseblå og hvid linear-gradient baggrund som gennemgående element på alle sider. Lyseblå signalerer afslapning og ro, og jeg ønsker, at brugeren får en afslappet fornemmelse af at kigge på min hjemmeside. Den lyselilla farve er valgt, fordi den er komplementær til lyseblå. Overskrifter har en lilla gradient med sort tekst for god kontrast og læsbarhed. Knapper er lilla med afrundede hjørner og hover-effekt, så det tydeligt fremgår, at de er klikbare.

Jeg tegnede en hurtig skitse af mit logo i Figma og ønskede at bruge mine initialer i et stilrent og moderne udtryk. Derefter fik jeg ChatGPT til at komme med forslag baseret på min skitse med transparent baggrund.

TYPOGRAFI

Jeg ønskede, at min font skulle se moderne og simpel ud. Jeg har derfor valgt Arial til al tekst og overskrifter, da den er læsevenlig og stilren. Alle overskrifter er skrevet med store bogstaver og i fed for at fange brugerens opmærksomhed.

MIN STYLETILE

Styletile for portfolio