Se mit arbejde
Link til min præsentationsportfolie :
https://rebecca-h-rasmussen.dk/index.html
Link til min plakat:
Link til min afleveringsside:
Projektbeskrivelse:
Første semester eksamen på Multimediedesigneruddannelsen er en mundtlig individuel eksamen, der tager udgangspunkt i den studerendes egen udarbejdede procesportfolio, præsentationsportfolio og plakat.
Procesportfolio-en blog/hjemmeside udarbejdet i starten af semesteret, der samler alt hvad den studerende har lavet af multimedieproduktioner, projekter, prototyper og procesdokumenter i løbet af semesteret, og er delt op i følgende:
●Opgavebesvarelser / dokumentation af eget arbejde.
●Som fast bestanddel vedlægges individuel kritisk refleksion over opgavebesvarelser.
Præsentationsportfolio-et website kodet fra bunden, der har til formål at brande den studerende målrettet arbejdsmarkedet. Denne portfolio udarbejdes i forbindelse med eksamensprojektet.
Plakat–en plakat der viser proces bag udviklingen af præsentationsportfolio.
Generativ AI må bruges som et værktøj til eksamensopgaven. Gøres det, skal det dokumenteressom ekstra bilag påWiseFlow, og inkludere de prompts du har brugt, samt beskrive hvordan du har arbejdet med det genererede. Har du f.eks. ændret yderligere på det, brugt det til research, osv. Hver prompt skal desuden være nummereret, så du i plakatenkan referere til den. Generativ AI må ikkeanvendes til at generere indhold til plakaten.
Design Thinking
Som en del af Projektets krav, skal jeg benytte Discovery Thaning, som er en model man kan følge i en designrelateret opgave. Design Thinking modellen er bygget op af 5 punkter:
- Discovery
- Interpretation
- Ideation
- Experimentation
- Evolution
Disse 5 faser i modellen er en guide, som man kan følge, men som ikke altid vil blive brugt slavisk. Det kan ske at man må frem og tilbage i faserne, hvis man for eksempel finder frem til nye oplysninger som har større betydning for de første faser.
Hvorfor bruge Design Thinking?
Brugercentreret: Identificerer reelle behov gennem research og feedback.
Innovationsfremmende: Skiftevis divergent og konvergent tænkning skaber både mange idéer og fokus.
Risikominimerende: Tidlige prototyper og løbende tests afslører fejl, før du investerer stort.
Fleksibelt samarbejde: Giver et fælles sprog på tværs af design, udvikling og forretning — og muliggør kontinuerlig forbedring.
Discovery
Til kickoff får vi udleveret vores opgavebeskrivelse, som forklarer at vi skal kode en hjemmeside fra bunden ved brug af HTML og CSS. Hjemmesiden skal være en præsentationsportfolie, hvor jeg kan vise min selvvalgte målgruppe hvad jeg kan tilbyde lige netop dem.
Det er op til os studerende at vælge om vi vil sigte efter en målgruppe som er en branche, en specifik virksomhed, eller om vi vil gå freelance.
Jeg beslutter mig hurtigt for at gå mod en branche som min målgruppe, da jeg ser det som en mere åben og flexibel målgruppe end en specifik virksomhed, men ikke så åben som hvis jeg havde gået freelancer.
Brainstorm (valg af målgruppe)
Jeg vælger at lave en brainstorm, da jeg skal vælge en branche. Brainstormen bager præg af brancher jeg har fantaseret om at arbejde for.
Brainstorming er en divergent thinking metode, hvor jeg ikke har nogle begrænsninger for mine ideer. Denne metode sørger for at jeg har flere forskellige udgangspunkter at få ud fra, og giver plads til en strøm af ideer, som der ikke havde været plads til, hvis jeg fra start af havde valgt bare at gå med den første branche jeg fald over.
Nu kan jeg snævre mine valg af ideer ned til en enkelt branche (Convergent think), som jeg ser mest potentiale i/som jeg finder mest interessant.
Jeg beslutter mig for at gå med boligstyling, som mit valg af målgruppe.
Research af målgruppe
Efter at have fundet ud af hvilken målgruppe jeg vil arbejde ud fra, begynder jeg at undersøge :
Boligstyling-firmaer, som jeg har undersøgt
Sales styling
Klar til boligsalg
Karlsson indretning og design
https://www.karlsson-id.dk/kontakt
Martine Lie
Vosper
In Bolig Styling
Gentagelser fra virksomhed til virksomhed( som en multimediedesigner kan arbejde med)
Fangende hero:
Fælles for alle hjemmesiderne er en startside med et stort og iøjnefaldende billede/video.
Logo
Tendens til elegang og enkelt logo
Tone of voice
Virksomhedernes generelle Tone Of Voice er professionel, inspirerende, løsningsorienteret og personlig
Medarbejderfotos
Størstedelen af virksomhederne har en sektion hvor man kan bøde teamet bag virksomheder. Her bruges portrætbilleder af hver medarbejder samt en tekst.
Interiørfotos
For at vise deres købere hvad de kan gøre ved et rum, benytter virksomhederne sig meget af interiørfotos. Dette er gældende for alle boligstyling-virksomheder jeg har kunne finde. Dette er ikke et sted virksomhederne lader til at ville gå på kompromis med kvalitet.
produktfotos
Nogle af virksomhederne har en underside hvor de sælger ud af møbler og accessoires
Spørgeskema på målgruppe
Da jeg har fundet min målgruppe og undersøgt hvilke fællesnævnere de forskellige virksomheder har, står jeg stadigvæk tilbage med nogle spørgsmål. Derfor vælger jeg har skrive et spørgeskema, som jeg sender ud til de 6 virksomheder.
Spørgeskema
Kære “virksomhedsnavn”,
Mit navn er Rebecca Rasmussen, og jeg studerer Multimediedesign på UCL i Odense. Jeg er netop gået i gang med min 1. semester-eksamen, hvor jeg skal designe og kode en hjemmeside, der fungerer som min professionelle præsentationsportfolio.
Jeg har længe haft en stor interesse for boligstyling og drømmer om at arbejde inden for denne branche. Derfor har jeg valgt at rette mit eksamensprojekt mod netop boligstylingverdenen – både som en hyldest til faget og for at vise, hvordan mine multimediefaglige kompetencer kan skabe værdi for virksomheder som jeres.
I den forbindelse har jeg forberedt nogle få spørgsmål, som jeg håber, I har mulighed for at besvare. Det vil være en stor hjælp i mit arbejde og give mig værdifuld indsigt i branchen:
- Hvad ser I som de vigtigste visuelle eller æstetiske elementer, når I præsenterer en bolig online?
- Hvilken rolle spiller jeres hjemmeside og sociale medier i forhold til at tiltrække kunder?
- Hvad værdsætter I mest, når I samarbejder med multimediefolk som f.eks. webdesignere, fotografer eller grafikere?
- Er der noget ved jeres nuværende digitale tilstedeværelse (f.eks. hjemmeside, billeder, video, branding), som I gerne ville forbedre, hvis I havde ressourcerne?
- Har I et godt råd til en studerende, som drømmer om at arbejde i boligstylingbranchen – særligt med fokus på visuel kommunikation og design?
På forhånd tusind tak for jeres tid og eventuelle svar – det vil betyde rigtig meget for mig og mit projekt.
Med venlig hilsen
Rebecca Rasmussen
Multimediestuderende, UCL Odense
Desværre havde jeg ikke held med at få kontakt til virksomhederne, og kun et enkelt firma svarede på min mail.
Katrine Mow fra Boligsalg ønskede et møde telefonisk, og her er udkommet:
Interpretation
I Interpretation-fasen samler og fortolker jeg alle mine indsigter fra Discovery-fasen for at skabe klarhed og retning. Modsat af Discovery fasen hvor jeg benyttede mig af divergent-thinking, benytter jeg convergent-thinking i denne fase.
Her opsummerer jeg de væsentligste fund fra discovery-fasen, som vil danne fundamentet for mit videre arbejde:
- Boligbranchen har flere opgaver som en multimediedesigner kan løse.
2. fællesnævnere i virksomhederne:
- Visuel storytelling er afgørende: Alle boligstyling-hjemmesider bruger iøjnefaldende hero-billeder eller videoer for straks at fange besøgerens opmærksomhed.
- Personlig tilgang skaber tillid: Sektionen “Mød teamet” med portrætbilleder og personlige tekster går igen hos de fleste og understreger faglighed og troværdighed.
- Løsning i fokus: Teksterne er altid løsningsorienterede (“Få hjælp til …”, “Vi guider dig gennem …”), hvilket viser, at brugerne søger konkrete, praktiske råd.
3. Brugersegmenter
- Boligsælgere, der ønsker maksimal salgspris.
- Boligudlejere, der vil optimere udlejningspotentialet.
- Indretningsinteresserede, der søger æstetisk rådgivning uden et salgspres.
4. Virksomhederne bruger deres hjemmeside til at finde kunder.
Ideation
Ved brug af divergent-thinking igen, vil jeg i ideation fasen idégenerere hvilke elementer der vil give mening at have med i min Præsentationsportfolie.
Hvordan kan jeg lave en præsentationsportfolie, som fanger min branche?
for at vise min målgruppe at jeg passer ind i deres virksomhed, vil jeg præsentere dem for de kompetencer som jeg har fået i mit 1. semester på multimediedesigneruddanelsen. Kompetencerne vil være specificeret mod de observationer jeg gjorde mig i Discovery fasen:
- Interiørfotos
- Produktfotos
- Portrætfotos
- Logo
- Så vil vise at jeg har kompetencerne til at lave et redesign af deres allerede eksisterende hjemmeside
- Jeg vil vise at jeg kan lave markedsføringsvideoer, som er et redskab man kan bruge for at lokke endnu flere mulige kunder til deres hjemmeside.
Moodboard:
Jeg har lavet et moodboard på Pinterest for samle mine visuelle tanker, og for at få inspiration til designs.
Styletile:
Jeg har lavet et styletile, som hjælper med at give enighed om udseendet hurtigt, giver klar feedback og sikrer, at siden får et ensartet og let genkendeligt design.
Persona:
Jeg har lavet en persona for at få et klart billede af den typiske bruger: hvem de er, hvad de har brug for, og hvilke problemer de forsøger at løse. På den måde kan jeg træffe bedre designbeslutninger beslutninger, og sikre at løsningen rammer præcis de behov, brugerne har. Personaen hjælper også med at holde fokus på brugeren gennem hele projektet og undgå, at jeg bygger funktioner, der ikke skaber værdi.
C.R.A.P
Jeg vil benytte metoden C.R.A.P når jeg bygger min hjemmeside, som er en metode som sikrer et harmonisk udtryk.
- Contrast: Jeg vil give mine knapper og H1-overskrifter en rosa farve, for at skabe kontrast på siden. Den iøjnefaldende farve fungerer som Call To Action.
- Repetition : Jeg vil bruge repetition igennem min hjemmeside da det skaber genkendelse, rytme og sammenhæng. Dette gør jeg ved at vedligeholde mit farvetema, mine firkantet grønne bokse, mine hårde kanter på alle billeder og gennemgående typografi.
- Alignment: Ved at placere elementer i alignment kan jeg skabe en struktur på hjemmesiden som forbedrer læsbarheden samt understøtter visuel hierarki.
- Proximity: jeg kommer til at benytte mig af porximity ved at placere elementer tæt sammen som har relation til hinanden. Dette skaber en visuel gruppering.
Experimentation
Nu er det tid til at tanker bliver til virkelighed, og det betyder at Figma skal i brug. På Figma har jeg nemlig startet med at lave en Low-fi udgave af min hjemmeside og derefter et Mockup, som jeg kunne medbringe til silent feedback.
Low-fi portotype (desktop):
Mockup (desktop)
Mockup (mobiltelefon):
Med et mockup har jeg et godt udgangspunkt for hvordan jeg skal kode min hjemmeside.
Kodning af hjemmeside
Da jeg er helt færdig med Mockup, Styletile og persona, er jeg klar til at starte min kodning. Jeg har ingen erfaring med kodning, og har meget svært ved at kunne forstå lektierne samt undervisningen. Jeg har derfor frygtet denne del af opgaven.
Denne video har været min redning: https://www.youtube.com/watch?v=G3e-cpL7ofc&t=8063s&ab_channel=SuperSimpleDev
Det er en 6:30:00 min lang video som forklarer kode på nybegynder niveau. Denne video har jeg brugt til meget af min kode. Jeg har også haft gavn af W3Schools og andre youtube-videoer. Efter at have set videoen, lavede jeg en smule på mit index.html, og så skulle jeg i sommerhus med min studiegruppe. Vi var 5 afsted, og her fik jeg mange gode råd til hvordan jeg skulle starte min kode. vi var i sommerhus i 4 dage, og da jeg kom hjem igen var jeg meget mere rolig på kodingen.
Jeg har benyttet mig af BEM(Block,element, modefier), som er en måde at navngive sin kode på, som hjælper med at gøre koden mere letlæselig.
Jeg har optimeret billederne på Adobe Photoshop, så billederne fylder mindre, og derfor ikke får min side til at loade.
Det har taget mig ca. 1 uge at kode, og et par dage at sørge for at skrive kommentarer, optimere billeder og rette dokumenter igennem for fejl. Jeg håber på at jeg en dag fanger kodning 100 Procent, og at jeg kommer til at holde af det.
Evolution:
Efter afleveringsdato:
Efter afleveringsdato kunne jeg godt tænke mig at teste min hjemmeside. Dette vil jeg gøre med brugertest. Mest optimalt ville være at teste på min målgruppe(boligstylister), men hvis jeg skal se realistisk på det, er det nok ikke helt realistisk efter mit sidste forsøg med at komme i kontakt med dem. Jeg vil dog give det et forsøg, og ellers vil jeg teste de næst bedste kandidater i rækken.
Jeg vil teste 5-8 testpersoner med en think-alout test, som jeg skal bruge for at finde fejl på min hjemmeside. De får mulighed for at fortælle hvad der fungerer, og hvad der ikke gør.
Efter dette vil jeg lave en forbedring, som jeg vil have med til eksamen.
Refleksion:
Alt i alt syntes jeg at dette projekt har lært mig rigtig meget. Ikke bare om kodning, men også på personligt plan. Jeg har lært at jeg godt kan arbejde samtidig med at jeg er sammen med mennesker som jeg fungerer rigtig godt socialt med. Det er også første gang at jeg har kunne læse op til en samen og været i stand til at holde koncentrationen så længe. Jeg ville mene at grunden til dette er at der er så mange kreative processer der skal laves, og som jeg føler er mere lej end det er lektie. Hvis jeg kan mærke i hovedet at jeg har siddet for længe med min kode, så hjælper det at skifte over til enten Figma eller billedredigering. På denne måde kan jeg holde “pauser”, men stadigvæk være produktiv.
Som nævnt tidligere har jeg haft meget svært ved koden, så jeg er virkelig glad for at jeg tog mig tiden til at se den 6:30:00 lange video-guide på Youtube.
Jeg har lært hvor sindssygt vigtigt det er at have styr på sine mapper på sin computer !(noget jeg aldrig har haft). Jeg arbejder bedst når der ikke er en UV-indeks på 5.
Jeg har også lært i denne processe hvor fedt det er at tage flotte billeder, samt hvor meget man kan rede et dårligt billede i Adobe Photoshop.