Kickoff var mandag. Vi fik introduktion til vores afsluttende projekt på 1. Semester. Det var vigtigt at følge Design-Thinking processen igennem hele projektet. Så jeg startede med at læse vores projektbeskrivelse godt igennem. Flere gange. Vi skulle kode en hjemmeside fra bunden som retter sig til arbejdsmarkedet. Vi kunne enten vælge at rette den mod en bestemt virksomhed, branche eller gå freelance-vejen.
Jeg havde utroligt svært ved at komme igang, det var især det her med målgruppen der forstyrrede. Jeg kiggede på Discovery-fasen som jeg nu befandt mig i. Hvordan tilrettelægger jeg mit forarbejde? hvad skal jeg finde ud af? Hvad kan jeg overhovedet? Spørgsmål som disse, var noget jeg spurgte mig selv om. Jeg havde mange tanker og ideer, men jeg blev nødt til at strukturere mine tanker og planlægge. Så jeg udfyldte derfor KWHL-modellen for at målrette min research.


Nu havde jeg fået planlagt det som jeg skulle finde ud af. Jeg startede med at lave desk research for at se om der var nogle tendenser på arbejdsmarkedet. Jeg tilgik derfor Danmarks Statistik for at finde noget data som jeg måske kunne anvende. Jeg fandt frem til følgende:




Rigtig meget e-handel, faktisk hele 82% af 16-74 årige har handlet online indenfor de sidste 3 måneder. En stor andel af billetsalg foregår på internettet og er i vækst – dog et lille dyk i 2021 på grund af COVID-19. Derudover fandt jeg at 90% af Danmarks befolkningen anvender sociale medier Jeg finder også at der er en overvægt af mænd i musikbranchen her i Danmark. Jeg finder derudover nogle artikler som faktisk beskriver at mindre virksomheder har svært ved at trænge igennem på sociale medier og noget mere generelt omkring vigtigheden af at være tilstede på sociale platforme:
- https://markedsforing.dk/artikler/nyheder/analyse-mindre-virksomheder-misser-some-potentiale
- https://www.danskindustri.dk/vi-radgiver-dig/ecommerce/nyhedsarkiv/nyheder/2024/12/ny-di-analyser-viser-at-sociale-medier-er-nye-tilbudsaviser
Det kunne godt være min målgruppe, men jeg havde også tænkt på at målrette mig til musikbranchen og tænker lidt om jeg kan ramme både musikbranchen og SMV’er. Jeg vidste godt at det ville blive svært, men jeg legede lidt med ideen og undersøgte også her det globale musikmarked og markedet er generelt i vækst og har været det i mange år. Men sådan noget som reklameunderstøttet streaming ligger relativt højt og er voksende. 67-70% af den samlede globale omsætning i musikbranchen kommer fra streaming alene. Jeg finder også at folk i alderen 16-24 år engager med musik i meget høj grad via shorm-video hver dag faktisk hele 82%. I Danmark var der jo samtidig stigende online salg af biletter til kulturelle oplevelser så jeg afleder derfor på baggrund af dette (selvom dataen er bred), at der også I den danske musikindustri er brug for visuelt stærkt content og digital tilstedeværelse på samme måde som hos SMV’er.
På dette tidspunkt har jeg to målgrupper at tage udgangspunkt i – altså musikbranchen overordnet og SMV’er. Musikbranchen som skal repræsentere den mere kreative og eksperimenterende del af mit arbejde. Og SMV’er som har brug for en kreativ multimediedesigner med mange hatte. Begge målgrupper har brug for content, branding og digital tilstedeværelse.
Jeg er så heldig at jeg kender nogle få som arbejder i mindre pladeselskaber i USA og generelt følger musikindustrien i Danmark også den amerikanske musikindustri. Jeg sendte et spørgeskema ud til nogle i mit netværk, og selvom det er en begrænset mængde svar. Så var det stadig vigtigt at have med, da det var med til at validere nogle af de valg jeg tager senere i processen.




Personas
Jeg udarbejder så to personas, en til hver målgruppe så jeg kan finde ud af hvad deres behov er, jeg baserer mine personas i primær data og sekundær data som det jeg har fremvist. Derudover har jeg privat opbygget en platform med over 100.000 følgere på TikTok. Jeg har i forbindelse med min TikTok profil arbejdet med nogle mindre pladeselskaber, så jeg baserer også noget af min viden fra det, i disse personas. Jeg inddeler i to segmenter – ved brug af Minerva Modellen.
Casper (28 år)
Marketing Coordinator hos et Pladeselskab i København.
Det Grønne Segment – højt uddannet, kulturelt interesseret, vægter originalitet, kreativitet og autenticitet. Han søger kant og hader corporate design.
Motiviation / Behov:
Han skal lancere en ny artist og mangler visuel identitet og content til sociale medier. Han har brug for en designer som taler sproget – en der forstår, at et album cover eller musikvideo skal være kunstnerisk, ikke bare pæn.
Pain Points:
Jeg skal bruge nogen der kan ramme vores vibe.
Vi mangler content der performer på sociale medier.
Morten (45 år)
Ejer af en mellemstor virksomhed.
Det Blå Segment – Han er resultatorienteret, pragmatisk, fokuseret på vækst, prestige og effektivitet. Han læser Børsen (eller branche-nyheder)
Motiviation / Behov:
Han ser, at konkurrenterne vinder på video/SoMe, og han føler sig bagud.
Han ikke har råd til et stort bureau, men har brug for en, der kan fikse både hjemmesiden og lave en reklamefilm.
Pain Points:
Det er dyrt at hyre bureauer, og det tager for lang tid.
Hvordan ved jeg, om designet virker?
Derefter begynder jeg at kigge lidt på hvad jeg egentlig kan tilbyde, og i den forbindelse gør jeg mig en masse tanker omkring mit brand og hvad jeg ønsker at bidrage med. Jeg tager udgangspunkt i Golden Circle for at konkretisere hvad jeg egentlig kan tilbyde, hvordan og hvorfor. Jeg vidste at jeg var god til SoMe, content og særligt video. Hvis jeg kombinerer disse ting med min algoritmeforståelse – altså den algoritme der bruges på sociale medie platforme som TikTok. Men det indhold jeg laver, har ikke direkte relevans. Dog er den erfaring jeg har taget med fra mit arbejde med TikTok utroligt relevant og det har lært mig meget om SoMe og hvad der driver viralt content og jeg har udviklet kompetencer i især After Effects og det ville jeg gerne spille på. Jeg udarbejder også en SWOT, som bliver nævnt af Astrid Hauge.


Jeg begynder ud fra disse modeller at udarbejde mit personlige brand og mit koncept. På baggrund af det research jeg har lavet, ved jeg at jeg kan byde ind på det her med sociale medier som jo er der hvor Danmarks befolkningen er, men jeg har også mange andre egenskaber som kunne være relevante. Jeg kommer så frem til et koncept. Jeg vil gå freelance/selvstændig og hjælpe med at bygge broen mellem det visuelle og det kommercielle. Jeg vil skabe visuel identitet og content som ikke bare er smukt, men som også er designet til at fange opmærksomheden i den digitale støj. Helt konkret mener jeg altså visuel kommunikation som kan performe på sociale medier. På dette tidspunkt havde jeg også gjort mig nogle tanker i forhold til Tone of Voice og jeg ville gerne lyde autoritativ, men samtidig lade passionen skinne igennem i min måde at kommunikere på. Så Casper og Morten ville kunne føle sig trykke i at indlede et samarbejde med mig.
Jeg ville gerne have så meget med til Silent Feedback som overhovedet muligt. Så jeg begyndte at udarbejde mit moodboard for at visualisere den æstetik jeg prøvede at fange. Nu hvor jeg også havde nogenlunde styr på målgruppen begyndte jeg for alvor på visuel research.
Jeg var limet fast til min skærm med Pinterest åbent og det var vigtigt for mig at min personlighed også skinnede igennem på min hjemmeside, samtidig med at den henvendte sig til både Casper fra musikbranchen og Morten som ejer en mellemstor virksomhed. Jeg undersøgte en masse hjemmesider med henblik på nuværende design trends og ekstern konsistens.
Derudover kiggede jeg Universal Music Danmark’s hjemmeside samt andre hjemmesider igennem for at finde inspiration:
- Universal Music Danmark
- https://dribbble.com/search/shots/popular/animation?q=portfolio
- https://www.nordnord.dk/husstandsomdeling?gad_source=1&gad_campaignid=23282063001&gbraid=0AAAAA-Js_UhtyyS9TO5VYK7GWreno3sgB&gclid=Cj0KCQiAiqDJBhCXARIsABk2kSlqfA3-nqT18TsSHmF_WS79JzHtMFNQL5-VaweCDXJ68yVvhjElmQEaAucnEALw_wcB
- https://www.behance.net/gallery/209674381/Design-Trends-2025?tracking_source=search_projects%7C2025+trends&l=0
- https://cabiz.dk/logo-animationer/
- Medieplan
- Lemon Marketing
Moodboard
På baggrund af mit arbejde med den visuelle research kom jeg frem til mit moodboard og den æstetik jeg gerne ville fremføre. Det var mixed media møder glass morphism. Eftersom jeg spiller på det dynamiske, var det derfor også vigtigt at det var til stede i moodboardet.

Styletile
Jeg udarbejdede også en Styletile hvor fokus ligger på det rå og kantede. Farverne kommer stortset fra mit moodboard. Jeg har valgt mørke farver for at give hele looket en slags eksklusivt og artistisk feel, på baggrund af min visuelle research kunne jeg også se at det primært er disse farver som musikindustrien bruger på deres sider. Derudover gør jeg brug af beige for at skabe ro og sikre høj kontrast med hensyn til CRAP og som lever op til WCAG standarder og dermed er tilgængeligt.
Den orange farve er tiltænkt elementer som logo og active-states på knapper. Derudover havde jeg en ide med plastik-wrappet til UI elementerne for at inddrage et analogt udtryk der minder om plastikken på en ny LP. Typografien hedder OSWALD og er en sans-serif og passer ret godt ind i et moderne udtryk, men fungerer også godt sammen med elementer som plastik-wrappen som er ret analog.

LOFI Wireframe
Jeg fik også udarbejdet en LOFI Wireframe som kan ses nedenfor:
Silent Feedback
Jeg var klar til feedback. Da vi var færdige følte jeg virkelig at jeg fik givet en masse feedback. Jeg var meget overvældet over den generel positive feedback jeg modtog.
Jeg synes det var svært at navigere i feedback. Meget af den feedback jeg fik synes jeg blev en tand subjektivt. Med hensyn til farvevalg, formvalg o.l. Så det sorterede jeg faktisk fra, da jeg har baseret mine designvalg på den research som jeg har foretaget. Der var dog en kommentar som virkelig ræssonerede, og det var i forhold til målgruppevalg. Det er to meget forskellige målgrupper, og jeg havde virkelig også tænkt over om det bliver for vanskeligt at bygge en hjemmeside som henvender sig til to målgrupper som er meget forskellige, især med henblik på vores deadline. Med feedback i tasken, fortsatte jeg mit videre arbejde og valgte at fokusere udelukkende på musikbranchen så jeg kunne målrette mit udtryk. Der var også en kommentar i forhold til mobildesign, og det fik jeg også udarbejdet.
Mockup
Nu havde jeg skelettet i orden og så var der ikke andet for, end at lave mit mockup.
Jeg har naturligvis tænkt CRAP ind i mit mockup, for at sikre et hierarkisk og overskueligt visuelt udtryk. For eksempel med hensyn til min alignment, der skabes der altså usynlige linjer gennem hele sitet. Derudover implementerede jeg en orange linje som går igen på de forskellige undersider som binder siden visuelt sammen her er der særligt tænkt over CRAP princippet omkring repetition og Gestaltprincippet i forhold til kontinuitet. Jeg har sørget for at elementer er ensartet jf. min styletile, her er der igen tænkt over repetition. Der er CRAP’s nærhedsprincip siger også noget om at elementer som er tæt på hinanden ses som hørende sammen, dette princip har jeg også taget udgangspunkt i som kan ses i forbindelse med min case-liste.
Brugertest
Nu bevæger jeg mig for alvor hen i Experimentation-fasen jf. Design Thinking. NNG Group siger følgende omkring brugertests ->

Jeg nåede at teste på i alt 4 personer, så jeg ligger i den lave ende af grafen, men jeg fik stadig en masse brugbar data med fra mine tests. Jeg valgte at udføre en Think Aloud Test for at teste brugervenligheden af designet. Derudover lavede jeg en desireability test med henblik på æstetik. Det første indtryk hos brugerne var stregen i midten og logoet. Nøgleord i blandt andet desireability testen var ord som “eksklusivt”, “kreativt”, “målrettet”, “ungdommelig” og “unikt”. Det var rart at få bekræftelse på æstetikken og retningen for siden. Generelt kunne alle brugere fint navigere rundt i prototypen, det eneste problem var mobil-menuen hvor targetboxen var for lille, hvilket ledte til frustration. Men overordnet fik jeg med mine brugertests bevist at mit design kommunikerer det rigtige.
HTML & CSS
Nu havde jeg et fundament som jeg skulle forsøge at realisere. Jeg prøvede mig meget frem og brugte inspect-funktionen en del på diverse hjemmesider for at se strukturen. Efter timerne med Thomas havde jeg besluttet mig for at bruge flexbox fremfor grid. Gennem det her projekt har jeg følt at HTML og CSS brikkerne faldte stille og roligt på plads. Jeg har benyttet W3-Schools og det har været en kæmpe hjælp. Blandt andet stødte jeg på var() funktionen og det endte jeg med at bruge på min side.
Jeg har virkelig prøvet at gøre min hjemmeside så responsiv som overhovedet muligt og tænkt UX Laws ind i min kode, for eksempel Hick’s Law i forhold til at holde menuen simpel. Og efter brugertests kunne jeg se at jeg lige skulle stramme op på Fitts’s Law i forbindelse med mobil-menuen. Ydermere har jeg forsøgt at optimere med hensyn til størrelsen på billeder og den måde fonts bliver indlæst på. Udover HTML og CSS har jeg også forsøgt mig med lidt Javascript blandt andet for at kunne lave scroll animationer og stødte i den forbindelse på en Intersection Observer API som jeg har brugt i forbindelse med mincase-liste. Udover min case-liste har jeg også brugt Javascript til min burgermenu. Derudover lærte jeg clampfunktioner at kende fordi jeg gerne ville gøre min typografi mere responsiv. Jeg havde også sat mig for at lave en burgermenu til mobildesignet her fik jeg blandt andet inspiration fra internettet igen. Jeg skulle også lave en kontaktformular som jeg havde lavet i mine designs, der prøvede jeg mig også lidt frem for at finde ud af hvordan man gjorde og her fik jeg igen lidt hjælp fra W3. For at sikre at min kode levede op til standarder validerede jeg den på W3-Validator.
Andre relevante links som jeg har benyttet:
- https://www.w3schools.com/howto/howto_js_curtain_menu.asp
- https://www.freecodecamp.org/news/scroll-animations-with-javascript-intersection-observer-api
- https://clampcalculator.com
- https://dev.to/ljcdev/easy-hamburger-menu-with-js-2do0
- https://www.w3schools.com/howto/howto_js_topnav_responsive.asp
- https://www.w3schools.com/css/css_form.asp
- https://css-tricks.com/snippets/css/a-guide-to-flexbox/
- https://cubic-bezier.com/#.17,.67,.83,.67
Refleksion
Jeg tror jeg kan sige med sikkerhed at det her projekt har været det absolut fedeste projekt at arbejde med. Jeg har virkelig fordybet mig i kode og det har været helt utroligt givende at kunne omsætte sit design i et helt andet sprog. Jeg har haft nogle udfordringer, men der har været meget læring i det. En af de største læringspunkter i kodningsfasen var konsekvensen af min desktop-first tilgang. Jeg ville sådan have ønsket at jeg var startet omvendt, men jeg havde simpelthen ikke tid til at lave det om. Især ikke når jeg bruger alt for lang tid på detaljerne. Derudover føler jeg at jeg har “spildt” min tid ved at lave research på en målgruppe som jeg ikke endte med at fokusere på, men jeg tror jeg skal se det som et eksempel på Design Thinking-processens “Kill your darlings”. I retrospekt tror jeg også at hvis jeg havde prøvet at ramme en balance mellem de to meget forskellige målgrupper, så ville min hjemmeside have været en tand skizofren.
Men jeg ville stadig ønske at jeg havde gjort det nemmere for mig selv og valgt en “nemmere” målgruppe. Jeg havde ikke rigtig nogle eksempler, som jeg kunne bruge fra semesteret. Derfor var jeg nødt til at udarbejde nogle eksempler som relaterede sig til målgruppen. Det var et ekstra-arbejde, som gjorde at jeg her på målstregen godt kan mærke, at jeg var tæt på at brænde ud mange gange. Men jeg kan også mærke at det er det her som jeg virkelig brænder for… Design.
Jeg føler at det her projekt har været med til at sætte tingene i perspektiv, især fagligt. Alle de ting vi har lært om i løbet af semesteret har for alvor været sat i spil og jeg sidder nu her og reflekterer over alle valgene og mine egne deadlines. Jeg gad godt have nået at brugerteste på min hjemmeside og noteret mere ned løbende fra processen. Jeg vil afslutningsvis sige at jeg var bange for om jeg ville kunne nå i mål, men jeg sidder da nu med en hjemmeside jeg er OK tilfreds med og en fornemmelse af at semesterets pensum faldte på plads. Det kan være famous last words.
