Dokumentationen
Jeg startede med at lave skitser til hjemmesiden på vej hjem fra skole den dag, vi fik opgaven. Dem lavede jeg i min notesbog, som I også kan se billeder af her. Jeg tænkte hurtigt, at jeg gerne ville have en meget simpel og overskuelig hjemmeside, men samtidig skulle den også have et stilrent design. Jeg satte mit logo op i venstre hjørne i headeren, da de fleste kigger fra venstre mod højre, og det derfor ville være noget af det første, de ser. Jeg havde også lagt mit logo midt i min footer, men har senere ændret det, så den blev mere sammenlignelig med headeren
Herefter lavede jeg en WBS for at få styr på alle de ting, jeg skulle huske at lave og sikre mig, at det hele blev gjort. Jeg har ikke lavet et Gantt-skema, da jeg bare gerne ville i gang med projektet og ikke helt vidste, hvor mange timer jeg ville komme til at bruge på de forskellige ting. Til gengæld var jeg frisk på at lægge alle de nødvendige timer i projektet.
Derefter lavede jeg en style tile for at få en mere tydelig retning for siden. Jeg havde allerede besluttet, at den skulle være simpel og overskuelig, men jeg ville gerne have lidt mere faste rammer omkring designet. På min style tile startede jeg med at lægge mit logo ind, som faktisk er et logo, jeg lavede for over 10 år siden på et stykke papir. Jeg tror, jeg legede lidt med tanken om at lave mit eget tøjmærke eller noget i den stil, og derfra opstod idéen.
Efterfølgende har jeg lavet det digitalt på min iPad, og nu bruger jeg det mest til at ”underskrive” mine tegninger på iPad’en. Så det er mere blevet mit varemærke end et logo for en ting. Jeg ville gerne have, at siden blev ret klassisk, så jeg tog en af de mest klassiske font-familier, jeg kunne komme i tanke om – en sans-serif, da det er lettere at læse på en skærm, hvorimod serif er bedre til print. Jeg overvejede kort at bruge en serif-font til mine overskrifter, men valgte at holde det simpelt. Derfor blev skrifttyperne: Arial, Helvetica, sans-serif til det hele. De to farver, jeg har valgt til min hjemmeside, er den mørkeblå (hex: 04288B), som er en meget ”professionel” og stilren farve, som mange banker f.eks. også bruger i forskellige variationer. Den lyseblå (hex: 10B3E0) er lidt mere fri og legesyg, men stadig i samme blå farvenuance, så den ikke skiller sig for meget ud fra den anden. Billederne på min style tile var mest for at minde mig om, hvad min startidé havde været – altså de blå farver, meget rene linjer og et nemt og simpelt design.
Så lavede jeg en Figma-prototype, som har ændret sig lidt i forhold til det færdige resultat. Det skyldes både praktiske årsager og især udseendemæssige grunde. Jeg har brugt grids til at holde linjerne rene og sikre, at alt står lige. Derefter satte jeg billedbokse og tekstbokse ind, som viste, hvor tingene skulle være. Men som sagt lavede jeg lidt om i forhold til det endelige design.
Til mine videoer lavede jeg et storyboard, så jeg både selv og min klassekammerat, der hjalp mig med at optage, vidste, hvad der skulle filmes. Jeg lånte medielabbet på skolen, og vi fik optaget alt det, vi skulle den dag. "Vinkevideoen" eller forsidevideoen er optaget ved hjælp af en møbelhund, som jeg stod på, mens jeg blev drejet rundt af min klassekammerat. Videoen er optaget med min tripod, og kameravinklen var næsten et Medium Long Shot, men er senere skåret ind til et Medium Shot. Videoen er klippet, så jeg starter og slutter nogenlunde samme sted, og den kører i loop. Der er også lagt tekst ovenpå i den lyseblå farve, jeg bruger resten af siden. Den anden video – min ”CV-video” – er optaget af to videoer: starten og slutningen optaget samtidig, da de skulle filmes fra samme vinkel, et Full Shot med Low Angle. Den vinkel viser hele studiet/medielabbet, og jeg synes, det fungerer godt som intro og outro. Derefter er snakkedelen optaget i Medium Shot, for ikke at ødelægge overraskelsen/”joken” til sidst. Jeg brugte også et clapperboard for at tage opmærksomheden og skjule den del af mig.
Før optagelserne var der selvfølgelig en del planlægning – hvad jeg ville sige, og hvilke billeder og videoer jeg skulle finde frem. Jeg lavede et 9 sider langt manus med korte beskrivelser af, hvad jeg skulle sige på hver side, f.eks. ”foto-folder og visitkort” på én side og ”simpel klippet video” på en anden. På alle sider var der også billeder, så jeg ikke glemte noget. Selvom jeg øvede mig lidt på forhånd, var det rart at have noget at støtte sig til. Derefter var det bare redigering, klipning, rulletekster (i de to blå farver – den lyse var for utydelig i starten) og at lægge det hele ind i det HTML, jeg allerede var begyndt på. Jeg lavede også nogle små klip til de forskellige flows. Jeg ville gerne have haft en billedslider, men det har vi ikke lært endnu, og de guides jeg fandt, brugte meget Javascript, som vi næsten ikke har arbejdet med. Så jeg droppede idéen og lavede videoer til hvert flow i stedet.
Jeg har også tegnet to grafiske elementer som pynt til siden ”Om mig” – én til skole og én til arbejde. Skolegrafikken består af en skoletaske, et æble og en kop med blyanter, med lidt smudsfarve i baggrunden i den samme lyseblå. Arbejdsgrafikken består af en mappe og et jakkesæt. Som I kan se på videoen, har jeg taget billeder fra nettet og tegnet en nogenlunde outline af dem i Procreate, som er et tegneprogram til iPad. Det er meget lettere med en Apple Pencil end med en mus.
Alle billeder og videoer er efterfølgende gjort hjemmeside-klare, da det gør det hele lettere at loade. Fx fyldte min CV-video lidt over 2 GB, da jeg var færdig med at redigere den og lagde den over som mp4, men den version, der er på siden, er kun 38 MB. Jeg stoppede der, fordi jeg var bange for at miste for meget kvalitet. Det samme gælder billederne – mit logo gik fx fra 171 KB til lidt over 4 KB.
Jeg har kun brugt ChatGPT som hjælp til at rette stavefejl og grammatik, da jeg er ordblind, og det er den nemmeste måde for mig. Bagefter har jeg selvfølgelig selv tjekket, om det stadig gav den mening, jeg ønskede, og rettet lidt, så det passede.