1. semester

Proces:

Jeg havde fundet et par malerier, som jeg syntes var gode. Jeg startede med at overveje, hvilke muligheder de forskellige malerier gav for animation. Derefter valgte jeg det maleri, som jeg ville arbejde med.

Så besluttede jeg, hvilke elementer jeg ville animere og hvordan, og begyndte på storyboard.

Jeg brugte Photoshop til at klippe de elementer ud, som jeg skulle bruge, og brugte AI værktøjet til at generere baggrunden bag dem.

Derefter gik jeg i gang med at sætte elementerne ind i After Effects og startede med at animere.
Jeg stødte på nogle problemer, da jeg ikke var særlig bekendt med programmet.

Efter at jeg havde lavet animationerne, søgte jeg efter de lydeffekter jeg havde tænkt mig at bruge. Derefter ændrede jeg animationerne, så de passede bedre til lydeffekterne.

Refleksion:

Opgaven fik mig til at tænke over, hvor vigtigt planlægning er. Maleriet var i portrætformat, så det endte med at blive lidt småt i min video. Jeg kunne godt have zoomet lidt, men det kom jeg først i tanke om, da jeg så den eksporterede video.

Det ville også have været en fordel at forberede mig ved at sætte mig mere ind i After Effects inden workshoppen.

Kunstværk:

“Assumption of the Virgin” er malet af Titian mellem 1515 og 1518 og befinder sig i en kirke i Italien.
Værket blev lavet i højrenæssancen og fortæller den kristne historie om Jomfru Maria, der bliver løftet op til himlen, efter sit jordiske liv, hvor Gud er klar til at tage imod hende.

Værket har stærke farver og tydelige kontraster, og der er meget bevægelse, som gør, at maleriet bliver bragt til live.

Titian (Tiziano Vecellio) blev født mellem 1488 og 1490. Han var en anerkendt kunstner fra renæssancen og var dygtig til at male både portrætter, landskaber og mytologiske og religiøse motiver.

Renæssancen begyndte i 1300-tallet i Italien og bredte sig til resten af Europa. Kunstnere hentede inspiration fra antikkens Grækenland og Rom, og der kom større interesse for mennesket, naturen og viden.

Jeg valgte værket, fordi jeg godt kan lide malerier fra denne tidsperiode, især dem med religiøse motiver som Gud og engle. De minder mig om den særlige stemning, man oplever i en kirke.

Samtidig får de mig til at reflektere over, om der findes noget større end os mennesker. Jeg synes det er fascinerende, hvordan mennesker gennem historien og på tværs af kulturer har forsøgt at forstå det spirituelle, og det, der er større end os selv.

Story:

Jomfru Maria er ved at stige til himmels og man hører et englekor. Stemningen er højtidelig. Så synker Maria langsomt ned i den sky, hun står på, hvorefter hun falder ned til jorden, som resulterer i en kæmpe eksplosion, der fylder hele skærmen.

Jeg synes, det kunne være sjovt at tage et meget højtideligt og dramatisk maleri og vende forventningerne på hovedet ved at Maria falder ned, inden hun når himlen.

Jeg har brugt animationsprincippet slow in and slow out, ved at bruge Ease Ease på mine animationer.

Link til video

Proces:

Dag 1:

Vi startede med at finde en hjemmeside til redesign. Vi blev enige om at vælge lillebaelt-bolcher.dk, da den havde mange overflødige menuer og kategorier og ikke var flot æstetisk.
Derefter snakkede vi om, hvad vi forventede af gruppearbejdet og projektet, og gik i gang med at udfylde vores gruppekontrakt. Vi aftalte at mødes på Discord næste dag, og lagde en plan for den første uge.

Dag 2:

Vi holdt møde på Discord hvor vi diskuterede brugertest og lagde en slagplan for næste dag. Vi blev enige om at vi hver især lavede en style tile og en wireframe, som vi skulle vise dagen efter, hvor vi havde aftalt at mødes på skolen.

Dag 3:

Vi mødtes på skolen og præsenterede vores style tiles og wireframes, hvorefter vi lagde en plan for resten af ugen.
Senere mødtes Vuk og jeg på Discord hvor vi skrev om projekt trekant, risikoanalyse og SMART-målene.

Dag 4:

Vi havde møde om aftenen hvor Alberte viste Vuk og mig deres prototype, og vi kom med feedback.

Dag 5:

Vi havde et møde på Discord hvor vi gennemgik feedbacken fra dagen før. Derefter arbejdede vi på prototypen sammen, hvor vi finjusterede småting og implementerede funktionalitet med priser.

Dag 6:

Vi havde endnu et møde på Discord, hvor vi planlagde de sidste dage af projektet.
Vi fastlagde også, hvordan vi skulle gribe klientrapporten an, og hvad den skulle indeholde.

Dag 7:

Vi mødtes på Discord hvor vi finpudsede klientrapporten og fik styr på filerne, der skulle afleveres.

Dag 8:

Vi mødtes på skolen hvor vi forberedte vores pitch.

Dag 9:

Vi lavede vores pitch og fik feedback fra Andrea og de andre studerende.

Refleksion:

Jeg ville ønske vi havde udarbejdet risikoanalyse og research sammen som gruppe, inden vi gik i gang med re-designet.
Jeg ville ønske vi havde haft en mere dybdegående dialog omkring designvalg.

Jeg var meget nervøs til pitchen, men det gik bedre end forventet.

Jeg valgte at tage til Odense og mødes med Vuk.
Vi startede med at kigge på typografi. Jeg troede, det ville være svært at finde eksempler på dårlig typografi, men det viste sig, at der var masser af eksempler rundt omkring i gågaden.

Herefter valgte vi at gå rundt og finde nogle spændende lokationer, hvor vi kunne tage billeder af bylivet.

Vi sluttede af med at besøge udstillingen på Gallerie Rasmus.

Typografi opgave:

Eksempel 1:

De tre skilte hænger sammen visuelt, men skiltet til venstre skiller sig ud fra de to andre. Det skyldes blandt andet, at de har valgt en anden gul farve og en meget anderledes skrifttype til teksten “Pizza Slice”. De to andre skilte bruger primært en mere enkel og fed sans-serif-skrifttype, mens “Pizza Slice” bruger serif.

Det gør, at der mangler noget sammenhæng mellem de tre skilte. Samtidig synes jeg, at skiltet til venstre virker lidt mere amatøragtigt sammenlignet med de andre, på grund af skrifttypen og den manglende afstand mellem “TILBUD !” og “Pizza Slice”.

Til forbedringen har jeg prøvet at matche stilen fra de to andre skilte, så der er mere visuelt sammenhæng mellem dem.

Eksempel 2:

Den lilla tekst på den gule baggrund giver en udmærket kontrast, og den store typografi, samt gule farve, fungerer godt som blikfang. Til gengæld er den gule tekst på den lilla fade meget utydelig. Farverne ligger for tæt på hinanden i kontrast, hvilket gør teksten svær at læse, især fordi den lilla fade samtidig ligger oven på den gule baggrund og de store bogstaver.

Til forbedringen har jeg valgt at flytte al den praktiske information ned i bunden af plakaten, for at undgå problemer med kontrast.

Eksempel 3:

Skiltet skiller sig ud ved, at der er alt for mange forskellige skrifttyper i brug på samme tid.
Det skaber uro og gør, at skiltet mangler visuel sammenhæng.

Det bliver især tydeligt i de tre sektioner “Buffet”, “Sushi All you Can eat” og “Takeaway tilbud”.
Overskrifterne er placeret forskelligt i forhold til de tilsvarende billeder, og billedernes aspect ratio er heller ikke ens. Takeaway-billedet skiller sig særligt ud, da det er placeret helt ude i venstre kant uden den samme margen, som de andre billeder har. Det samme gælder afstanden mellem tekst og pris, som varierer fra sektion til sektion.

Det er et rigtig godt eksempel på, hvor vigtigt det er at arbejde med hierarki, visuel sammengæng og repetition, så øjet kan afkode, hvad der hænger sammen.

“All you Can eat” er forkert kapitaliseret (burde være “All You Can Eat”), og der er stavefejl i selve overskriften (“BAREECUE” i stedet for “BARBECUE”).

Det eneste der faktisk holder skiltet en smule sammen, er den gule farve på priserne, som går igen i alle tre sektioner.

Til forbedringen har jeg valgt at bruge én skrifttype, og justere mellemrummene mellem sektionerne, så der skabes bedre hierarki, repetition og balance.

Fotografi opgave:

Udsigt fra H.C. Andersens Hus:

Jeg har tilføjet en anelse Contrast og lidt Vibrance, for at give det mere gennemslagskraft.

Sct. Albani Kirke:

Der var meget mørkere i kirken i virkeligheden end på fotografiet. Derfor har jeg prøvet at dæmpe lyset ved at tilføje Contrast og sænke Exposure, Highlights, Shadows og Blacks.

Eventyrhaven:

Jeg har tilføjet Contrast og skruet lidt på Texture-, Clarity og Dehaze-effekterne, for at give billedet et mere markant udtryk.

Refleksion opgave:

Vi valgte at besøge Gallerie Rasmus, som er en mindre kunstudstilling med blandt andet malerier, skulpturer og andre kunstværker.

Vi valgte stedet, fordi det ligger tæt på bymidten og har gratis entré. Mine forventninger var primært at se moderne kunst, som jeg ikke er den største fan af. Jeg håbede dog på, at jeg stadig kunne finde elementer, som kunne inspirere mig i mit videre arbejde som multimediedesigner.

Som forventet var udstilling ikke helt min stil, men jeg lagde især mærke til brugen af livlige og kraftige farver i flere af værkerne. Normalt bruger jeg ikke særlig mange farver i mine egne designs, da jeg foretrækker et mere simpelt og “rent” udtryk. Derfor var det interessant at se, hvordan de kraftige farver gjorde værkerne mere iøjnefaldende og skabte mere liv i udstillingen.

Besøget har fået mig til at overveje, om jeg fremover kan være mere modig i mit valg af farver. Jeg kan især se en mulighed for at bruge stærkere farver som et bevidst virkemiddel til at skabe opmærksomhed eller fremhæve bestemte elementer.

Proces:

I workshoppen skulle vi designe en prototype til en datingapp. Vi valgte at lave en app til hundeejere, hvor de kunne matche med andre hundeejere, der ønsker for eksempel at gå en tur, eller finde en “hundeven”.

Vi startede med at dele vores erfaringer med datingapps og det at være hundeejer.
Derefter havde vi en brainstorm, hvor vi diskuterede målgruppe, hvad appen skulle indeholde, og hvilke funktioner der var relevante. Vi blev enige om nogle essentielle ting, som appen skulle indeholde, og skitserede nogle idéer til layout og UI.

Efter vi havde fået en nogenlunde idé om, hvordan appen skulle se ud, begyndte vi at designe i Figma. Det var først og fremmest en introduktion til Figma, da vi ikke havde arbejdet med programmet før, og meget af tiden gik med at lære værktøjerne at kende.

Efter vi havde designet navigation, menu, forside, brugerprofil og indstillinger, gik vi igang med at forberede en brugertest. Vi valgte at lade brugeren navigere rundt i appen, mens vi kommenterede på vores idéer med de forskellige sider og spurgte om feedback. Derefter foretog vi et interview, hvor vi havde forberedt en række spørgsmål, men samtidig lod brugeren tale frit om sine tanker om appen.

Ud fra brugerens feedback blev vi enige om, at der var nogle ting, vi skulle have med i appen. Det var blandt andet køn, størrelse, alder og energiniveau.

Derefter gik vi i gang med fase to, hvor vi skulle lave en ny og forbedret prototype, baseret på brugerens feedback. Vi var ikke helt enige om fremgangsmåden. Jeg foreslog, at vi skulle blive enige om ét design, lave nogle detaljerede skitser på papir og begynde at designe ud fra dem. Andre mente, at vi hver især skulle designe vores egen version af appen.

Det endte med, at vi fik designet 3 forskellige versioner af brugerprofilen samt en navigationsmenu.

Vi blev enige om, at én person skulle stå for at lave den endelige prototype.
Jeg valgte at tage opgaven, da jeg gerne ville lære at bruge Figma værktøjer som components og auto layout.

Jeg startede med at lave en header med aktuelle side til venstre og en genvej til indstillinger til højre. Derefter lavede jeg footeren, som fungerer som appens hovednavigation.

Herefter gik jeg i gang med at lave indstillingssiden, som jeg besluttede skulle være en simpel liste med links til de forskellige undermenuer.

Chatsiden var næste punkt på dagsordenen. Jeg startede med at finde nogle hundebilleder, som kunne bruges som brugerprofilbilleder.

Min oprindelige idé var, at siden skulle indeholde en venneliste og en liste med chattråde. Efter lidt refleksion valgte jeg dog kun lave en liste med chattråde, som samtidig fungerer som venneliste. Jeg tilføjede en søgefunktion, så det blev nemmere at finde en ven og begynde at chatte.

Derefter begyndte jeg at arbejde på siden, hvor man ser brugere, der har sendt en venneanmodning – altså et match.

Jeg tænkte, at siden skulle minde om chat-siden, men samtidig adskille sig visuelt. Jeg endte med at bruge flueben- og krydsknapper til henholdsvis at acceptere og afslå anmodninger.

De grønne og røde knapper, samt fraværet af et søgefelt, mente jeg, var nok til, at den adskilte sig fra chatsiden, samtidig med at den stadigvæk var genkendelig for brugeren.

Herefter kom jeg til forsiden, som vi var blevet enige om skulle vise potentielle matches i form af profiloversigter. Hver profil skulle indeholde et profilbillede og de vigtigste informationer om hunden. Brugeren skulle kunne trykke på profilen, hvis de ønskede at se den fulde profil og få yderligere information.

Jeg brugte lang tid på overveje og afprøve, hvilke informationer der var relevante, og hvordan layoutet skulle se ud. Jeg valgte at bruge små ikoner og forkortelser for køn, størrelse og alder. På den måde kunne jeg få plads til både informationerne og profilnavnet på samme linje.

Jeg brugte også en del tid på at finde ud af, hvordan vores energiniveauindikator skulle se ud, så den ikke lignede en indlæsningsbjælke eller noget, brugeren kunne interagere med.

Jeg endte med at lave en bjælke der var opdelt i fem segmenter, hvor de farvede segmenter viser, hvor energisk hunden var.

Da vi lavede prototype 2, lavede vi hver vores version af profiloversigten. Luna, Sara og Nicolas havde alle lavet små “piller” med ord, der beskrev hundens personlighed. Derfor valgte jeg at bruge samme princip i min version.

Under personlighedspillerne valgte jeg at tilføje piller, der beskriver, hvad hunden søger, for eksempel gåture eller hundetræning.

Da der allerede var rigeligt med information på siden, og jeg var ved at løbe tør for plads, valgte jeg at begrænse beskrivelsen til én linje. På den måde kunne jeg få plads til en stor matchknap i bunden af siden.

Jeg brugte lang tid på at afprøve forskellige farver og tekster på knappen, men endte med at bruge den samme grønne farve, som jeg havde brugt til knappen til at acceptere venneanmodninger. Det skabte en visuel sammenhæng mellem de to funktioner.

Jeg valgte teksten “Match”, da det er et begreb, som er velkendt fra datingapps og derfor hurtigt kan forstås af brugeren.

Til sidst skulle jeg lave den fulde profilvisning. Den er baseret på den samme struktur som profiloversigten, men indeholder yderligere information nedenunder det, brugere allerede har set.

Jeg valgte selvfølgelig at inkludere den fulde beskrivelse, men også hunderace, lokation for hunden og ejeren, samt nogle fun facts om hunden.

På den måde fungerer profiloversigten som en hurtig introduktion til hunden, mens den fulde profil giver brugeren mulighed for at få mere information, inden de vælger at sende et match.

Refleksion:

Det var en spændende opgave, og jeg kunne godt lide at blive introduceret til Figma. Jeg ville dog ønske, at jeg havde sat mig bedre ind i Figma inden workshoppen, da en stor del af tiden gik med at lære programmet og dets funktioner at kende. Det er et godt værktøj, med mange muligheder, og jeg oplevede det som intuitivt at arbejde med. Jeg var især glad for at arbejde med UI/UX, da det er det, jeg brænder for.

Vi havde fra kl. 8.15 til 15.30 til at arbejde på projektet. Selvom det umiddelbart virker som lang tid, gik det hurtigt op for mig, hvor hurtigt tiden går, og hvor meget tid der faktisk bliver brugt på planlægning, idéudvikling og på at lære nye værktøjer at kende.

Jeg var glad for, at vi fik mulighed for at få feedback fra Robert. Da han underviser i brugertests, var hans feedback meget detaljeret og hjælpsom. Derudover er han selv hundeejer, hvilket gjorde ham til en særlig relevant bruger at teste vores idé på.

Tidsplanen var også relativt stram. Det er ikke altid nemt at finde tid uden for undervisningen til at mødes og blive færdig med projektet, derfor var det vigtigt at udnytte tiden under workshoppen effektivt.

Jeg er tilfreds med den endelige prototype og synes, at resultatet blev godt. Hvis jeg skulle lave projektet igen, ville jeg dog gerne have haft nogle detaljerede skitser eller en fælles designretning at tage udgangspunkt i.

Proces:

I workshoppen skulle vi markedsføre et par Hello Kitty-sko til heavy metal-fans med fokus på tone of voice-konceptet.

Vi startede med at finde på et konceptnavn, som blev til “HELL-O KITTY”. Derefter gik vi videre med problemformulering, konceptbeskrivelse samt konceptværdier og kontekst.

Vi blev enige om, at problemstillingen var, at man ikke umiddelbart ville synes, at det var “i orden” at gå med Hello Kitty-tøj, når man var heavy metal-fan. Derfor valgte vi at bruge denne kontekst som grundlag for vores markedsføring.

Vi gik videre med at formulere en persona samt en målgruppe. Vi valgte at fokusere på heavy metal-fans med alternativ stil i alderen 14-30 år. Derefter brainstormede vi nogle idéer til tone of voice og blev enige om at gå med en, der fremhævede krydset mellem heavy metal og Hello Kitty-brandet.

Til sidst fandt vi på en prototype, som bestod af markedsføring via sociale medier med et samarbejde med en dansk heavy metal-sangerinde, der promoverede skoene via sin egen profil og Hello Kittys profil.

Refleksion:

Det var nyt for mig at tænke i de baner, da jeg ikke interesserer mig for markedsføring. Jeg havde heller ikke hørt om tone of voice-konceptet før, men kan godt genkende det fra diverse opslag på sociale medier og reklamer.

Jeg synes det var et fint gruppearbejde, men jeg ville ønske, at vi havde fået uddybet vores tone of voice noget mere og var kommet med nogle flere konkrete eksempler.

Jeg føler mig bedre rustet til at arbejde med markedsføring og content i fremtiden.