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.

Min gruppe endte med at få opgave 1 som handlede om at lave en interaktiv udstilling til de mindre børn, som kunne hjælpe dem med at skabe ro og fordybe sig. Efter besøget valgte vi at lave noget deskresearch, hvor jeg skulle fokusere på livet under jorden. Gennem det fandt jeg en masse viden om de forskellige dyr der bor under jorden, og med et specielt fokus på muldvarper. Vi ville fra starten af gerne fokusere på børnenes sanser, og derfor blev vi meget tiltrukket af muldvarpen, da de bruger deres sanser til at navigere med.

Vi fik lavet et spørge skema som blev sendt ud på diverse Facebook grupper, samt blev lagt op på Økolariets egen side. Dette hjalp os med at finde ud af hvor børnenes kompetencer lå, som fx hvor selvstændige de er, og hvor lang tid de kan koncentrere sig.

Derefter lavede vi en brainstorm hvor vi kom op med 3 forskellige ideer, som vi skulle have klar til midtvejs pitchen. Der skulle vi have 3 lo-fi prototyper klar til at kunne præsentere vores forskellige ideer.

De 3 ideer kan ses nedenfor.

1

Et sanseligt læringsrum

En installation inspireret af planters rødder, hvor børn aktiveres gennem taktile og auditive stimuli. Når et barn trækker i en rod, afspilles en fortælling

2

‘Whac-a-mole’-inspireret leg

Et fysisk og interaktivt spil, hvor barnet agerer muldvarp og skal undgå at blive “fanget” af en medspiller via et kontrolpanel.

3

4D-interaktiv tegnefilm

En narrativ oplevelse med fokus på ro og fordybelse. Filmen understøttes af 4D-effekter som duft og vind, der skaber en immersiv oplevelse og fremmer sanselig læring.

Vi valgte at gå med den 3. ide, da den stemte mest overens med hvad Økolariet spurgte efter.

Efter vi havde valgt hvilken udstilling vi ville lave, begyndte vi med at komme op med ideer til hvordan den kunne realiseres, og laves til en hi-fi prototype. Dette gjorde vi ved at lave en brainstorm over storylinen, og derefter lavede vi et storyboard baseret på disse ideer.

Vi endte med at dele opgaverne op, og jeg endte med at skulle sammensætte selve historien, og sørge for at den var interaktiv. Dette gjorde jeg med Unity, som jeg har arbejdet med på mit tidligere studie, så dette var ikke det helt store problem.

Og til slut havde vi udstilling som gik mega godt :D.

Refleksion

Gennem projektet har jeg lært at jeg arbejder bedst når jeg får af vide hvad jeg skal lave og hvordan. Da jeg selv har svært ved at kunne overholde en tidsplan, så har det virkelig hjulpet at der er en der siger, det her er hvad du skal lave. Derudover så er jeg også mere motiveret da der er en gruppe som er afhængig af om jeg har fået lavet min del eller ej.

Det der er fordelen ved at være i grupper, er at man uddelegerer opgaverne, så jeg ikke ender med at hænge på alt det skriftlige, da jeg finder dette rigtig svært, og jeg er meget bedre til den praktiske og mere kreative del, end den teoretiske.

Derudover så har denne gruppe været super god, vi har alle haft forskellige kompetencer at kunne bidrage med. Samt så har vi været godt med igennem hele projektet og derfor ikke været stresset over om vi ville ende med at blive færdige eller ej.

Spillet kan prøves på nedstående link, dog virker det bedst hvis man downloader det ned på sin computer, dog virker dette kun på windows computere:

https://cupcakeflip.itch.io/muldvarp

Øvre del af Odense Hobby forside

Nedre del af Odense Hobby forside

Odense Hobby produktside

Wireframes og prototyper

Vi skitserede først lo-fi wireframes for at få styr på den grundlæggende struktur. Derefter udviklede vi hi-fi wireframes og skabte en prototype i Figma. Denne prototype blev brugt til at teste vores redesign-ideer i praksis.

Endelige opdateringer og klientrapport

Efter de sidste justeringer færdiggjorde vi prototypen og dokumenterede hele processen i en klientrapport, som beskrev vores tilgang, fund og anbefalinger.

Refleksion