Re-design af hjemmeside
Da vi begyndte på projekt 1 til kick-off, startede vi i gruppen ud med at udfylde vores gruppekontrakt, og fik den afleveret lidt senere på dagen. To af os i gruppen havde på forhånd været på udkig efter hjemmesider, som vi mente kunne bruge en forbedring. Vi kiggede vores muligheder igennem, og efter en lille form for afstemning blev det til guldsmedien-overgade.dk. Denne guldsmed lå oprindeligt i Overgade, men havde skiftet lokation til Otterup, og derfor var et navneskifte også i vente. Derfor har vi i vores redesign kun gået med lokationen i Otterup.
Derefter begyndte vi at planlægge vores aktiviteter for ugen, ved at lave en rough tidsplan. Denne tidsplan skulle primært bruges til at få et overblik over de ting, vi mente at vi skulle opnå for at komme i mål med opgaven. Kick-off var torsdag, og vi aftalte at fredag skulle vi lave testplan, testscript samt udføre vores første brugertest. Vi fik om fredagen lavet testplan og testscript og fik udført et par brugertests. Dog kom vi ikke i mål med alle vores brugertests, og aftalte at vi hver især ville teste på nogle privat. Vi endte her også med at ændre lidt på vores tidsplan, da det efter vejledning med Andrea gik lidt op for os, at vi skulle lave en del mere målgrupperesearch end det vi havde. Derfor aftalte vi, at vi lørdag tog en tur ind i gågaden og observerede på nogle guldsmede, som var lidt det samme som Guldsmedien Otterup.
Lørdag mødtes vi i gågaden, men stødte på det problem, at ingen af guldsmedene derinde var i samme “kategori” som Guldsmedien Otterup, både ift. prislejet (som var meget højere end vores klient), men også ift. materialerne. Målgruppen for disse guldsmede ville være folk, som havde en del højere rådighedsbeløb, da deres prisleje lå mellem 5.000-500.000 kr., hvor Guldsmedien Otterup selv estimerede deres prisleje til at være 700-1.000 kr. i gennemsnit. Derfor valgte vi at udarbejde et spørgeskema for at få lidt information om målgruppen alligevel. Herefter gik vi i gang med noget research på UI trends i 2025, hvor vi primært fandt informationer på YouTube. Vi begyndte dernæst på vores style tile, da vi fik en idé om, hvilke elementer vi ville have på hjemmesiden, da vi også havde fået lidt mere information om målgruppen gennem interview og spørgeskema. Vi snakkede sammen om hvilke af de UI trends vi fandt kunne være relevante for lige netop os af bruge i vores redesign. Vi valgte sådan noget som store bannere på forsiden og stor, bold tekst til, mens vi valgte sådan noget som 3D-elementer, bevægende elementer og scrolling design fra.
Efter udarbejdelsen af vores style tile aftalte vi i gruppen, at vi hver især ville lave et wireframe til forsiden, og så kunne vi lave vores endelige wireframe/prototype baseret på disse tre eksempler. Jeg forsøgte at lave mit wireframe både baseret på de UI trends vi havde aftalt at gøre brug af, men samtidig forsøgte jeg at gøre brug af C.R.A.P-principperne, især ift. proximity, hvor elementerne der “passede” sammen, var nær hinanden og gerne inddelt i en form for “boks”. Jeg ville også prøve at holde selve forsiden indbydende, og havde tænkt at det første banner med billede og tekst skulle være en slags velkomsthilsen for at gøre hjemmesiden mere personlig end den oprindelige. Da det kom til at skulle vælge vores endelige wireframe, besluttede vi, at vi ville bruge elementer fra dem alle i et nyt wireframe. Dog synes jeg at vi kom lidt for hurtigt igennem dette, og i stedet for at udarbejde et nyt wireframe, blev det pludselig til prototypen vi arbejdede på. Her tror jeg at det kunne have været godt for os at have lavet et wireframe uden tekst og farver først, og derefter begyndt på prototypen. Grundet dette blev arbejdet med prototypen også mere noget vi bare tog som det kom, og ikke noget, som var planlagt, hvor vi vidste hvad der skulle være hvor, samt hvordan vores undersider skulle se ud.
Da vi havde færdiggjort vores prototype (som vi kom rimelig hurtigt igennem, selvom vi ikke havde en plan eller wireframe), begyndte vi på vores anden omgang af brugertests, nu på vores redesign af hjemmesiden. Vi gik rundt på skolen, og forsøgte at finde testpersoner, som matchede vores målgruppe. Vi udførte samtidig med vores brugertests også en A/B-test på vores footer, da der var uenighed i gruppen om, hvilken der skulle bruges fra vores wireframes. Generelt set havde vores respondenter et godt førstehåndsindtryk af hjemmesiden, og vi havde fået mange af de ting som på den oprindelige hjemmeside ikke fungerede, til at fungere bedre. Dog var der selvfølgelig ting vi kunne forbedre, herunder ønskede flere af respondenterne bl.a. at der var mere information om produkterne på siderne hvor alle billederne af produkterne var (f.eks. et beskrivende navn til smykket, pris etc.) samt at der var “om os” i headeren, og ikke kun på forsiden. Da vi havde gennemført alle vores brugertests gik vi disse forbedringsforslag igennem (der var lidt flere end nævnt ovenfor), og valgte dem ud, hvor vi syntes at det gav mening at ændre. Der var eksempelvis én respondent, der mente, at headeren var for gammeldags, hvor alle andre respondenter syntes at den var let og overskuelig – derfor valgte vi ikke at ændre på headeren.
Efter disse forbedringer havde vi egentlig i vores tidsplan skrevet, at vi ville udføre en tredje brugertest, men grundet vores tidligere ændring i tidsplanen var der ikke længere tid til dette, da vi i stedet blev nødt til at gå i gang med vores klientrapport. Vi tog lidt inspiration til emner og overskrifter fra den eksempler, der var lagt op på ItsLearning, og begyndte at skrive vores tekster i et word-dokument. På den måde kunne vi alle komme til at skrive tekst til rapporten, da der ellers kun var én person der kunne udarbejde selve rapporten i InDesign. Da vi havde fået skrevet det meste af vores tekst begyndte et af mine gruppemedlemmer på rapporten i InDesign samtidig med at et udkast til udseendet blev lavet i Figma. Imens begyndte jeg at klargøre vores zip-fil. Her gemte jeg alle vores dokumenter (style tile, UI trends, spørgeskemaresultater etc.) og organiserede dem i mapper. Til næste dag var klientrapporten færdig og vi fik afleveret det hele.
Pitch og feedback
Vi havde i gruppen lavet vores pitch baseret på vores klientrapport og fik fremlagt det foran vores eget hold og holdet på 3. semester. Da vi havde fremlagt gav Andrea os feedback, som var lidt mere baseret på det vi havde fortalt om i fremlæggelsen, hvor vi senere ville få feedback på selve klientrapporten. Her fik vi noget indsigt i hvordan man skal strukturere sin pitch til en klient, som man skal gå ud fra, ikke har samme faglige indsigt som vi har. Vi fik også feedback fra 3. semester i en padlet, hvor sådan noget som brødkrummer på produktsiderne, samt udeblivelse at kontaktformular i footeren (fordi den kan vokse med lange beskeder) blev anbefalet. Her tror jeg også at der var lidt forvirring ift. præsentationsteknik, da Andrea havde sagt, at vi bare skulle præsentere til ham (klienten), men en del at præsentationsteknik-feedbacken gik på, at man skulle tale ud til publikummet. Denne feedback kunne jeg se at flere grupper også fik. Ellers syntes jeg at det var godt at få noget feedback på det vi havde lavet. Imens vi har siddet med projektet har det været nemt at stirre sig blind på det man har lavet, men når fejl og mangler bliver påpeget kan man ligepludselig godt se, at der er tydelige/væsentlige mangler i produktet. Derfor tror jeg også at det i fremtidige projekter kan være godt måske lige at tage en pause fra at kigge på produktet, så nogle sådan fejl kan spottes inden det vises for klienten. Eksempelvis var der heller ingen af vores brugertestpersoner, der påpegede at der ikke var en ‘send’-knap på kontaktformularen, ligesom vi selv heller ikke havde opdaget det.
Da vi senere fik feedback på selve klientrapporten var jeg meget enig i meget af det der blev sagt. I forhold til selve opbygningen af rapporten har det kun været ét gruppemedlem, som har lavet den i InDesign, og jeg har, grundet vores tidspres, ikke fået ordentlig mulighed for at kigge på den, før vi skulle aflevere. Ligeledes blev dette gruppemedlem nødt til at gå tidligere den dag vi skulle aflevere, så selv hvis der var noget der skulle ændres, ville vi ikke rigtigt have mulighed for det.
Refleksion
Under vores første, rigtige projekt har jeg lært en hel masse, både fagligt, om mig selv, og om gruppedynamik. Rent fagligt har jeg bl.a. lært meget om hvor vigtigt det er at kende målgruppen. Det er for det første rigtig vigtigt at finde ud af hvem målgruppen er, før man overhovedet kan begynde på sit produkt, men det er også rigtig vigtigt at vide, for rent faktisk at ramme målgruppen. Jeg tror, at man hurtigt kan komme til bare at gå med hvad man tænker målgruppen er (hvilket selvfølgelig kan være at det er den rigtige målgruppe), men der skal være noget, som viser, at det er den rigtige målgruppe. Selvom målgruppen for en virksomhed eller produkt måske virker oplagt, kan det være, at ens idé om det, måske er helt forkert. Derfor er research inden for dette meget vigtigt, og der er mange måder at udføre denne research på.
Jeg har i projektet også lært meget om gruppedynamikker og mig selv i disse. Jeg har fra tidligere studier et ret godt indblik i, hvordan jeg arbejder godt, samt hvilken rolle jeg tager i forskellige slags grupper. Jeg synes ikke at vi i denne gruppe havde et ret godt overblik over hvad vi lavede eller hvornår. Normalt er jeg en meget organiseret type i gruppesammenhænge, og jeg har ofte endt med at være en slags facilitator i grupper, hvor jeg har styr på hvad der skal laves, tidsplan og arbejdsopgaver. Jeg tror dog, at der i gruppens forskellige personligheder skete lidt et clash, som gjorde, at der ikke var nogle tydelige roller eller arbejdsfordeling. Derfor tror jeg at jeg i fremtidige projekter, hvis ikke der er en tydelig facilitator, måske kunne blive nødt til at tage den rolle, i hvert fald for mig selv. Under projekt 1 har jeg følt at alt har været taget meget på gefühlen, uden nogen plan, og det tror jeg har ført til et produkt, som jeg ikke helt synes at jeg kan stå 100% inden for. Derfor har jeg også lært hvor vigtigt sådan noget som struktur egentlig er for mig selv og min arbejdsproces, da det er noget vi har manglet rigtig meget. Derudover havde vi i denne gruppe lidt udfordringer ift. et gruppemedlem, som gentagne gange brød vores aftaler i gruppekontrakten. Dette er noget, som har påvirket vi to tilbageværende gruppemedlemmer meget under denne proces. Derfor har jeg også fundet lidt mere ud af hvem jeg ikke har så meget lyst til at skulle arbejde sammen med fremadrettet, men også hvor vigtig en gruppekrontakt er.