Opgaven lyder:
Find en dårlig designet hjemmeside, lav re-design samt brugertest dit nye design. Lav derefter en klientrapport med analyse og redegørelse. Der er dag indlagt i skema, til at lave pitch.

Gruppekontrakt:
Første dag i skolen fik vi vores teams, og gennemgik selve projektets omfang.
I teamet lavede vi aftaler for hvornår vi skal mødes, samt hvor meget tid vi vil sætte af til det. I slutningen af dagen skulle vi aflevere en gruppekontrakt.
Under gruppekontakt udførelse, kom vi i tale om emner såsom “dårlige dage, hvornår arbejder vi bedst, hvilke kompetencer og ressourcer har vi indbyrdes i gruppen”. Her var vi meget enige, men dog med forskellige kompetencer, som forhåbentligt kunne helgradere os i projektet. Efter valg af hjemmeside, gik det stærkt.

De tre største problematikker:
Dette fandt vi under desk research, og valgte at brugerteste.
Usammenhængende brugeroplevelse, informationsmangel, uklar sammenhæng.

Brugertest:
Så gik vi i gang med testplan, testscript, og brugerteste. Transkriptet var hurtigt at lave, testplanen ligeså. Vi lagde vægt på formålet med undersøgelsen og var effektive i de spørgsmål vi stillede. Testene var ret nemme for gruppen, da vi var nogle stykker i gruppearbejdet der havde nemt ved at stille spørgsmål og interviewe. Første brugertest lavede vi sammen, så alle havde en idé om hvordan dette foregik, de andre brugerteste lavede jeg hjemmefra med testpersoner uden viden indenfor dette fag. Nedenunder har jeg vedhæftet billeder af de test jeg lavede hjemme, samt kan man se at det blev optaget, og den ene test er AI Promt transkriberet.
Brugertesten viste især udfordringer med synligheden og forståelsen af Stilleklip, information om frisøren samt navigationen omkring booking. Disse fund blev derfor taget med videre i vores prioritering af problemer og dannede grundlag for centrale beslutninger i redesign’et.

Eksempel på vores testscript, samt den ene brugertest:

Transkriberet brugertest: (AI transkriberet)

Lydfil:
I mine brugteste, var jeg så heldige at jeg måtte optage deltagerne.

Vores første wireframes:
Sådan så vore helt første idéer ud. Der nåede at komme en stor ændring i dette undervejs.

Det endelige produkt i sammenligning
Før vs Efter billeder fra rapporten:

Prøv vores endelige Figma Mockup:
Da vi har været under stram tidsperiode, er det kun muligt at klikke rundt mellem det hele, men ønsker du at bestille en tid, er det lige nu kun under herre klip du kan dette. Hele figma mockup´en er nyt design. Farver, former, billeder m.m er alt nyt. De tre største problematikker vi fandt er løst, samt brugertestet.

https://www.figma.com/proto/2yfRCKCEbGhsxrkXPfhy8B/Salon-Klippetr%C3%A6et?node-id=36-3&starting-point-node-id=36%3A3&t=akn49iHEiIMKcUFn-1

Tidslinje:
D 28/09 2026 – Gruppekontrakt, udvalg af hjemmeside. Vi laver lidt desk research og finder de problemer vi føler, der stikker mest ud.

D 29/09 2026 – Vi kiggede på wireframes, lavede alle én hver, og skulle beslutte hvilken ville gå med. Vi lavede Transcript og testplan til vores brugerteste.

D 30/09 2026 – Meget effektiv dag. Vi lavede projektgrundlaget, transkriberede vores test, kiggede på styletiles, udvalgte vores problemer fra brugertestene, lavede mock-up, og gik i gang med design eksempler/forsøg. Her sammensatte vi også style tiles og fik set på farver.
Jeg stod for en mockup af siden med hendes åbningstider, mens de andre lavede mockups af andre faner/sider på hjemmesiden. Alt Design arbejde laver vi over figma.

D 01/10 2026 – Vi færdiggøre de sidste brugerteste, og arbejder længe på designs over figma. Vi finder ud af hvor stort et arbejde vi er i gang med, og opdager at vi har en del fokus på mange emner.

D 02/10-2026 – I dag arbejder vi hjemmefra. Har hver især en side design at arbejde med. Drengene sidder med tidsbestillingen, hvilket indebærer mange funktioner og genveje der skal fikses. Jeg sidder lidt med nogle maps problemer, og må ende med et open street view program i stedet. Dette er en af de mere rolige dage, hvor der er tid og plads til afslapning i gruppen. Det gruppemedlem som har været syge igennem hele processen, påtager sig både nogle designopgaver og til en lille skriftlig del også, til hen over weekenden, så alt i alt en god rolig gruppedynamisk dag.

D 05/10 2026 – Rapport skrivning er påbegyndt. Jeg sidder selv med det skriftlige bagadtil, mens drengene færdiggøre mockups, og afslutter det visuelle design. Gruppedynamikken fungerer rigtig fint. Vi sidder forskellige steder, med forskellige opgaver. Lige i dag fungerer denne del rigtig godt, men i morgen mødes vi fysisk til at færdiggøre rapport i InDesign.

D 06/10 2026 – En dag hvor der skal arbejdes hurtigt. Minimal snak, stor koncentration. Jeg fik de sidste referencer til brugerteste på plads, den ene dreng i gruppen fik redigeret de sidste billeder fra frisør besøget i går. Opgaven er jeg påbegyndt i InDesign, og der laves justeringer til en opgaven som afleveres i morgen.

D 07/10 2026 – Drengene afleverer opgaven og sætter min skrevne rapport, ind i Indesign for mig.

D 08/10 2026 – Der forberedes pitch.

D 09/10 2026 – Fremlæggelse, og slut for dette projekt.

Feedback lød:
Tænk over at formuler hvorfor skifttyper og størrelser påvirker brugeroplevelsen. Referer til C.R.A.P Principperne endnu mere end vi gjorde. Husk at ALT der er brødtekst skal være samme størrelse, knapper samme størrelse, samme farver, så der er total genkendelighed og ikke er noget der stopper op og forstyrrer processen.
Under tidsbestillingen skulle vores proceslinje være endnu tydligere. Den faldt lidt i baggrunden pga. farvevalget og størrelsesvalget. Husk at fortæl hvad der er AI genereret, f.eks. billeder under tidsbestilling. Ellers fik vi ros for nemheden i at følge med i vores fremlægning, som var visuelt illustreret med Figma slides. Vi fik også ros for at nævne at manglende information drev kunder væk, men med det nye design, med information som brugerne manglede, fik vi bibehold disse kunder.

Refleksion:
I teamet på opstartsdagen lød vi meget enige om vores gruppekontakt. Så længe vi er ærlige, og får snakket højt om hvad end der presser på, så kan vi nemmere som team støtte op om problematikken. Det var rigtig rart at få talt om. Det gør at det føles nemmere, at tage uenigheder op. Vi kom også rigtig godt fra start.

I processen var det tydeligt at se, hvem der havde erfaring hvor, og i hvad. Drengene i gruppen var meget tekniske, mens vi piger var rigtig gode til at få skrevet en hel masse bagvedlæggende, både som teori, og i rapporten. Det blev lidt derfor drengene der stod for generering af designs idéer, mens jeg især fik transskriberet, analyseret og påtog mig den skriftlige del i rapporten.

Da der under hele processen, var en som lå syg, påvirkede dette selvfølgelig gruppedynamikken undervejs. Personen var heldigvis ikke helt passiv, og fik lavet lidt, i det omfang hun kunne. Da drengene især mest stod for det visuelle, blev der også lidt skabt en “hvem har lavet hvad” situation, hvilket gjorde stemningen presset den ene dag. Dog ved vi alle sammen godt, at vi har deltaget med det vi kunne, og det var alt vi forventede af hinanden. Der var ingen sure miner, kun godt samarbejde, og alle lærte nye ting undervejs i processen.

Selv kunne jeg godt se. at min styrke lå i den skriftlige del, og derfor endte jeg automatisk også med at påtage mig en masse ansvar heri. Dette er den mere tilbagelæggende del af projektet, hvor mit arbejde var mere analyse præget end visuelt udtryk. Det skabte lidt ubalance i gruppen, men selvom min styrke var heri, fik jeg stadig lavet wireframes og mock-ups. Drengene var glade for at lave en masse visuelt, så jeg følte også at der blev nødt til at være en med mere vægt på selve rapporten. Derfor endte jeg også både med ansvar for brugertestene, testplanen, projektgrundlaget og den skriftlige rapport. Hver især lavede vi en wireframe, og sammen tog vi hver især sider på vores Mock-Ups.