Projekt 3

Eksamensprojektet.

I dette projekt på Multimediedesigneruddannelsen var vores eksamensprojekt på 1.semester. Jeg har i dette projekt designet en præsentationsportfolio og en plakat, som skulle afspejle mig som Multimediedesigner. Præsentationsportfolioen skulle kodes fra bunden i HTML og CSS, som havde til formål at brande mine kvalifikationer som multimediedesigner. Websitet skulle bestå af mit eget personlige brand og fremhævelse af mit udtryk bestående af professionelle egenskaber, som kunne bidrage hos virksomheder. I dette projekt valgte jeg at henvende mig til to danske bæredygtige og æstetiske brands, som vægter samme egne personlige værdier. Jeg havde mange brands i overvejelse b.la: Organic Basics, To Good To Go, Headspace, Vinted osv. men min interesse faldt hurtigt videre fra disse brands, da jeg ønskede at brandet skulle stemme overens med de værdier, som jeg ledte efter b.la: Danske bæredygtige brands, som sælger produkter jeg også selv ejer og bruger i min egen hverdag. Det var naturligvis også vigtigt, at farver og design talte til mig, og til sidst gik jeg med IGEN.dk og Maanesten, som iøvrrigt også har lavet et samarbejde – og der følte jeg virkelig de to brands talte til mig.

IGEN.dk er et dansk bæredygtigt brand stiftet af influenceren/iværksætter Louise Bjerre, som sælger bæredygtige accessories til hverdagen bestående primært af tasker, makeup accessories og smykker. Deres produkter er produceret og lavet af bæredygtige materialer, som gavner vores miljø og klima. De udvikler produkter på bevidste måder, og produktionen har en påvirkning hele vejen igennem processen. Alle valg i processen er blevet truffet med omtanke, og ansvar for miljøet. IGEN ønsker at vokse med omtanke, og blive klogere på justeringer i produkterne og materialer. Løbende tager de stilling til valg i produkterne, som gør at vi kan bruge dem igen og igen. Der bliver altid tænkt i nye løsninger og materialer, som kan være med til at gøre produkterne bedre. Ingen er perfekte med hensyn til bæredygtighed, og det er de heller ikke. 1 IGEN retter ikke deres produkter mod trends, men tendenser og sæsoner. De fleste af deres produkter har en multifunktionalitet, som gør at produkterne ikke bare er en taske – men en taske, som kan bruges til meget mere. I produktudviklingen har de stort fokus på egne behov og involvere deres community på diverse sociale medie platforme. Oftest laver de meningsmålinger, Q&A’s (Questions And Answers) og deler prototyper af et muligt produkt/design før det udgives, sådan at deres følgere/målgruppe kan være med til at bestemme et evt. design eller funktion i et produkt. Alle deres beslutninger bliver taget via feedback, salgsdata og forhandlere sådan at det bedste produkt kan blive skabt. 2 Udover dette har IGEN en lang række af certificeringer inden for bæredygtige principper, arbejdsforhold, brug af materialer og andre standarder. Dette er en måde at skabe ansvar, og så meget, som muligt uden miljø- eller klimaaftryk. 3

Maanesten er et dansk smykke- og accessories brand stiftet af Lotte og Henrik Callesen. Brandet beskrives, som kærlighed mellem to mennesker igennem smykker. Maanesten har stor fokus på spiritualitet, hvor hvert smykke har en designhistorie og en energi, som bærer den som har smykket på. 4 Der findes også stor inspiration i oldtidens Grækenland, Rom og Egyptens gudeverden. Alle smykkerne har en historie båret med betydning inden for spiritualitet, hierarki, magt og skønhed. 5 Smykkerne bliver produceret i Indien, som kontrollerer hver en del af processen. Alle smykker er skabt uden dårlige kemikalier, som samtidig er slidstærke og miljøbesparende. Maanesten har en ansvarlig produktion, gode rettigheder og vilkår samt gode arbejdsforhold og en rimelig løn til de ansatte. Ligesom IGEN.dk har Maanesten også certificeringer, som er med til at skabe flere miljøbevidste valg. De har b.la. FSC mærket i emballagen, solenergi til produktion, genanvender og upcycler, anvendelse af økologisk bomuld, genanvendt polyester i størstedelen af deres soft accessories og meget mere. 6

Kildehenvisninger

  1. https://igen.dk/pages/ansvarlighedsside ↩︎
  2. https://igen.dk/pages/design-produktion ↩︎
  3. https://igen.dk/pages/certificeringer ↩︎
  4. https://maanesten.com/pages/historien ↩︎
  5. https://maanesten.com/pages/design ↩︎
  6. https://maanesten.com/pages/produktion ↩︎

KWHL analyse & discovery fasen.

For at få en forståelse IGEN og Maanesten, dykkede jeg ned i discovery research fasen, og udarbejdede en KWHL analyse af begge virksomheder. Dette hjalp mig også til at få en forståelse af de to brands, og hvilke værdier jeg skulle fokusere på i min præsentationsportfolio.

KWHL ANALYSE: IGEN OG MAANESTEN.

Jeg foretog en KWHL analyse af begge virksomheder, for at få en større forståelse af brandets værdier, og hvilke problemstillinger der evt. kunne være i forhold til, hvilke kompetencer jeg kunne bidrage til hos dem. Dette hjalp også til at få en læring og forståelse af begge brands, sådan at jeg som multimediedesigner ville henvende mig så godt, som muligt til virksomhederne. I disse analyser fik jeg også kendskab til problemstillinger, og tilegne mig ny viden.

I begge analyser startede jeg med at redegøre for virksomheden, hvortil jeg fandt frem til deres overordnede visioner og fremtidige forbedringer samt, hvilke kvaliteter begge brands har.Jeg fik en del svar via deres hjemmesider og sociale medier, hvor begge brands har skrevet detaljerede viden omkring deres brand. Dette hjalp mig videre i processen om at skabe det bedst mulige resultat, for begge virksomheders problemstillinger.

Interpreation/Ideation fase: Moodboard og style tile.

I den næste fase af projektet inden Silent Feedback, udarbejdede jeg et moodboard og en style tile sådan, at jeg fik en ide omkring, hvordan min præsentationsportfolio kunne se ud, sådan at det bedst muligt ville henvende sig til mine to valgte brands. Derfor fokuserede jeg primært på deres stil, farver, og ToV da de tre var meget essentielle. Jeg lagde stor vægt på, at matche virksomhedernes layout og stil, da de to ting spiller sammen i meget høj grad. Det var også vigtigt for mig ikke, og efterligne men få inspiration og dermed lave det til mit eget. Tilsidst fik jeg udarbejdet et moodboard og en Style Tile version 1 (senere hen foretog jeg mig en version 2 med rettelser og forbedringer).

Style tile version 1

Dette var min første version af en mulig style tile, som kunne repræsentere min præsentationsportfolio og henvendelse til mine brands. I denne style tile er der defineret skrifttyper, adjektiver, farver og ToV. Denne version er meget simpel, og beskriver overordnet mine ideer til, hvilke elementer jeg ønskede i min præsentationsportfolio. Dette fungerer mest som et udkast, da jeg endnu ikke havde en klar ide til, hvordan alle elementer på portfolioen skulle være. Jeg undersøgte begge virksomheder, mest essentielle elementer og værdier – og valgte at lægge fokus på disse ting.

I denne style tile ønskede jeg at få en version af, hvilken “vibe” hele mit projekt skulle udvise. Derfor er denne første version knap så detaljeret, og senere hen fik jeg mere viden til forbedringer samt mangler til min style tile til Silent Feedback.

Moodboard: Inspiration

I min moodboard proces undersøgte jeg inspiration til opsætningen via Pinterest, da jeg designmæssigt ønskede mit moodboard, så forståeligt og konkret som muligt. Moodboardet er bestående af inspirationsbilleder fra virksomhedernes hjemmesider og farvepalette. Jeg har valgt produktbilleder, som er af hver deres produkter, men også collab-produkter, da mine to virksomheder har arbejdet sammen. Jeg har prøvet at vælge et bredt udvalg af produktbilleder, men også valgt at fokuserer på produkter, som jeg selv ville bruge og kan stå indenfor.

Farverne er efterfølgende blevet ændret, men dette moodboard var et udgangspunkt. Dernæst er der også placeret et citat, som skulle beskrive projektet i helhed. Jeg har undervejs udskiftet farvepaletten, da dette gav mere mening senere hen i processen. Dette moodboard er også som udgangspunkt til inspiration.

Under og over et par af billederne har jeg valgt at placere mine nøgleord, som primært beskriver min branding som multimediedesigner. Jeg har valgt positive adjektiver, som skaber ro og en bevidsthed om, hvad jeg ønsker at opnå med mit brand. Ordene er blevet fremhævet med min primære creme/beige farve, da det er mine nøgleord.

Low-fi wireframe

Efter jeg havde en nogenlunde klar ide til designet på min hjemmeside, efter at have analyseret virksomhederne, lavet moodboard og style tile gik jeg i gang med at lave en low-fi wireframe. Jeg gik efter et “mobile first” design, da det er vigtigt at designe til mindre enheder, sådan at designet er sikkert til laptop, og eventuelt desktop. Derfor undersøgte jeg en masse muligheder til et passede til et mobil-design. I denne process var det vigtigt for mig, at det ikke blev for rodet eller småt at navigere rundt i. Da en mobiltelefon er den mindste enhed man designer til, var det vigtigt at få de vigtigste elementer med og samtidig bibeholde et godt design. Jeg benyttede C.R.A.P metoderne, og struktur til at sætte min hjemmeside op.

Jeg synes det var en stor hjælp, og lave low-fi wireframes til en mindre enhed da det efterfølgende var nemmere at tage springet videre til laptop design. I denne proces fandt jeg også rigtig meget inspiration i andre multimediedesigneres website design b.la https://katharinaskifter.dk/som var min primære inspiration til navigation, og vigtige elementer i mit design.

Silent feeback: Experimentation fase

I dette modul var der mulighed for at give og modtage feedback fra de andre studerende i klassen. Vi skulle alle sammen have noget materiale klar herover; style tile, nøgleord, wireframes, visuel research osv. Derfra kunne mine medstuderende og mig selv give feedback til hinanden på vores ideer til vores projekt. Dette gav en mulighed for en mini-bruger testning da vi fik indblik i, hvilke elementer der var gode og knap så gode ved vores koncept(er). Jeg fik også en masse ny viden, og læring samt gjort opmærksom på ting, som jeg ikke selv havde opdaget. Dette modul gav mig også rigtig meget indblik i forståelsen af projektet, da jeg fik mulighed for at se, hvordan de andre studerende havde grebet deres projekt an. Jeg tilegnede mig nye ideer og lærte også, hvilke elementer i design, som jeg selv sætter pris på. Vi fik lov til at være “klienter” for hinanden, som kunne give brugbar feedback videre i deres projekt. Udover dette fik jeg også inspiration fra de andres design, og tilgange til projektet på. Dette hjalp mig videre i min egen proces. I silent feedback fik vi hver et A3-ark, hvor vi opdelte arket i 3 dele og gav hver spalte en kategori, som i dette tilfælde var: PROS, CONS og FORBEDRINGER. Jeg fik rigtig meget god konstruktiv feedback, men der var også et par kommentarer, som bare skulle tages med et gran salt da vi alle sammen har forskellige holdninger og meninger. Men jeg fik samlet de mest gentagende kommentarer, og fokuserede videre på disse ting i min proces.

Efter silent feedback gik jeg videre i min designproces til ideation fasen, hvor jeg fik endnu flere ideer til optimering af mit projekt. Jeg begyndte at udvikle en version 2 af min style tile, og en high-fidelity wireframe. Efter dette modul havde jeg stort set en klar ide til, hvordan hele min præsentationsportfolio skulle se ud alt fra farver, layout, former, knapper osv. Jeg tog et ret stort spring her, men dette ødelagde ikke min designprocess da jeg i silent feedback egentlig bare fik nogenlunde afgørende svar på mit projekt, som jeg så derefter kunne gå videre med.

Style tile version 2

I denne version af min style tile, er der blevet tilføjet opdateringer i både lav og høj grad. Jeg har fået defineret de endelige farver, skrifttyper, ikoner, brødtekst, ToV, knapper og billeder. Undervejs har jeg haft ændret i denne style tile, da jeg i min designprocess gik tilbage til min feedback, og dermed huskede vigtige elementer.

Jeg har valgt en creme/beige baggrund, som skal være med til at gøre min hjemmeside rolig og rar for øjnene at kigge på i blandt alle farverne. Dermed har jeg defineret farver og skrifttyper på overskrifter og underoverskrifter. Designet er blevet mere personligt, og afspejler langt mere mig som Multimediedesigner.

I de små men vigtige ændringer, fandt jeg ud af i designprocessen at den sekundær farve, som før var pastelgrøn (#C7C9A0) blev ændret til en blålig farve (#6685AA), for at skabe mere kontrast mellem de andre meget lyse farver. Denne ændring blev også foretaget på knapperne, hvor den primære farve var #6685AA og #FFFFFF som kant. Den sekundære knap blev derfor omvendt altså – hvid (#FFFFFF) med den blålige farve (#6685AA) som kant. Dette design var det oprindelige, indtil at jeg gik i gang med min designprocess. Jeg ombestemte mig, fordi jeg ønskede en farvepalette, som var tættere på den jeg arbejdede med. Dermed blev de endelig farver #EF85AD (en af mine primære farver) & #752240 (en mørk bordeaux, som er en mørkere version af den primære lyserøde/pinke farve). Hermed skabte jeg en rød tråd gennem mit design, og fået brugt alle farverne på min præsentationsportfolio.

Evolution fase: Kodning, kodning og mere kodning.

Hvordan designer man noget fedt? Ja, det spurgte jeg også mig selv om mange gange. Og jeg skal være 100% ærlig, og sige: Jeg kender stadig ikke svaret. I dette projekt,har jeg virkelig lært, hvordan vi alle sammen er vidt forskellige når det kommer til design. Hold nu op, hvor er der bare holdninger til alt lige fra skrifttype brug til, hvilken form du har placeret oppe i højre hjørne. Min stærke side var på ingen måde kodning, og jeg skal da ikke være den første til at indrømme – ja jeg gik måske for sent i gang, men altså here we are?

Jeg gik stille og roligt i gang med at komme ud over stepperne, hvor min komfortzone bestemt ikke hørte til. Faktisk var jeg reelt bange for, jeg aldrig ville få lavet noget fordi ingen af de opgaver, som vi har fået stillet kunne jeg få til at blive løst…. Meget spændende. Jeg startede derfor startede jeg lige i Figma først, fordi det var meget rart lige og finde ud af, hvordan designet skulle se ud baseret på silent feedback. Der var netop en masse brugbar kritik, som jeg tog med mig videre. Nogen ville nok mene at jeg tog et ret stort step, fordi jeg gik fra low-fi wireframe til at have en high-fidelity wireframe. Men jeg var så stærk i min sag – især fordi nogen fra 3.semester, og jeg citerer “Jeg kan virkelig godt lide dit design” , og derfor fik jeg endnu mere blod på tanden. Det boostede i hvert faldt lige 20-30% af mit ego.

SPOLIER ALERT: Jeg gik efter “mobile first” og resultatet senere hen (2 dage inden..), blev (spoiler alert) virkelig bare ikke mobilvenligt. Intentionen var god, og vi alle sammen havde heppet hele vejen igennem for at lave en banger hjemmeside, men heldigvis fik jeg lige på målstregen en redning af en fra 3.semester til gengæld, er det gået udover laptop-versionen, men det vil jeg gemme til optimering af hjemmesiden. Og hvis der er 1 ting, som jeg har lært er det: Aldrig, som i aldrig nogensinde design en hjemmeside med elipser. Selv tak.

Så jeg stolede på mine egne institutioner omkring hvorvidt min præsentationsportfolio skulle se ud, og begyndte at udarbejde en næsten færdig version af mit design. Og det kom til at se således ud:

Forsiden: En “Velkommen” overskrift, som skulle gøre at de personer der besøger hjemmesiden får en positiv modtagelse. Efterfølgende et billede af mig samt mit navn, og en kort beskrivelse af hvem jeg er efterfulgt af en lilla CTA-button, hvor der står “Se Mine Projekter.” Jeg er selv blevet ret tilfreds med resultatet af denne version både på laptop og mobilversionen.

Om mig: Den næste side i min navigation på hjemmesiden, hvor jeg går lidt mere i dybden med hvem jeg er som multimediedesigner. Jeg har lavet det en smule som et slags CV, da jeg gerne vil fremhæve nogle af mine professionelle egenskaber, inden for andet arbejde. Disse kvalifikationer er blevet fremhævet, fordi de har (i følge mig) fordele som multimediedesigner. Denne side er til gengæld ikke blevet, som jeg ville have det og trænger især til optimering på telefon versionen. Lige i skrivende stund, mangler der også elementer på laptop versionen, men jeg håber at den version jeg har lagt ind efterfølgende er blevet optimeret siden.

Projekter: Dette er en oversigt over, hvilke projekter som jeg har lavet igennem tiden både her på studiet og i andre sammenhænge. Der er kreative projekter, som er relevant for mig som multimediedesigner og de brands, som jeg henvender mig til. Jeg har gået meget op i at forme bæredygtighed kreativt, da dette er en stor del af mit projekt. I versionerne på laptop og mobil, er jeg virkelig blevet tilfreds med designet udover at projektet med min Moving Art animation ikke er helt perfekt, og den kan af ukendte årsager ikke indlæses, hvilket er virkelig ærgerligt. Jeg har arbejdet utroligt hårdt på sagen, men der er desværre ikke kommet nogen forklaring på dette problem.

Kontakt: Til sidst men ikke mindst, er der en kontakt side hvor virksomheder kan kontakte mig, hvis de synes om mit arbejde og vi er det perfekte match til samarbejde. Jeg er blevet glad for versionen på mobilen, men ikke laptop versionen. Dette arbejder jeg på at optimere, fordi jeg synes designet blev godt, men der mangler rettelser. Der er et stort billede af mig, som jeg har klippet ud og gjort sådan at baggrunden er blevet fjernet. Jeg er stor fan af når elementer “blender” ind i billedet, og derfor gør det det mere spændende. Jeg har også lavet en catcthy overskrift, sådan at jeg håber virksomhederne har lyst til at kontakte og samarbejde med mig.

Her er nogle udklip af en prototype af mit design på min præsentationsportfolio via laptop versionen/prototype version 1:

Alt er kodet i HTML og CSS helt fra bunden selvfølgelig med hjælpemidler. Jeg er selv okay tilfreds med resultatet, og mine visioner kom nogenlunde til livs, selvom at det sikkert godt kunne have blevet gjort bedre. Men i forhold til at det er første gang nogensinde, synes jeg faktisk det er okay. Jeg er klar over der er plads til forbedringer, og det mangler også at blive ordentligt brugertestet. Jeg har selv mine egne forslag til optimeringer, men jeg er også spændt på at høre hvad andre synes.

Plakat

Dette er min plakat som viser min proces med min præsentationsportfolio med udgangspunkt i Design Thinking, og andre teoretiske metoder. Jeg har udviklet denne plakat i Adobe Illustrator, og lavet referencer til min præsentationsportfolio.

Plakaten beskriver min personlige proces i kronologisk rækkefølge, hvor den viser hvilken tilgang jeg har taget udgangspunkt i, i mit projekt. Den er ikke i super god kvalitet herinde så derfor smider jeg da lige et link, så man kan se mit arbejde (der i øvrigt har taget en hel verdenskrig eller to). Jeg er overordnet tilfreds med plakaten i forhold til de andre produkter i dette projekt. Men jeg er også blevet en haj til Adobe Illustrator, så vel selv mene at jeg har okay godt styr på det?

Okay, men her er linket: file:///Users/saraherhardt/Desktop/UCL/1.%20semester/Eksamensprojekt/1.semester/Bilag_SarahErhardt_UCL_MMOF26/Plakat_SarahErhardt_UCL_MMOF26.pdf

Refleksioner

Dette projekt har været virkelig udfordrende, og utroligt svært at overkomme. Man skulle tro at der kom mere “sejrsfølelse” når man klikkede aflever, men hos mig kom der flere tåre end jubel. Det er ingen hemmelighed, at jeg sammenligner mig selv meget med andre, og er nok min egen værste fjende. Derudover er mobilversionen absolut ikke den bedste, og der er også plads til forbedringer på laptop versionen. Jeg håber ikke at hjemmesiden skal være offentlig for evigt, fordi det er bestemt ikke noget jeg har det godt med at vise frem til alle. Jeg har virkelig været på overarbejde med mange ting både fysisk og mentalt, fordi at der lige skulle findes hoved og hale i det hele.

I dette projekt, har jeg virkelig gjort mig ekstremt mange overvejelser omkring hver evig eneste detalje – især på min præsentationsportfolio. Jeg fået rigtig meget hjælp og virkelig trukket på alle de tråde der overhovedet kunne trækkes i. Jeg har virkelig fået meget læring, og hvis jeg skulle gøre dette projekt om, havde jeg naturligvis håndteret det anderledes. Der har også været faglige ting, som jeg ønskede jeg havde dykket mere ned i fx: persona, the golden circle, og flere former af wireframes. Jeg ville faktisk også ønske, at det ikke var selve min præsentationsportfolio der blev min første prototype, men at jeg lige havde haft en ide om, hvilke elementer der skulle være klikbare inden jeg bare kastede mig ud i at kode.

Projektet her har jeg også haft gode oplevelser, hvor der er kodning og faglige elementer, som har givet mig en såkaldt “aha” oplevelse. Jeg har virkelig stillet 10000 spørgsmål til alle mennesker, som havde bare den mindste viden inden for dette projekt. Der har virkelig været mange mennesker inden over mit projekt, at man næsten skulle tro det var en hel filmproduktion. I processen har jeg udviklet mig som multimediedesigner, og virkelig erfaret en masse gode og faglige ting. Jeg har lært, hvad jeg ville gøre til næste gang, og omvendt. Det har uden tvivl været en af de mest udfordrende og hårdeste processer, men jeg er klar på at der kommer flere i fremtiden! Alt i alt virkelig lærerigt projekt, hvor jeg har fået alle mine kreative sanser i spil både personligt og fagligt.

Se resultatet her: https://saraherhardt.dk/