Til denne workshop, der var jeg der ikke så har fået lavet det derhjemme.

Til at starte med så havde jeg kigget på forskellige hobby sider, som jeg kunne tage inspiration fra, som fx Hobbii og Selfmade. Derefter så fandt jeg en farve palette som jeg kunne bruge til at lave siden.

Baseret på de hjemmesider jeg brugte til at få inspiration fra, har jeg derefter fået lavet nogle wireframes. Hvor man kan se opbygningen af siden på.

Jeg lavede først mobilversionen, og derefter så skallerede jeg den op til at være i en desktop version.

Under udviklingen der udnyttede jeg flere af figmas egen simple design systems komponenter, da de allerede havde en mobil version samt en desktop version, og det hjalp også med at jeg kunne bruge dem som pusle brikker, og sætte det sammen som jeg syntes. Hvilket gjorde at jeg mere bare skulle fokusere på skallen af siden i stedet for at skulle fin pudse den mindste detalje.

Alt i alt så jeg ret tilfreds, den er meget low key, i forhold til indhold, men tænker denne workshop er mere for at lære og bruge figma, end det er at lave noget der er perfekt.

Refleksion

Igen igen så har jeg så svært ved at gå i gang og beslutte mig om nogle simple ting, som fx farve paletten, som jeg brugte alt for meget tid på at få lavet.

Derimod så er det altid sjovt at skulle arbejde med figma, og lære nye ting man kan med programmet.

Jeg lærte bl.a. hvordan man bruger forskellige variable modes. Hvor jeg havde lavet en til mobil version og en til desktop version, hvor at fx. bredden bliver anderledes fra mobil til desktop. Dette gør det også meget nemmere at kunne lave wireframes der kan ændre sig af sig selv baseret på hvilken enhed den er sat til at skulle repræsentere.

Da jeg ikke kom til workshoppen så har jeg det sværere ved at tids estimere hvor meget tid jeg skal bruge på de forskellige dele. Og det gør også at jeg kan sidde i meget længere tid uden at tage nogle af de tidskrævende beslutninger, som fx hvilke farver jeg skal bruge. Da jeg ikke som sådan har en tidsdeadline hvor det skal være færdigt som når man er til workshoppen.

Jeg havde kigget på nogle hjemmesider inden workshoppen, men følte egentlig ikke at jeg brugte det til så meget.

Jeg synes at projektet gik okay, jeg er i hvert ifald ret tilfreds med at have lært noget nyt til hvordan man kan udnytte figma på en mere produktiv måde.

Til netværksdagen tog vi kontakt til Odense boldklub, hvor vi endte med at arrangere et møde med Mikkel som er multimediedesigner hos OB. Inden mødet der besluttede vi at lave et semistruktureret interview, til mødet, deri lavede vi en masse spørgsmål som vi gerne ville have svar på.

Noget af det vi spurgte om var bl.a. om hvordan hans arbejdsdag så ud, hvilken vej ham tog for at blive ansat hos OB, hvilke værktøjer han bruger til dagligt osv.

Vejen han tog for at blive ansat hos OB, der tog han multimedie design uddannelsen på UCL, hvorefter han tog en topup i digital konceptudvikling, hvor han i sin praktik kom ud til OB, efter han færdiggjorde studiet, havde han et arbejde hos OB. Et af de råd han gav os var at vi skulle blive uundværlige, for så er man næsten sikret et arbejde efter endt praktik.

Til selve præsentationen der lavede vi en powerpoint, hvor vi inkluderede alt det vi havde fået ud af at snakke med Mikkel. Da vi skulle præsentere var der et meget chill stemning, hvilket var virkelig rart, da jeg ofte har svært ved at snakke foran mange mennesker. Men dette føltes ret uformelt, samtidig med at jeg ikke skulle sige det helt store, hvilket virkelig også hjalp på tingene.

Refleksion

Til denne slags opgave der er jeg så taknemlig for at være i en gruppe setting, da jeg personligt har meget svært ved at skulle snakke med fremmede og tage kontakt til fremmede. Dog fordi jeg er i gruppe hvor nogle af de andre ikke har nogle problemer med det, så behøver jeg ikke selv at skulle stå for det. Hvilket er virkelig rart.

Til selve mødet der fik jeg en indforståelse med at jeg ikke ville trives i et lille firma, da jeg bedst kan lide at have en fast slags opgave, hvor Mikkel fortalte om at han skulle kunne meget forskelligt og hans arbejdes opgaver kunne indebære en masse forskellige slags ting.

Til selve præsentationen fandt jeg det rart at det var så uformelt, da det gjorde det meget mindre nervepirrende. Det hjælper også at jeg var i gruppe som var okay med at jeg ikke ville sige det helt store. Så jeg endte med at få det korteste slide i vores power point.

Derudover så fandt jeg det også virkelig interessant at høre om de andres møder, og hvad de har lært i.

Alt i alt synes jeg at denne opgave var virkelig øje åbnende, især fordi man hørte om så mange forskelliges møder.

Proces

På dagen af workshoppen havde jeg en rigtig træls morgen, og havde derfor virkelig svært ved at komme ud af døren. Dog så endte jeg med at komme af sted, men endte med at komme meget sent. Så alle var allerede begyndt at gå i gang med opgaven da jeg kom, men endte hurtigt med at blive taget med i en gruppe. Da jeg ankom der fik jeg til opgave at købe en Red Bull, hvilket essentielt var den vigtigste ting at inkludere i videoen.

De startede ud med at lave et storyboard over hvad der skulle filmes, også var det ellers bare at komme i gang.

Efter at alt var blevet filmet, og den skulle redigeres, der sad jeg på sidelinjen og fulgte med i processen. Dog i løbet af dagen blev jeg mere og mere mentalt træt da der var så mange forskellige lyde i klassen, og havde derfor ikke overskud til at kunne hjælpe med noget andet, hvis det skulle være muligt for mig at blive hele dagen.

Link til video:

Refleksion

Dette projekt havde med meget at gøre som jeg ikke er særligt interesseret i, hvilket gjorde at det var svært for mig at være engageret, oven i så var det en af mine svære dage, som allerede startede ud med at jeg knap nok kunne komme ud af døren derhjemme.

Problemet for mig med denne workshop, er at det for det første var en dårlig dag, men for det andet, så har jeg ikke rigtig nogen interesse for hverken filmning, eller redigering. Så især med de 2 problemer på samme dag gjorde at jeg havde meget svært ved at engagere mig i arbejdet.

Hvis denne opgave engang skulle komme op igen, så ville jeg nok ende med at hjælpe til med idegenereringen , da det mere er der hvor min interesse ligger, men da jeg først kom så sent var de allerede så godt i gang at jeg missede den del.

Derimod så er jeg så imponeret over hvad de andre har formået at lave, det er så fucking godt!!

Proces

Første Sprint

Vi startede ud med en tur ud til klienten. Her blev vi introduceret til vores case, og fik et kig på stedet. Derefter så fik vi lavet en gruppekontrakt til vores gruppe, hvor vi fik sat standarden for hvordan bl.a. vore kommunikation skulle fungere.

Derudover så fik jeg også til opgave at lave vores risikoanalyse hen over weekenden, hvor de andre fik lavet risiko analyse og projektplanen.

På den første dag der fik vi opsat, vores SCRUM-board, samt tidsestimeringer.

Derefter fik vi lavet en KWHL-chart, og udeligeret hvad research vi skulle på derfra. Hver skulle jeg kigge på, UI tendenser indenfor event og glamping, samt generelle UI trends og tendenser.

Efter vi var færdige med research, så begyndte jeg på at opsætte et spørgeskema i google forms, også fik jeg lavet en flyer som de andre så kan ligge rundt omkring. Derudover så fik jeg delt spørgeskemaet på diverse Facebook grupper, som bl.a. tilhørte København, Odense, Århus og Aalborg område.

Jeg var også med til at lave et telefonisk interview med Bibi, som er vores klient for dette projekt. Og der fik vi en masse god viden som vi kan gøre brug af senere i forløbet.

Andet Sprint

I andet sprint der startede jeg ud med at lave userflows baseret på vores personas goals og user stories.

Og da jeg havde lavet userflowsne så fik jeg lavet wireframes baseret på de userflows jeg havde lavet. Wireframesne kan ses nedenfor

Torsdag der var hele gruppen i Fredericia, for at hjælpe til “UCL rykker ind”. Så det eneste vi lavede der var at få planlagt vores midtvejs pitch.

Til midtvejs pitchen der fik vi en masse gode pointer fra alles oplæg, som bl.a. at vi skal huske at kunne argumentere for vores design valg, og ikke bare skal have synsninger.

Tredje Sprint

Her begyndte vi at en mockup af vores hjemmeside, og lavede det til en hi-fi prototype. Hvor vi så derefter fik brugertestet den på 5 personer. Her fik vi en masse feedback, til hvordan vi kunne forbedre vores design. Efter vi havde fået opdateret vores design, så fik jeg opsat vores designsystem. Hvilket ikke var så svært da jeg kunne tage meget af opsætningen som jeg havde brugt i projekt 4.

Som noget af det sidste som vi fik lavet i dette sprint var at komme i gang med vores kode, her der stod jeg igen for at få alt html’en og css’en implementeret. Derudover så fik jeg lavet en liste over de ting som skulle laves i JavaScript, hvor de andre i gruppen så får en ting hver, og jeg tager resten af det der skal laves.

Om fredagen der tog vi ud hos Bibi og filmede content og tog en masse billeder. Da vores projekt fokusere på de allerede eksisterende glamping gæster, så ville vi gerne tage nogle billeder som kunne illustrerer de her børne familier. Dog så skulle vi bruge et barn til at kunne hjælpe os, hvilket ikke altid er helt nemt at skaffe. Dog så sagde Bibi at vi godt kunne låne hendes søn, så det var hvad vi gjorde.

Derudover så fik jeg leget en hel del med hendes hund, og fik sagt hej til hendes ponyer, hvilket var highlightet for min dag

I weekenden der arbejdede jeg på at komme længere med html’en og css’en, samtidig så hjalp jeg Josefine med hendes JavaScript om lørdagen, hvor vi endte med at komme i mål med den del.

Fjerde Sprint

Dette er den sidste uge inden vores projekt skal afleveres. Om mandagen så stod det på mere html og css, her hjalp jeg så også Dicte med hendes JavaScript, så hun kunne blive færdig med det hurtigere end hvis hun nu selv skulle sidde og lave det. Derudover så blev det en lang dag for mig, da jeg endte med at sidde på skolen indtil kl. 18:45, og var stadig ikke færdig med html og css delen. Det har været en meget besværlig hjemmeside at skulle kode, og med rigtig mange billeder, som bare ikke har lyst til at samarbejde, og når man finder en løsning til at fikse et billede, så virker den ikke altid på alle de andre billeder.

Tirsdag der endte jeg endelig med at blive færdig med html og css delen, og skal så i gang med mit eget JavaScript. Dog så mangler der stadig en del finpudsning i html’en og css’en, som fx. så skal der sættes de rigtige billeder ind, der skal laves en footer, også skal den laves responsiv.

Jeg blev færdig med min JavaScript tirsdag aften. Koden består af at lave booking systemet til at virke, ved at udregne prisen for ens ophold baseret på, mængden af dage, om man har valgt lavsæson eller højsæson, om man er mere end 4 personer, og om man har valgt at købe ekstra events til.

Onsdag der fik jeg skrevet vores abstract, også selvom at der stadig var en del kodeting som manglede at blive gjort. Men blev nødt til at skrive noget for ligesom at kunne sige at jeg har fået bidraget med noget til rapporten. Rapporten var så endelig skrevet færdig, og selvom at jeg ikke rigtig har bidraget til at få skrevet den, så tror jeg de andre er meget taknemlige for at jeg har taget mig af alt koden i stedet for, hvilket har taget meget længere tid end jeg selv havde regnet med at det ville. Men kan dog også sige at jeg er ret stolt af det produkt jeg så har fået lavet.

Efter jeg havde skrevet abstract så begyndte jeg på alle de små ting som manglede til koden. Jeg startede ud med footeren, og gik videre til at udskifte alle billederne til de rigtige, også brugte jeg en del tid på at få koden til at være responsiv. Og da alt det var klaret så kunne jeg endelig få det hele kodevalideret, og da det var done så fik jeg smidt det hele på nettet.

Så vores endelige prototype kan ses på dette link: https://projekt5.flipdesign.dk/index.html

Refleksion

I starten af dette projekt, der føltes det som om at vi var langt bagud i forhold til de andre grupper. Dog som tiden gik fremad, så endte vi faktisk med at ligge nogenlunde samme sted som de andre grupper, uden at vi var gået på kompromis med vores produkter. Da vi kun har været 3 mand til dette projekt, så har der været en del mere tidspres, men jeg synes nu faktisk at vi kom igennem det ret godt, og med nogle produkter vi kan være stolte af.

Vores prototype endte med at være en del mere omfattende kodemæssigt, hvilket gjorde at jeg brugte mere end 4 dage på at sidde med html og css, hvor de andre så har fået skrevet på rapporten i mens. Jeg brugte også noget tid på at hjælpe de andre med deres JavaScript, fordi jeg vidste at de kun ville bruge maks. 1 dag på det, hvor hvis de skulle sidde med det selv ville det måske have taget dem et par dage, som de så kunne have bruge på at lave noget mere af opgaven på. Derfor så hjalp jeg dem glædeligt, også selvom at det så også fik udskudt min egen opgave. Men der har jeg så været taknemlig for at de er taknemlige for at jeg ville stå for koden og de så kunne skrive rapporten. Da jeg nemlig har lige så svært ved at skulle skrive, som de har med at skulle kode. Så de hjalp mig ved at skrive rapporten, da hvis jeg skulle have hjulpet til der så ville vores prototype ikke have været blevet så færdig som den er blevet.

Samarbejdet i vores gruppe har fungeret super fint, der har været lidt mere pres på fordi vi kun var 3, men vi har igen stadig haft mange forskellige kompetencer. Hvori at jeg jo stod for koden, hvilket de andre er lykkelige over at jeg gjorde.

Fuck jeg hader at skulle style billeder i css tror jeg har brugt omkring 50% af min tid med at prøve at få dem til at skulle gøre som jeg vil have dem til. Og så snart man finder en løsning til et billede så har man kun fundet løsningen til det ene billede, og det vil højst sandsynligt ikke virke på de andre billeder. Og vi har fucker mange billeder på vores side, (hvilket er hvad vi gik efter for ligesom at kunne ramme vores målgruppe) som alle bare skal være anderledes. Så efter at have siddet med det i alt for lang tid, så begyndte jeg at være lidt ligeglad med hvordan og hvorledes de så ud. Man kan se vores reelle vision på Figma.

Selve projektet synes jeg har været alt for stressende ikke kun fordi vi kun var 3 mand, men fordi vi skulle nå at lave så mange forskellige ting. Som fx at vi både skulle skrive en rapport og en klient rapport. Der føler jeg lidt at man godt må holde sig til enten eller. Eller have givet et par dage mere til klientrapporten, så man ikke behøvede at skulle aflevere den sammen med rapporten. Eller også så skulle man have haft mere tid. Derudover så hader jeg når projekter starter på en fredag, da man ikke rigtig har tid nok til at kunne planlægge hvad man hver især skal gøre, også har man jo en weekend hvor der så ikke bliver lavet noget.

Proces

I løbet af dette projekt har vi brugt scrum, hvor vi har været igennem 5 forskellige sprints.

Første sprint: Planlægning

Vi startede ud med det første sprint som handlede om planlægning.

Her der lavede vi bl.a. vores gruppekontrakt. Efter det så valgte vi hvilken velgørenheds organisation vi ville arbejde med, hvor vi endte med at vælge at arbejde med Blå Kors Danmark. Efter vi havde valgt hvilken virksomhed vi ville arbejde med, så lavede vi interessentanalyse, risikoanalyse og målformulering.

Derudover så lavede vi en projektplan over vores fremtidige sprints, og planlagde hvad vi skulle lave i de forskellige sprints. Efter vi havde lavet vores projektplan, lavede vi et KWHL-diagram, for at kunne lave en oversigt over vores eksisterende viden, samt hvad vi havde brug for at vide for at kunne komme i mål med vores projekt.

Andet sprint: Research

På baggrund af KWHL-diagrammet, så har vi alle lavet noget desk research, hvor jeg undersøgte målgruppen og deres frivillighed.

Derefter så lavede jeg et spørgeskema som kunne blive sendt ud på Blå Kors’ sociale medier.

Vi fik også lavet et interview med Kirsten Marie som er distriktschefen hos Blå Kors. Samtidig med så blev der lavet en persona, baseret på den data vi har fået fra vores research samt spørgeskema.

Tredje sprint: Ideudvikling og midtvejspitch

Vi startede på ideudviklingen, hvor vi lavede en brainstorm for at kunne finde frem til hvilket slags produkt og hvilke typer content vi ville lave.

De 3 forskellige slags content der fandt vi frem til at skulle lave.

De 3 forskellige slags content ideer, der kom vi bl.a. frem til

Den første ide var en outfit-inspiration, som skal hjælpe målgruppen med at se potentialet i genbrugstøj.

Den anden ide omhandler at vise hvad der sker med det tøj man donerer.

Og den sidste ide er at lave en samlingen på priserne på nyt tøj vs. prisen i genbrugen.

Og til vores produkt kom vi frem til at lave en app, som skulle hjælpe en med at finde forskellige outfit ideer.

Efter vores ideudvikling så begyndte jeg at hjælpe med at lave lo-fi wireframes, af vores produkt. Som kan ses på billederne nedfor:

Efter vi blev færdige med lo-fi wireframesne, så hjalp jeg med at lave en slags style tile, hvor der blev indsat de forskellige farver og skrifttyper, som kunne findes på blå kors’ hjemmeside. DETTE VAR IKKE NEMT. De bruger sådan 3 forskellige blå farver på deres hjemmeside.

Baseret på de fundne farver og skrifttyper, og de lo-fi wireframes, så lavede jeg en hi-fi prototype på en computer.

Som kan prøves nedenfor:

Derudover så blev der også lavet en hi-fi telefon prototype.

Som kan prøves nedenfor:

Den sidste dag i sprintet der havde vi midtvejs pitch, som gik super godt. Vi fik en masse brugbar feedback, som vi kan bruge senere i processen.

Fjedre sprint: Udvikling af produkter

I starten af det fjedre sprint der lavede vi en brugertest på vores hi-fi prototype, for at finde ud af hvad der kunne forbedres, inden det bliver ført over til kode.

I sammenhæng med vores opdaterede hi-fi prototype, så lavede jeg også et design system som skal bruges til at hjælpe med at designe vores interaktive produkt.

Efter det så begyndte jeg med kode delen, her lavede jeg en liste over de ting som produktet skulle indeholde, heri hvilke sider, forskellige slags header og footer, samt funktionalitet, som skal laves med JavaScript.

Jeg endte med at lave en liste med alle de forskellige funktionaliteter som skulle laves med JavaScript, hvor jeg opdelte dem efter hvor omfattende jeg tænker at de ville være.

Efter det så begyndte jeg at opsætte vores html og css, baseret på vores hi-fi prototype samt designsystem.

Og da vi alle skal lave noget JavaScript, så fik vi aftalt hvad vi hver især skulle lave, ud fra den liste jeg kom frem til. Hvor jeg ender med at skulle lave en smule mere end de andre, dog så arbejder jeg ikke med content delen, så det går lige op.

Femte sprint: Rapport

I det femte sprint der er der blevet skrevet på rapporten, samt finpudsning af de sidste kode detaljer, og få filmet min forklaring af mit JavaScript.

Vi startede ud med at opdele hvem der skulle skrive hvad i rapporten. Hvor jeg endte med at skulle skrive om Projektstyringsmetode, Værktøjer og løsningsforslaget.

Som altid så har det været pisse svært at få skrevet, så har fået meget hjælp fra de andre i gruppen.

Derudover så stod jeg også for reference listen og indholdsfortegnelsen

Refleksion

Vores digitale løsning endte med at være end del mere avanceret at skulle kode, end jeg først havde regnet med. Hvilket gjorde at jeg brugte Copilot til meget af min JavaScript.

Som altid så har samarbejdet været så stærkt i denne gruppe, vi har mange forskellige kompetencer som vi bidrager med, hvilket gør at alle har noget de kan bidrage med.

Det gode ved dette projekt har bl.a. været vores planlægning, som vi allerede fra starten af havde fået sat op, så man vidste hvad der skulle laves hvornår.

Som altid så har jeg det ekstremt svært ved at skulle skrive akademiske rapporter, dog så er jeg så glad for at den gruppe jeg er i, at der er nogle som er gode til det, og derfor også tager noget mere på sig, hvilket gør at jeg ikke skal skrive lige så meget.

En af de fejl vi endte med at begå, var at vi ikke vidste nok om målgruppen og hvad vi ville have ud af dem da vi lavede vores første spørgeskema. Så vi skulle i starten af projektet have brugt noget længere tid på at få undersøgt og forberede hvad vi ville vide.

Vi mødtes stort set på UCL hver dag fra 9-15 for at arbejde på projektet, hvilket har fungeret så godt. Og er noget jeg altid vil foretrække fremover.

Alt i alt så synes jeg at dette projekt er gået meget godt, der er altid forbedringer man kunne have lavet, og ting som man i bakspejlet skulle have gjort anderledes, men jeg synes nu at det er gået meget godt alligevel.

Vores endelige interaktive prototype kan ses her:

https://projekt4.flipdesign.dk/aboutUs.html

Til dette projekt skulle vi re-implementere en eksisterende hjemmeside i HTML, CSS og JavaScript(JS), med fokus på at hvert gruppe medlem skulle lave en JavaScript funktion, på siden, som skulle indeholde alt det vi havde haft om ugen inden.

Vi valgte at gå med H&M, da vi nemt ville kunne finde forskellige slags JS som vi kunne prøve at implementere.

Vi valgte at re-implementere 2 sider, forsiden og en produktside. De forskellige JavaScript opgaver vi kom frem til var:

• Sidemenu
• Login
• Billedgalleri
• Produktvalg
• Læg i kurv

Hvoraf jeg fik til opgave at lave produktvalget, da jeg allerede havde arbejdet med JavaScript før, og har okay styr på det, fik jeg en af de mere avanceret opgaver.

Jeg skulle lave produktvalg, som skulle gøre at man kan vælge forskellige farver hvor den skifter billederne til selve produktet så det matcher med den farve man har valgt, samt så skulle den vise de størrelser som er tilgængelige til den tilsvarende farve.

Først før vi kunne gå I gang med noget som helst, så skulle selve sidens html og css op og køre. Her fik jeg til opgave at lave produktsiden I html.

For at få den så tæt på den virkelige side, har jeg inspectet H&M’s side, hvor jeg har taget deres CSS, for at være sikker på at forholdene svarede nogenlunde overens.

Da jeg var færdig med HTML delen, begyndte jeg så på at lave Javascripten, her startede jeg med at lave alle de forskellige farve valg om til objekter, så jeg havde noget at gå ud fra når jeg gik videre til den egentlige funktion ved koden. I selve ugen hvor vi skulle arbejde med projektet, var jeg også tutor for de nye elever. Hvilket gjorde at den mængde arbejdstid jeg havde var meget begrænset, dog gjorde dette ikke noget da jeg startede om tirsdagen og blev færdig tirsdag aften.

Resten af ugen der hyggede jeg mig med at prøve og hjælpe de andre, med deres opgave. Og torsdag der kom jeg igen på arbejde da vi skulle merge alle vores ændringer. Hvilket er besværligt når ikke alle er færdige endnu, så jeg skulle først vente på at alle blev færdige før jeg kunne gøre det. Og her hjalp jeg Dicte til at forstå og prøve at tænke sig frem til hvad hendes kode skulle indeholde. Og da hun endelig blev færdig så færdiggjorde jeg mergen, hvor github ikke var alt for hjælpsom, men fordi jeg har arbejdet meget med det, så kunne jeg nemt fikse det der endte galt.

Om fredagen der mødtes vi som en gruppe, hvor vi fik uploadet vores side til et domæne, samt fik godkendt videoen, også fik vi afleveret.

Link til Forside:  https://jsvarre.dk/JavaScriptProjekt/index.html

Link til Produktside:  https://jsvarre.dk/JavaScriptProjekt/produktside.html

Refleksion

Dette projekt var meget for at få en genopfriskning på JavaScript. Da jeg allerede har arbejdet med det før, så har jeg ret godt styr på hvad koden gør. Dog har jeg flere problemer med at finde ud af hvad min kode skal indeholde, for at få den funktionalitet jeg søger efter. Her bruger jeg ofte ChatGPT, for at kunne give mig et forslag til hvordan det kan se ud, men jeg bruger aldrig kode jeg ikke har sat mig ind i hvad det gør, og om hvorvidt det er nødvendigt eller ej.

Den svære del ved projektet var den korte tidsperiode vi havde til det, samt at jeg var tutor samtidig. Dette gjorde at jeg valgt at få mere hjælp fra chatGPT end jeg normalt ville gøre. Normalt plejer nemlig at gå på google og finde svarene derigennem, men dette kan varier meget med hvor lang tid det vil ende med at tage, da man ikke altid kan finde det rigtige svar til ens problem. Hvorimod chatGPT kan komme med en løsning på 2 sekunder, dog lærer man ikke altid ligeså meget når man bare bruger chatGPT, da den kommer med en meget præcis og ofte kun 1 løsning, samt så har chatGPT en præference at inkorporer mere avanceret kode termer og funktioner som vi endnu ikke har lært, dog hvis man spørger på den rigtige måde så får man noget der kan til svare ens niveau. Hvor hvis man kigger på nettet kan man måske lærer om forskellige slags løsninger, og ting som man ikke selv ville have tænkt på.

Alt i alt så er jeg meget tilfreds med min del af projektet, dog ville jeg en anden gang foretrække at bruge minde chatGPT. Jeg har ikke lært supper meget, da jeg allerede var godt kendt med alt det vi lavede i forvejen. Men jeg har derimod været i stand til at kunne lære fra mig, og hjælpe de andre med deres del.

Eksamensprojekt Proces

Jeg startede med at lave desk research, hvor jeg fandt min målgruppe. Den fundne målgruppe er nogen som skal hyre en webdesigner. De er enten kreative iværksættere eller små virksomheder som fx små cafeer, eller influencers. Jeg regner med at størstedelen vil være kvinder, og katteelskere.

Derefter analyserede jeg min data, hvor jeg kom frem til en persona.

De vigtige punkter fra den, at de ønsker en hjemmeside der afspejler deres brands æstetik. Og deres værdier er autencitet, kreativitet og brugervenligt design.

Med personanen, er jeg kommet frem til at min hjemmeside skal være brugervenlig, samt have en unik identitet. Derudover skal den kunne vise mine kompetencer, som fx responsivitet, da mange nu om dage bruger deres telefon til at kigge på nettet.

Derefter lavede jeg et moodboard, hvor jeg har fundet min stil, og mood for min side. Jeg lavede også visuel research, hvor jeg kiggede på andre sider for at få inspiration. Derudover undersøgte jeg hvilke fonte jeg ville bruge, samt farver. Af fonte kom jeg frem til at bruge Cherry Swash som overskrift og Radio Canada til brødteksten. Min overskrift har jeg valgt da den giver et godt udtryk af min personlighed og hvordan jeg gerne vil fremstå, og brødteksten passer til den. Udover det så er jeg kommet frem til en farvepalet med kun lyserøde farver. Dette har jeg valgt da det giver et godt indtryk af mig, og da brugen af kun en enkelt farve kan være sværere at mestre, derfor valgte jeg at sætte udfordringen op for mig selv at kun at skulle bruge lyserød. Og kom frem til en styletile.

Derefter lavede jeg en sketch af min forside, samt af menuen. Og dette tog jeg med til silent feedback.

Det jeg lærte af silent feedback, var at den var meget lyserød, og generelt disede mit farvevalg. Dog så gav komplimenterne mig selvsikkerhed, da de gav udtryk for præcis hvad jeg gik efter, som fx cute, unik stil, autentisk, og fede farver.

Fra silent feedback der lærte jeg at jeg lige præcis fangede den essens jeg gik efter. Og nu skulle der udarbejdes idéer til de andre sider, i form af sketch og wireframes.

Jeg startede med at lave en brainstorm over ideer til bl.a. udseende og indhold af hvilke projekter jeg skal vise frem. Derefter lavede jeg en sketch af de resterende sider.

Efter det der begyndte jeg at lave wireframes til en mobilversion, af min side. Og da jeg havde gjort det begyndte jeg at kode min side.

Jeg fik lavet en brugertest på min side, og fik at vide at den var for lyserød, og at de ikke ville hyre mig. Derudover så satte de spørgsmålstegn ved min programmer jeg kender på om mig siden, da den var for ens med den på forsiden, og den gav ikke noget ekstra viden til brugere, så den ene af dem virkede overflødig.

Med denne viden gik jeg tilbage i tænkeboksen om hvordan jeg skal kunne forbedre de to punkter. Selve det første med at den er for lyserød der valgte jeg at lave baggrundsfarven om, så den ikke var helt så stærk en lyserød. Og med programmerne som jeg kender, der tænkte jeg at lave en oversigt over hvornår, hvordan osv. jeg har brugt programmerne. Dette lavede jeg en sketch over, og prøvede derefter at lave det i koden. Derudover så fandt jeg min billedstil, som jeg har på alle mine billeder.

Jeg spurgte igen den samme bruger, som med den færdige version ikke havde noget kritik at kunne udpege. Og de ville gerne hyre mig, baseret på min side.

Eksamensprojekt Refleksion

Jeg startede dette projekt med målet om at lave en helt pink side, dette synes jeg at jeg er lykkes med på en god måde. I løbet af dette projekt har jeg stået klar til at hjælpe alle der kunne have brug for det, da jeg allerede er meget kendt med at arbejde med både html og css, samt JavaScript. Så tror 60% af tiden jeg har arbejdet, på projektet har gået til at hjælpe andre.  Dette gjorde mig dog ikke noget da jeg selv lærer af at skulle lære fra mig. Jeg har fundet ud af at jeg har godt af at folk har brug for mig for så skal jeg ankomme til skolen, da jeg har svært ved at komme afsted når der ikke er noget tidspres, hvilket er skidt da jeg ikke for lavet det helt stor når jeg bare er derhjemme.

Studiegruppe refleksion

I starten af projektet der lavede jeg en studie gruppe, som jeg skulle mødes med 1 gang om ugen. Dog efter den første uge mødtes vi ikke mere. Da de andre foretrækker at arbejder der hjemme og ingen rigtig tog initiativ til at vi skulle mødes.

Derimod endte jeg med at side med en anden ude på UCL stort set alle dage. Da dette fungerede bedre, da vi sad sammen hver dag, og kunne hjælpe hinanden løbende. Det har været rart at have en at skulle mødes med, og derfor være forpligtet til at skulle dukke op, da jeg ellers kan have svært ved dette. Jeg har brugt meget af min tid på at hjælpe den anden, hvilket har givet mig et bedre indblik i det også. Og dette hjælper især til en mundtlig eksamen. Det har været en meget positiv oplevelse, og tænker at bruge samme strategi når jeg skal læse op til eksamen, da jeg så har nogen at sparre med.

Vi har i alt haft 3 møder. Det første møde brugte vi på at kunne få feedback på vores første projekt, ideer/proces.

Under det andet møde snakkede vi om vores andet projekt, hvor alle fra første semester præsenterede hvad vi havde, og fik feedback og ideer fra tredje semestrene.

Og til vores sidste møde, der hyggede vi os i media lab hvor vi fik taget billeder som vi ville kunne bruge til vores sidste projekt.

Alt i alt, synes jeg det er supergodt initiativ at samle forskellige semestre for at kunne hjælpe hinanden, hvor de andre har en smule mere viden om hvad der sker og hvordan det fungere, samt hvordan man ender med at kunne kigge tilbage og se at det man engang var stolt af ikke længere er det helt store. Det var rart at kunne få feedback fra nogle som selv har stået i samme situation.

Min ide var at have en kat der gaber, da jeg har en video af min egen kat der gør netop det, dette lavede jeg et storyboard over. Og min plan var så at image trace, keypointsne, som jeg havde fundet i videoen. Dog endte jeg aldrig at blive færdig, og nåede knap nok at komme 10% igennem. Da vi arbejdede i illustrator og jeg har ikke øvet mig alt for meget i det program til at kunne tegne det som jeg ser i mit hoved.

Men ville dog stadig gerne have en animation til min hjemmeside, så har fået lavet en i min fritid. Til dette formål, dette er en hel del mere simpel, og meget mere realistisk i forhold til mine evner, da det bare er poter der går langt hovedmenuen.

Refleksion

Dette projekt har igen vist mig at mine ambitioner hurtigt kan være alt for høje. Samtidig med at jeg er alt for perfektionistisk. Og så er min time management ikke eksisterende, og er seriøst ikke en tidsrealist. Derudover så havde jeg for store forventninger til mine evner i forhold til at skulle bruge et program som jeg ikke er særlig øvet i. Især når det gælder vektor tegning, da det kan være virkelig svært at få linjerne til at gøre som jeg gerne vil have dem til. Dette er bl.a. en af grundende til at jeg startede forfra mange gange. Da det ikke var helt præcis som jeg gerne ville have det, og det fører igen op til at min perfektionisme samt ambitioner gjorde at jeg ikke nåede at blive færdig.

“‘The Bachelor Party’ by Louis Wain from 1939 is a fascinating work of art that features Wain’s signature depiction of anthropomorphized cats. In this work, several cats are depicted in human poses and clothing, seemingly enjoying a bachelor party. The level of detail in the cats’ facial expressions and clothing shows Wain’s exceptional talent and ability to transfer human emotions and scenes to animals. This work reflects Wain’s love and fascination with cats, which are a central theme throughout his artistic output.

Fun Fact: Louis Wain became famous for his depictions of large, eyed cats in various human situations. Interestingly, it is believed that Wain’s style became increasingly abstract and intense over the years, influenced by his struggle with mental illness. His later works, created during his time in psychiatric institutions, show a clear evolution towards psychedelic and kaleidoscopic patterns, which are now relevant in the discussion of the link between creativity and mental health.”

Fra <https://articelli.com/products/the-bachelor-party-1939>

Jeg valgte at lave en mus i illustrator, som jeg kunne få til at løbe frem og tilbage over bordet. Derudover så brugte jeg photoshop til at fjerne kattenes øjne, så jeg kunne få dem til at følge musens bevægelser hen over bordet.

Og hele animationen lavede jeg så i after effect.

Refleksion

Svært at komme i gang da det krævede et maleri inden man kunne begynde, og derudover at faktisk at finde et maleri hvor man kan have en ide om hvad man kan animere. Det jeg endte ud med var meget simpelt og basic, og hvis jeg nu havde flere evner i illustrator, så ville jeg gerne have haft musen til at stoppe op på midten af bordet for at spise kattenes mad. Jeg prøvede at begrænse mine ambitioner til denne workshop, da jeg virkelig gerne ville have et resultat i sidste ende. Og alt i alt så er jeg sgu godt tilfreds, med hvad jeg har fået lavet.