d. 31/1/2025
Design Challenge
I denne workshop skulle vi enten designe en ny hjemmeside eller re-designe en eksisterende ved hjælp af de designprincipper, vi har lært i 1. og starten af 2. semester. Fokus var især på at bruge “grid”-funktionen i Figma til at strukturere layoutet mere præcist og overskueligt.
1) Servicevirksomheder (f.eks. Kaffebar, koncert, restauranter)
2) Hobby butik/e-handel (det kan være indenfor din hobby)
3) Håndværker forretning (f.eks. murer forretning, tømmer forretning)
4) Offentlig institution (f.eks. Uddannelser, Kommuner, Sundhedssektoren)
Jeg valgte nummer 2. Hobby butik/e-handel (det kan være indenfor din hobby) – (men det er ikke en butik)
Jeg valgte at re-design Spotify, inspireret af pinterest. Grid-systemet hjalp mig med at holde et pænt og struktureret layout i mit arbejde.
Ideudvikling
Jeg startede med at gennemgå den eksisterende hjemmeside og den faktisk så okay ud, men dog var lidt kedelig og den manglede noget, der fangede øjet. Designet var lidt kedeligt og fladt, og der var ikke meget, der skabte interesse eller engagement hos brugeren. Derfor vurderede jeg, at den havde brug for en visuel opgradering, både for at forbedre brugeroplevelsen og gøre siden mere spændende at navigere rundt på.
Der efter startede jeg på at med at finde Inspiration på pinterest og lave style tile, før jeg gik videre til at arbejde med lo-fi wireframes for at få styr på strukturen og layoutet.
Jeg har altid ønsket, at Spotify var mere visuelt, fordi musik for mig er mere end bare lyd. Det handler også om stemning og udtryk. Derfor ville jeg gerne bringe et mere visuelt element ind og gøre oplevelsen mere levende, for eksempel ved at integrere videoer og visuelle effekter.
Re-design af Spotify
Efter jeg havde samlet inspiration og havde havde en ide omkring hvad jeg ville lave, så gik jeg videre til at arbejde i Figma, hvor jeg brugte grids til at sætte layoutet op. Da mit fokus var på Spotify, ville jeg stadigvæk gør det genkendligt og genbruge noget af deres strukturer og elementer.
I mit redesign har jeg tilføjet videoer, som spiller, når musen holdes hen over dem (hover-effekt). Jeg har også gjort kanterne lidt blødere og rundere. Da jeg gerne ville fremhæve musikken og kunstnerne mere visuelt, brugte jeg større billeder og en mere levende præsentation. Jeg fokuserede også på kun at vise de vigtigste informationer, som sangtitel og kunstner, tæt på billedet.
Hvis det stod til mig, ville jeg ønske, at Spotify var mere end bare en musikapp/hjemmeside. Jeg ville gerne gøre det nemmere at dele musik og skabe samtale om musik. Derfor tilføjede jeg en (+)-knap ved profilen, hvor ideen var, at man kunne poste og snakke om musik eller bare dele, hvad man lytter til.
Jeg forestillede mig også, at man kunne tilføje et billede til sin mappe (folder), ikke kun til playlister. Hvis jeg havde haft mere tid, ville jeg have gjort det muligt at ændre baggrundsfarver og gøre designet mere personligt for brugerne (næsten som MySpace, bare ikke helt så ekstremt). Selvfølgelig ville standardversionen stadig være tilgængelig for dem, der ikke vil customise.
Og siden TikTok i dag er grunden til, at mange sange går viralt, kunne det være fedt at brainstorme en løsning, hvor man samler de sange, der trender, if that made sense.
Jeg ved godt, at Spotify i nyere opdateringer hurtigt har tilføjet musikvideoer, men jeg ville have lavet en ekstra fane, så man præcist kunne se, hvor man fandt dem.
Refleksion.
Helt ærligt, så synes jeg faktisk, det var en virkelig hyggelig, spændende og lærerig workshop (jeg var ikke med på selve dagen, da jeg var syg, men jeg lavede opgaven ved siden af). Jeg ville bare ønske, jeg havde haft mere tid til at dykke ordentligt ned i det.
Det føltes lidt som et guilty pleasure eller passion project, måske ender jeg med at arbejde videre på den i sommerferien. Workshoppen gav mig mulighed for at afprøve grid-systemet i Figma, hvilket gav mig et bedre overblik over, hvordan jeg kan strukturere mine designs fremover. Det en sjov og udfordrende opgave, der har givet mig nye værktøjer og idéer.