Introduktion
Projekt 1 var vores første gruppeopgave på multimediedesignuddannelsen og havde til formål at give os praktisk erfaring med designprocessen bag et hjemmeside-redesign. Vi skulle udvælge en eksisterende dansk hjemmeside med forbedringspotentiale og – gennem analyse, idéudvikling og visuel prototyping i figma – udvikle et nyt designforslag med fokus på brugeroplevelse og visuel identitet.
Vi valgte at arbejde med Odense Hobby, en specialbutik med både fysisk butik og webshop, som sælger modeltog, landskabsudstyr og tilbehør til modeljernbaner. Det er et nicheområde, som tiltrækker både samlere, entusiaster og hobbyfolk i alle aldre – primært mænd. Deres nuværende hjemmeside virkede dog uoverskuelig, utidssvarende og ikke særlig inspirerende i forhold til de passionerede brugere, den henvender sig til.
Indledende analyse og brugerforståelse
Som en del af den indledende fase lavede vi en brugertest af den eksisterende hjemmeside for Odense Hobby for at undersøge, hvordan faktiske brugere oplevede siden. Vi udarbejdede simple scenarier, som deltagerne skulle gennemføre – fx at finde en specifik type modeltog eller tilbehør, navigere til kontaktoplysninger og finde inspiration til et nyt projekt. Undervejs observerede vi deres adfærd og noterede, hvor de oplevede forvirring eller frustration.
Brugertesten afslørede flere gennemgående problemer:
- Designet blev opfattet som gammeldags og rodet
- Brødteksterne virkede tunge og uoverskuelige
- Billederne fangede ikke opmærksomheden og manglede stemning
- Navigationen blev omtalt som forvirrende og uforklarlig
- Siden skabte ikke den nysgerrighed eller inspiration, brugerne forventede af en hobbyshop
Flere deltagere havde svært ved at finde rundt uden at bruge søgefeltet, og ingen oplevede siden som visuelt tiltalende eller inspirerende. Feedbacken fra brugertesten blev en vigtig rettesnor i det videre redesignarbejde, da det gav os konkrete indsigter i, hvordan målgruppen faktisk interagerede med sitet – og hvor der var størst behov for forbedringer.
Persona og målgruppe
Designfase i Figma
Vi gik videre med at designe nye wireframes i Figma, hvor vi arbejdede med en ny layoutstruktur til forsiden og vigtige undersider. Vores fokus lå på:
- Enkel navigation, med tydelige produktkategorier og genveje
- En forside, der skaber interesse og engagement fra første blik
- Brug af billeder i høj kvalitet, der viser både produkter og opstillinger med modeltog
- Et mere teknisk og organiseret visuelt udtryk – som matcher målgruppen og emnet
Efter wireframes lavede vi en high-fidelity prototype, hvor vi arbejdede med farver, typografi og detaljer. Vi valgte farver som mørkeblå, grå og dybe grønne nuancer – som giver en teknisk og klassisk følelse. Samtidig brugte vi en klar sans-serif typografi for at holde designet skarpt og letlæseligt.
Vi designede også en ny produktside med fokus på produktbilleder, specifikationer og tilbehør, da vi så, at mange brugere har brug for at sammenligne og fordybe sig i detaljer, før de foretager et køb.
Samarbejde og refleksion
Samarbejdet i gruppen var en vigtig læringsdel af processen. Vi fordelte opgaverne umiddelbart efter interesse og kompetencer, men det var ikke en gruppe som jeg følte mig godt tilpas i. Jeg prøvede at give lidt af mig selv, men jeg fik hurtigt en følelse af at de andres arbejdsgange ikke var så gruppeorienteret og derfor gav jeg lidt slip og hang bagefter. Men der blev holdt en god tone hele vejen igennem og vi kom da i mål med et flot resultat.
Personligt lærte jeg meget om design som kommunikation – at det ikke handler om at lave noget flot, men om at designe noget, der virker for den rette målgruppe. Jeg blev også meget mere fortrolig med Figma som værktøj og opdagede, hvor vigtigt det er at arbejde iterativt og turde justere undervejs.
Projektet gav mig en stærk introduktion til design thinking og den brugercentrerede tilgang til digitalt design. Vi oplevede, hvor meget man kan forbedre en eksisterende løsning ved at analysere målgruppen og tage bevidste designvalg – selv uden at kode én eneste linje.
Redesignet af Odense Hobbys hjemmeside blev en prototype, som jeg er stolt af – med et klart visuelt sprog, mere overskuelig struktur og højere grad af brugerfokus. Og vigtigst af alt: jeg blev bekræftet i, hvor vigtigt det er at designe med hjertet, men bygge med hovedet.