Projekt 5 – 2. Semesterprøven

d. 30 / 05 / 2025

Projektbeskrivelse

LIWIRA er en lokal butik i Langeskov, der vil skabe sin egen digitale identitet og nå ud til flere, særligt målgruppen >40år. De ønsker at skille sig ud fra modervirksomheden Pejsemontering og konkurrenter som Interflora ved at tilbyde lokale, bæredygtige kvalitetsprodukter med fokus på hygge. Projektet handler om at udvikle en brugervenlig webshop, hvor kunder kan sammensætte personlige gavekurve. Med udgangspunkt i Design Thinking og andre brugercentrerede metoder, udvikles en digital løsning, der både matcher LIWIRAs vision og målgruppens behov.

Kick-off

Den 1. maj var vi ude og besøge LIWIRA, hvor vi mødte ejeren Lisbeth, der fortalte om butikkens koncept og visioner. Jesper og Pernille præsentere projektet.Vi fik stillet spørgsmål, snakket om målgruppen og fik et godt indtryk af brandet.

Bagefter fik vi en rundvisning, tog billeder, både af butikken og produkterne. Vi fik smagt på nogle af deres produkter.

Tilbage på UCL lavede vi vores gruppesamarbejdsaftale og blev enige om at tage projektet mere seriøst fra start, så vi kan arbejde mere effektivt og undgå panik til sidst.

Den 2. maj fik vi sat godt gang i projektet. Vi lavede en klar struktur med SCRUM board, tidsplan, KWHL og Google Docs med forskellige faner til organisering. Vi snakkede om vores sprints og blev enige om at tage projektet mere seriøst fra start, med flere arbejdstimer og mere selvstændigt arbejde.

Vi tog også et kig tilbage på sidste projekt og brugte feedbacken til at forbedre vores tilgang denne gang. For at få bedre overblik og progression, lavede vi fem sprints i stedet for tre. Det gav os en klar fornemmelse af fremgang og flere pauser til refleksion undervejs.

Vi satte milepæle og sigtede efter at være færdige en uge før deadline, så vi havde tid til at rette fejl. Det holdt næsten. vi blev færdige i uge fire.

Vi oprettede også GitHub og Figma med tydelige kategorier og gav os lektier med hjem til weekenden. Og så begyndte vi hver morgen med korte SCRUM-møder, som hjalp os med at holde fokus og undgå for meget snak udenom.

Vi lavede både risiko- og interessentanalyse. De blev justeret i forhold til sidste projekt, især fordi vi nu arbejder med en rigtig klient. Vi brugte også Design Thinking til at styre processen og holde fokus på brugeren, især de sidste faser blev brugt aktivt til at justere løsningen undervejs.

Som en del af vores forarbejde satte vi os grundigt ind i både LIWIRA, deres kunder og konkurrenten Interflora. Vi lavede en række undersøgelser, blandt andet spørgeskemaer og netnografi, for at finde ud af, hvordan folk forholder sig til at købe gavekurve på nettet, og hvad der skal til for at fange deres interesse. Vi kiggede på deres nuværende digitale tilstedeværelse.

For at holde styr på alt, samlede vi vores data i et delt dokument med overskuelige sektioner, og vi brugte et KWHL-skema som pejlemærke for, hvad vi allerede vidste, og hvad vi stadig manglede svar på. Det hjalp os med at stille de rigtige spørgsmål i vores næste snak med klienten og gjorde det lettere at forstå, hvad LIWIRA egentlig står for.

Derefter satte vi gang i at lave et moodboard og en style tile for at samle den visuelle retning og forme to personaer, scenarier og brugerrejser.

Lo-fi og Hi-fi

Hele den viden blev tog vi med over i udviklingen af vores lo-fi wireframe. Da vi havde mulighed for at teste hurtigt med rigtige brugere, sprang vi direkte videre til en hi-fi version. Feedbacken herfra var virkelig brugbar og gjorde det muligt at justere vores prototype, så den passede bedre til både virksomhedens vision og brugernes behov.

Vi besøgte klienten for at få content til SoMe og for at lave brugertest direkte i butikken. Desværre var der ikke nogen kunder til rådighed i målgruppen, så vi måtte tage til Odense og lave brugertesten der. Vi fik gennemført seks tests, og den største udfordring var, at nogle brugere blev forvirrede over, hvad der var gavekurv, og hvad der var enkeltvarer, fordi vi havde vist et eksempelprodukt inde på gavekurvens underside. Det var dog nemt at rette.

Flere testpersoner associerede LIWIRA med lyse farver som lyserød og lyseblå, hvilket gav os inspiration til farvevalget på siden. Efter brugertesten begyndte vi på en mock-up baseret på den feedback.

Sideløbende har vi arbejdet med modeller som Porter’s 5 Forces, BMC, PESTEL og user flow for at holde styr på både forretnings- og brugerperspektivet.

lo-fi:

Hi-fi:

Hi-fi mockup:

Midtvejspitch og feedback

Den 14 maj, præsenterede vi vores hi-fi prototype til midtvejspitch og fik værdifuld feedback på design og brugervenlighed. Vi forbedrede bl.a. videoens pausefunktion og overvejede håndtering af alkohol-salg og gavekurvens pris. Flere forslag som cardsorting og filtrering gemte vi til senere, så vi kunne fokusere på det vigtigste.

Markedsføringsvideo

Pernille fik klippet en fin marketingsvideo sammen, så vi kunne fokusere på alt andet.

SoMe

Samtidig udviklede vi et designsystem, indholdsstrategi og producerede SoMe-materiale til LIWIRAs sociale medier. Her havde vi særligt fokus på, hvordan LIWIRA kunne styrke deres visuelle identitet og øge interaktionen med målgruppen. Vi udarbejdede fire konkrete idéer til opslag, der skal engagere brugerne og skabe større opmærksomhed omkring gavekurvskonceptet og virksomhedens lokale forankring. Materialet blev designet med blik for målgruppen og LIWIRAs værdier.

Prototype

Efter at have færdiggjort mockuppen gik vi i gang med at kode. Alle bidrog til HTML og CSS for at matche mockuppen bedst muligt. JavaScript-opgaver blev fordelt, og jeg fik til opgave at lave en Burger-menu, hvor jeg brugte ChatGPT opdater mit Javascript, så det passer til den nye hjemmeside, og til at sikre, at koden opfyldte pensumkravene. Jeg har også implementeret en play/pause-knap til videoen, så brugerne selv kan starte og stoppe afspilningen og ændre ikonerne på search og basket for at gøre det mere visuelt, og andre ting . 

Under kodningen brugte vi BEM, semantiske tags, JavaScript, HTML og CSS. Vi fokuserede på de vigtigste undersider for at demonstrere brugerflowet.

Reflektion

Fra start blev vi enige om at give den ekstra gas i dette projekt og arbejde mere struktureret end sidst. Det har været intenst, men vi holdt fast i planen og hinanden, og det gjorde en stor forskel.

Det var virkelig fedt at arbejde med en rigtig kunde. Det gav projektet mere mening, og Lisbeth var super engageret og nem at samarbejde med. Det har givet mig en bedre forståelse for, hvordan man balancerer kundens ønsker med målgruppens behov.

SCRUM-møderne og de daglige check-ins hjalp meget med at holde styr på opgaverne.

JavaScript var svært og tog lang tid, men jeg har lært mere og føler, jeg forstår det bedre nu. Jeg har lært en masse ved bare at prøve mig frem og søge hjælp undervejs.

Under vores midtvejspitch blev det tydeligt for mig, at præsentationer foran andre ikke er min stærke side endnu. Jeg kunne mærke, at jeg virkelig skal øve mig i at fremlægge foran andre, især når det gælder noget seriøst. Det er helt klart noget, jeg vil arbejde mere med fremover jeg skal lægge mere energi i at øve min formidling, ISÆR i mere “formelle” sammenhænge..

Til sidst vil jeg bare sige, at jeg er virkelig glad for min gruppe. Jeg føler, at jeg bliver hørt, og at der er plads til alle, som de er. Vi har haft et rigtig godt samarbejde, hvor vi støttede hinanden, både når energien var høj, og når den var lav. Det har gjort hele processen meget mere overskuelig og tryg.