2. Semesterprøve

LIWIRA

d. 1/5 kørte vi fra UCL og ud til vores klient – LIWIRA. Herfra sad vi og hørte lidt om Lisbeth og hendes butik LIWIRA, vi kunne stille spørgsmål til hvad de ønsker, hvem de er og hvad vi nu eller brændte inde med. Efterfølgende fik vi lov at gå rundt i butikken, tage billeder og så var der sørget for smagsprøver og 20% rabat på varene i butikken den dag.

Efterfølgende da vi kom tilbage til UCL satte vi os til at skrive gruppe-kontrakt. Denne gang har vi været enige om vi bliver nødt til at gå lidt hårde til den, så det betyder flere arbejdstimer og lektier. Målet er lidt at kunne komme så godt i gang at vi har god tid til slut så vi kan kigge alt igennem uden stress.

d. 2/5 fik vi sat SCRUM, KWHL og tidsplan op, snakket om vores sprints og hvad vi gerne ville fokusere på som nogle af de første punkter.
Vi gennemgik også vores sidste projekt med den feedback vi fik derfra så vi vidste hvad vi kunne tage med videre og hvad vi skal gøre bedre denne gang.
Vi fik også sat GitHub op og Figma op med forskellige kategorier. Der blev givet lektier ud til weekenden så vi alle havde noget at kunne fremvise mandag morgen.

Research

Vores største fokus har været research, både på målgruppe og klienten. Vi har lavet research på disse punkter:

  • Interessent og risikoanalyse
  • Research af konkurrent
  • Primær research
  • Netnografi (en af vores primære)
  • Kvali/-knavitativ
  • Spørgeskema
  • Målgruppe:
    • Persona
    • User Scenario
    • User Story
    • User Flow
Ved vores research har vi kunne udarbejde en plan for hvordan vi vil sætte LIWIRAs værdier / ønsker i fokus. 

Når du høre navnet LIWIRA, hvilken farve tænker du så på? – Lyserød, blå, beige, hvid

Moodboard
Styletile

Herfra har vi arbejdet på vores lo-fi wireframe og heraf bygget en hi-fi udfra dette. Vi lavede brugertest på vores hi-fi for at se hvordan de ville navigere rundt på siden og om det var overskueligt at finde rundt i.
Vi fik god og konstruktiv feedback som vi så kunne arbejde videre med på vores hi-fi mockup. (link)

Igennem processen har vi også arbejdet med Porter’s 5 forces, BMC, PESTEL og User Flow

Pestel
BMC
Porter’s 5 Forces
User Flow

Lo-fi og Hi-fi

Forbedringer efter feedback(link)

Igennem processen med lo-fi og hi-fi er der lavet mange brugerteste for at være sikker på at siden var intuitiv og navigationen er nem og overskuelig for brugerne. Dette er gjort igennem Think-a-loud test.

Markedsføringsvideo

Igennem processen har vi også lavet video-klips som skal bruges til vores markedføringsvideo, denne er lavet i Adobe After Effects og skal præsentere vores projekt.

https://youtu.be/t-A8vW6YUKI

Ligeså stille i mens vi får det hele på plads er vi startet op på vores kodning, vi har hver i sær en idé om hvad vi skal lave ift. JavaScript, min idé var en funktionel indkøbskurv eller idéen om at man kan tilføje vare og fjerne dem igen.
Så vi startede med at lave 3 sider, index.html, gift-basket.html og add-items – efterfølgende er der blevet lavet lidt flere men vi startede med disse hvor jeg kunne arbejde i gift-basket.html og add-items.html.

https://liwira.netlify.app/ – link til prototype side

Det blev til en lidt større proces da jeg fandt ud af at når man skal add items to cart – skal have en måde også at kunne gemme det lokalt, så med hjælp fra w3schools og en bekendt fik jeg det gjort på en måde så jeg også selv forstår hvordan det virker.

Dette var løsningen for at “items” kunne gemmes og hentes ned lokalt men også hvis man skiftede side at de stadig ville være i cart når man åbnede det igen.

Git og Github har gjort det nemt at vi både kan arbejde sammen, hver for sig og hvis der er pulled noget som gør at noget andet ikke virker at vi kan gå tilbage og se på hvordan det så ud før og endda revert / undo.

SoMe

SoMe materialerne er designet med idé og fokus på hvordan det at bruge medierne kan være med til at give en stærkere identitet for LIWIRA med idéer for hvordan de kan bruge deres SoMe og med fokus på målgruppen

Design System

Måden vi satte vores design system op var i bokse og så som frame for at gøre det nemmere og overskuelig for hvad var hvad.

Link til Design System

Efterfølgende er vi hver i sær arbejdet med vores ting, nogle i kode, nogle med rapport og nogle i Figma, det har været en god måde at komme igennem det hele på og vi har været gode til at inkludere eller læse hinandens ting igennem for at være sikker på det gav mening.

Klientrapport

Vores måde at lave klientrapporten skulle være en overskuelig og simpel måde at vise hvordan det vil se ud på mobil / computer og så med billeder udfra vores tekst som referere til det beskrevene fx. trin by trin osv.

Eksempel herunder;

Reflektion

Vi valgte fra start at arbejde hårde end hvad vi gjorde i sidste projekt, tage alt med af feedback vi fik fra det og fik lavet et godt og overskueligt SCRUM-board som vi arbejdede udfra.

Hver dag mødtes vi på skolen for at arbejde sammen, vi startede ud med at holde et SCRUM møde hvor vi alle rejste os og reflekterede over hvad vi har arbejdet på, hvad vi mangler og hvad der evt. skal kigges på- dette gjorde arbejdsprocessen væsentlig mere overskuelig og vi fik en bedre start på dagen.
Pga. det har vi været godt med både i følge af det vi vil opnå og vores SCRUM så vi ligeså stille kunne rette til i vores sprints.

Dette projekt har været ekstra interresant fordi vi har haft en klient som også har fulgt godt med og svaret på mails og evt. spørgsmål vi måtte have.

Trods vi alle har følt lidt os lidt presset grundet at gå fra projekt 4 til projekt 5 synes jeg vi har gjort et ekstraordinært job, både at holde hinanden fast og lyttet når man måske har været lidt mere træt eller syg.

Vi har nået vores sprints og mål og vi har kunne bruge projekt 4 som en støtte-pæl til hvad vi skal gøre bedre med. Så jeg er glad for det vi fik udarbejdet med dette projekt.