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 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.  

Jeg startede med at opsætte dokumentet som vi blev bedt om, og derefter fandt jeg UCL’s farver ved at kigge på deres hjemmeside og tag de farver som bliver brugt der, samt skrifttypen.

Skriften på flyeren var noget som man kan finde på UCL’s hjemmeside. Heri adgangskrav, indhold osv. Jeg nåede desværre ikke at blive færdig med flyeren, men tænkte at den skulle informere om bl.a. hvordan en uge kunne se ud, samt hvilke begivenheder skolen holder som fx åbent hus.

Jeg nåede op få sat den op rent informationsmæssigt i forhold til hvilke sider skulle indeholde hvad for noget information.

Refleksion

Jeg finder det rigtig hyggeligt at arbejde med InDesign, og har endt med at sætte den op i forhold til vores projekter osv. Jeg er meget hurtig til at lære nye programmer som indesign, da jeg har en naturlig nysgerrighed for at kigge på alle indstillinger og finde ud af hvordan jeg kan gøre noget så effektivt som muligt. Dog kan dette også gøre at jeg mister fokus på hvad jeg faktisk skal lave, og bliver derfor meget ineffektiv til at nå det jeg skal, men jeg har fundet en smart ting som jeg måske skal bruge på et andet tidspunkt. Dette er dog noget jeg finder hyggeligt og en af grundende til at jeg ved en masse om en masse forskellige programmer, som mange ikke bruger optimalt fordi de ikke kender til funktionen. Dette er også en af grundende til at jeg finder det lettere brugbart og informativt, og ikke helt spild af tid, dog så har jeg godt af at have en som holder mig på den rette tidslinje. Jeg nåede ikke at blive færdig med dette projekt bl.a. på grund af overstående grunde, men også fordi jeg har det med at blive ret perfektionistisk, i forhold til at alting skal side px perfekt. Og når jeg kun har brugt det program i minimal tid havde jeg ikke fundet den mest optimale måde at opnå dette resultat.

Vi startede med at komme op med konceptet, som bl.a. at komme op med et navn for skoene, hvilket problem vi ville løse med skoene, og en kort beskrivelse af konceptet, og en del mere.

Derefter lavede en persona, baseret på vores koncept og værdier.

Derefter kom vi til idegenerering, hvor vi kom op med nogle forskellige ideer til hvilken slags tone of voice man skulle bruge til denne målgruppe.

Og til sidst lavede vi en lo-fi prototype af hvordan sådan et koncept ville kunne se ud i virkeligheden.

Refleksion

Denne workshop var den værste gennem hele semestret, bl.a. på grund af nogle virkelig uheldige vilkår, som gruppen jeg var blevet sat sammen med. Derudover har der ikke været nok forklaring om helt præcis det går ud på. Især fordi jeg finder det virkeligt svært at kunne gennemskue toner gennem tekstsprog, og vil nok aldrig være i stand til faktisk at kunne beskrive hvordan jeg har tænkt mig at fremstå på skrift, udover de meget ekstreme, som casual, formelt, og tror faktisk at det er de eneste to jeg kan gennemskue.

Jeg har ikke lært noget gennem denne workshop, men det har nok mere at gøre med min hjerne end selve workshoppen.

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

Til denne workshop, har jeg brugt figma, til at kunne lave en hi-fi-prototype, samt fået den brugertestet af min mor.

Med selve opgaven valgte jeg at lave en dating app for hunde, hvor man som ejer ville kunne finde andre hunde som selskab til enten en legedag eller en gå tur. Så man kan få ens hund socialiseret. Da hunde i sin unge alder har godt af at møde forskellige mennesker og hunde, så denne slags app ville kunne hjælpe ejere som ikke selv kender nogen som de kan få hjælp af.

Igennem processen der startede jeg med at lave en brainstorm til at komme op med konceptet for appen. Derefter lavede jeg en lo-fi sketch, af udseendet af appen.

For så at kunne komme op med et farvetema for appen, lavede jeg et mood board, hvor jeg fik hevet nogle farver ud fra.

Så fik jeg lavet en hi-fi-prototype, som jeg brugte alt for lang tid på… ups. Jeg har lavet en hi-fi-prototype baseret på min lo-fi sketch, hvor jeg har fået indsat farverne som jeg havde valgt.

Og så fik jeg denne brugertestet på min mor, som er den ideelle målgruppe.  Hun havde ikke noget at kritisere, eller udpege som kunne forbedres, udover at få indsat noget dummy tekst.

Derefter lavede jeg anden iteration af prototypen. Det eneste jeg har ændret ved denne iteration, er at jeg har fået tilføjet noget dummy tekst. Og man kan prøve prototypen af med dette link: https://www.figma.com/proto/ebQXgLIAkhbAnICAG3iIPn/Dating-app-for-hunde?page-id=104%3A4484&node-id=104-4486&viewport=-724%2C-128%2C0.31&t=Qe0qxBC81PmRQk5T-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=104%3A4486&show-proto-sidebar=1

Refleksion

Da jeg allerede havde et godt kendskab til programmet, valgte jeg at lave det mere ambitiøst end hvad jeg burde, og dette gjorde at jeg brugte alt for lang tid på at få den lavet. Når jeg selv står for hele, arbejdes processen så har jeg det med at undervurdere hvor lang tid alting tager. Og kommer derfor til at arbejde i meget længere tid end hvad endelig havde været min plan. Dog hygger jeg mig en del med dette program, så dette har også været en del af problemet. Min største udfordring er at overholde en tidsplan, samt at skulle holde fokus på det vigtige. Da jeg allerede havde stort kendskab til programmet, var der ikke rigtig noget som jeg lærte, men det var en god øvelse i at bruge programmet.

Udover det så ville man kunne lave en masse forbedringer til appen, som fx en om ejer sektion, så man faktisk også ved noget om personen.

Ø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

Billeder og videoer

Refleksion