Re-Design af hjemmeside
I dette projekt gik opgaven ud på at re-designe en allerede eksisterende hjemmeside, som vi synes var tilstrækkelig og kunne have brug for en kærlig hånd til et nyt design. Dette ville vi udføre på baggrund af faglige elementer b.la: brugertest (herunder testplan og test script), Figma high-fi prototype af hjemmesiden, målgruppeanalyse etc.
Processen og tanker.
Vores primære fokus i dette projekt var på brugeradfærd, research og UI. Projektet indebar også læring og argumentationer indenfor hjemmeside design, hvor vi skulle have gennemtænkt hver en detalje lige fra, hvilke farver elementerne havde på hjemmesiden til, hvorfor vi netop havde valgt at placeringen af vores logo.
Valget af vores hjemmeside byggede primært på, at vi syntes hjemmesiden ikke havde de primære krav, som andre websites opfylder. Hjemmesiden er meget simpel, og ifølge vores brugertest, havde hjemmesiden en del mangler b.la på farver, tilgengælighed og layout. Brugeren oplevede at de ikke havde lyst til at book tid bare på baggrund af den simple og u-interessante oplevelse på siden.
Brugertest og målgruppe.
Vi udviklede en persona baseret både på kvalitativ og kvantitativ metode(r). Ud fra disse metoder kunne vi anvende dem på vores hjemmeside, og finde ud af, hvilke brugeradfærd der vægtede højest og lavest. Vores persona blev oprettet via AI, og blev til en målgruppe vi kunne forholde os til. Dette er Camilla Krog, studerende og mangler en hjemmeside, som er hurtig og nem samt booking er vigtigt, når det gælder valg af frisør. Disse data hjalp os videre til designet af vores hjemmeside, da vi kunne tage stilling til, hvilke problemer vores brugertest og målgruppe havde.
Styletile & Moodboard.
På baggrund af vores style tile og moodboard kunne vi finde frem til en konkret idé omkring vores endelige design. I vores style tile mangler der en del definerede elementer, og dette ville naturligvis kunne rettes til næste gang. Vi udviklede også et logo, som var den opgave jeg primært fik til en del af dette projekt. Logoet fik en del kritik, som jeg tog til mig og har efterfølgende arbejdet videre med. Hele re-designet handlede ikke så meget om logodesign, derfor vil jeg ikke komme nærmere ind på denne del. Udover at vi ønskede at deres logo skulle re-designes, da vi ikke syntes at det passede særlig godt til en frisør. Derfor prøvede jeg at udvikle et mere minimalistisk design, som havde flere forskellige designmuligheder. Jeg har ikke meget erfaring på dette punkt, men resultatet af logoet blev nogenlunde.
Designforslag/lo-fi papirprototype.
Vi udviklede derefter en ny og opdateret version af vores valgte hjemmeside, og resultatet var således:
Vi benyttede os af typiske navigationer,samt relevante knapper/overskrifter til en frisør hjemmeside. Derfor valgte vi disse knapper/overskrifter til vores hjemmeside.
HOME: Dette ville være det første man møder inden på re-designet af vores hjemmeside. Denne forside er tænkt, som forsiden til vores hjemmeside, hvor der ville være relevante billeder af frisørernes arbejde, som skulle give potentielle kunder til at vælge lige netop den frisør fremfor en anden. Dernæst ville alle de andre overskrifterne/knapperne være øverst i en række, så man nemt ville kunne klikke rundt på hjemmesiden. Her ville man også kunne finde relevante informationer såsom åbningstider, kontaktinformationer (e-mail og telefon)samt frisørens adresse.
OM OS: Under “om os” ville man naturligvis kunne finde informationer om frisøren (evt. deres historie, erfaringer etc.), men her kan man også lære frisørens medarbejder at kende mere personligt. Udefra vores research samt egne erfaringer, er det tit og ofte sådan at en kunde har en bestemt frisør, som de gerne vil klippes af da de opbygger et personligt forhold eller naturligvis fordi, lige præcis den frisør kan skabe det look som man ønsker. Vi valgte overskriften “Mød vores fantastiske team” fordi det for det første siger noget om, hvor meget lige præcis det her team er noget helt særligt. Men også fordi det skaber en positiv effekt, og titlen møder en med et smil – ligesom brandet gerne vil appellere. På denne side er der billeder af alle medarbejderne, og en lille beskrivelse af den pågældende frisør. Nederst på denne side vil der være en reference til den næste overskrift “galleri” som gerne skulle fungerer sådan at man klikker videre på hjemmesiden.
GALLERI: Vi har tilføjet en “galleri” knap/overskrift til hjemmesiden, som alle i gruppen blev enige om manglede i høj grad. Dette galleri skulle være en slags portfolie af billeder fra de forskellige frisøres arbejde (evt. billeder fra deres sociale medier) som et indblik i, hvilke faglige kompetencer de har. Vi ønskede at fremhæve, hvor dygtige netop hairdesign.dk frisøre er til at style, farve og teknikker. Galleriet skulle give følelsen af “det vil jeg også have” og som sagt være med til at forstærke deres brand visuelt.
PRISER: På den originale hjemmeside var priserne ikke tydelige, og ifølge vores brugertest var det svært at finde priserne på siden, og dette gjorde at brugeren ikke fandt hjemmesiden relevant, og dermed faldt fra. Derfor ville naturligvis fremhæve og tydeliggøre priserne, sådan at det ikke var dette der gjorde brugeren faldt fra. Under priser tilføjede vi underkategorier såsom: klip, farve, toning, kur, permanent og bryn/vipper. Frisøren viser nemlig også på deres side at de kan tilbyde at få lagt make up (vi fandt dette lidt usædvanligt at ligge på forsiden, siden det er en frisør), så dette valgte vi også at fremhæve selvom det ikke er det primære gøremål. Vi valgte at placere priserne linenært, sådan det ville være mest læsbart og nemt at finde.
LOGO: I dette projekt re-designede vi også logoet, selvom det ikke var en del af projektet men dog stadigvæk noget, som vi fandt relevans. De første tanker bag var at logoet skulle ligne en frisør pensel, som de bruger til at farve hår med og vores farvepalette, som skulle være “smørret” ud sådan det lignede hårfarver. Men vi lærte hurtigt at dette blev alt for komplekst, og et logo skulle være mere simpelt. Derfor endte vi med den runde cirkel,en guldkant, virksomhedens navn og en saks. Dette logo er en forbedring, men vi fik af vide i vores feedback, at det kunne have været gjort endnu mere simpelt, hvis vi fjernede saksen og bare skrev initialerne “HD” og så cirklen. Vores logo var ikke vores første prioritet, men stadig fedt at lege med. Det originale logo er bare deres navn og en fed skrifttype og dette syntes vi var ret kedeligt. De har også et lille kanin logo, når man søger på deres hjemmeside men dette er ikke det primære logo.
Screenshot hentet fra: https://www.hairdesign-odense.dk/ (tilgået d.29/4-2026)
Prototype
Dette er vores prototype af vores re-design af vores valgte hjemmeside (hairdesignodense.dk), her har vi arbejdet med layout, C.R.A.P principperne, farvepaletten og placeringer af de forskellige elementer. I vores feeback/vejledning, fik vi dog af vide at hjemmesiden godt kunne have taget endnu mere udgangspunkt i C.R.A.P, skrifttype, farvevalg placering etc. Det var et rigtig fint design, men der var stadig en del mangler og dette tog vi selvfølgelig med videre.
Refleksioner
I dette projekt har jeg lært rigtig meget om forskellige fag begreber samt, hvordan de anvendes i praksis. Det var lærerigt at møde vores bruger ude i virkeligheden, og ikke bare forholde sig til “fiktive” brugere. Vi udviklede som sagt en persona, men dette var egentlig mere til hjælp af overblik af, en specifikt persona som vi kunne tage udgangspunkt i og henvende os til. Jeg udviklede mig kreativt, og lærte at anvende C.R.A.P principperne, som var langt mere relevante end jeg havde tænkt til at starte med. I vores gruppearbejde, var der mange forskellige holdninger til tilgangen, men vi fandt en vej frem til et nogenlunde resultat. Der kom udfordringer undervejs, og jeg havde svært ved at få sagt de ting, som jeg gerne ville fordi, nogen var hurtigere til at tage beslutninger end andre. Projektet 1 var generelt rigtig spændende og lærerigt for mig, som multimediedesigner studerende. Der var mange udfordringer undervejs da projekt havde et stort, men et meget specifikt omfang. Projektet bar meget præg af en-mands arbejde, og den persons beslutninger, og derfor var det vanskeligt at uddele arbejdsopgaver til alle. Derfor var der en del tid, hvor en enkelt person ikke havde det store at gå i gang med.
I projekt 1 fik vi en masse konstruktiv feedback, som var virkelig brugbart b.la. at vi godt kunne have været mere personlige, og udseendet på vores hjemmeside kunne virke meget kaotisk. Selve layoutet virkede meget tungt, og der var “små ting” som skrifttype, tekststørrelse, billedekvaliteten etc. kunne have været bedre. Jeg er delvis enig i mange af tingene, og det har helt klart hjulpet mig, til at reflektere over mine designs fremover. Et andet vigtigt element, jeg lærte var et CTA (Call To Action) var utroligt vigtigt at have med, sådan et klienten ønskede at arbejde sammen med dig fremover. Generelt var vores produkt godt, dog en del mangler – hvilket har lært mig en masse til at blive endnu bedre, og tænke mere over de “små ting” i ens arbejde.
Jeg var ret presset i denne periode, da jeg ikke har gået “i skole” siden jeg blev student i 2022. Derfor var min bidragelse minimal, og jeg havde det udfordrende med at kommunikere, hvordan jeg havde det i denne periode. Størstedelen af perioden, var jeg meget fraværende fordi jeg ikke følte at min bidragelse af gruppearbejdet var særlig relevant. Dette var nok mest egne personlige følelser, end det var en realitet. Jeg har en hverdag med psykiske udfordringer som desværre oftest går ud over andre på de forkerte tidspunkter. Dette skabte meget miskommunikation, og derfor havde vi en del problematikker. Jeg fik dog gode snakke med en fra gruppen omkring, hvordan jeg havde det samt, hvordan dette eventuelt kunne håndteres til fremtidige projekter. Til feedback af vores arbejde, var jeg også meget ærlig omkring denne situation, og synes jeg tog meget af det på mine skuldre, hvorimod at jeg nok ikke skulle have taget hele skylden, da vi alle sammen er en del af arbejdet og der ikke kun kan være 1 person, som skaber alle problematikkerne. Alt i alt, lærte jeg mig selv at kende og vil helt klart fortælle mine fremtidige gruppemedlemmer omkring disse udfordringer.