Kick off
Mandag den 2. februar var første skoledag på 3. semester og markerede samtidig kick-off for eksamensprojektet. Projektet blev officielt skudt i gang med oplæg fra Rasmus og Mark, hvor vi blev introduceret til projektbeskrivelsen, kravene samt de forventninger, der er til projektet.
Vi besluttede at fortsætte samarbejdet fra sidste projekt, hvor Caroline, Maria, Rebecca og jeg arbejdede sammen. Dette fungerede rigtig godt, så vi valgte at danne den samme gruppe. Inden for teamet blev ansvarsområderne fordelt, så Maria og Rebecca fokuserer på content, mens Caroline og jeg tager ansvar for front-end udviklingen. Denne opdeling sikrer, at vi kan arbejde parallelt og udnytte vores styrker bedst muligt.
Resten af dagen brugte vi på at udarbejde vores gruppenkontrakt, hvor vi blandt andet definerede samarbejdsformer, kommunikationsmåder og retningslinjer for konflikthåndtering. Dette gav os et solidt fundament for samarbejdet og sikrer, at alle har klare forventninger til både arbejdsindsats og ansvar i projektet.
Sprint 1 (3/2 – 27/2)
Sprintintro
I dette sprint fokuserede vi på den indledende opstart af projektet, hvor vi etablerede de nødvendige arbejdsdokumenter, satte Figma op og skabte overblik over vores arbejdsflow. Parallelt med det begyndte vi at kontakte relevante virksomheder for at skabe samarbejdsmuligheder og indsamle information. Sprintet inkluderede både planlægning, kommunikation og de første møder med virksomheder, hvor vi kunne få indsigt i deres behov og vurdere potentialet for fremtidige samarbejder.
Opstart
Efter kick-off blev dagen brugt på at oprette forskellige dokumenter og opsætte Figma, så vi kunne få overblik over vores arbejdsflow og visualisere idéer. Vi strukturerede både projektplaner, opgavelister og skabeloner, der skulle gøre det lettere at koordinere vores næste skridt.
Sende mails
Vi udarbejdede i fællesskab en standardmail, hvor vi præsenterede projektet, vores idéer og formålet med samarbejdet. Mailen blev sendt til en bred vifte af virksomheder inden for forskellige brancher, som vi vurderede kunne være relevante. Formålet var både at skabe interesse og at åbne op for muligheder for møder, interviews eller samarbejder.
OJO
OJO var den første virksomhed, der svarede på vores henvendelse, og vi fik hurtigt aftalt et telefonmøde. OJO er en nyåbnet vegansk, plantebaseret café med fokus på bæredygtighed og innovativ madoplevelse. Under telefonmødet fik vi en grundig introduktion til deres koncept, målgruppe og værdier, og vi kunne stille spørgsmål omkring mulighederne for samarbejde. Efter mødet valgte vi at vente med at give en endelig tilbagemelding, da vi gerne ville samle flere henvendelser fra andre virksomheder, før vi besluttede vores næste skridt. Denne tilgang sikrede, at vi kunne sammenligne mulighederne og træffe et mere velinformeret valg.
Nær cafe/mikrobageri
Senere modtog vi flere henvendelser, hvoraf én kom fra Café Nær. Rebecca og Maria tog ud for at mødes med ejeren, hvilket gav os mulighed for en personlig dialog og en mere dybdegående forståelse af caféens koncept og behov. Mødet forløb rigtig godt, og vi fik afklaret konkrete muligheder for samarbejde, samtidig med at vi kunne diskutere ideer og udveksle input direkte.
Sprint Retrospective
I dette sprint er vi blevet introduceret til eksamensprojektet som starter på førstedagen, og som varer hele dette semester. Vi fire fandt hurtigt sammen som gruppe igen, og lavede gruppekontrakt, delte drev med hinanden samt figma. Vi lavede også en risikoanalyse på førstedagen.
Vi går så i gang med at undersøge mulige klienter, ved primært at søge på google maps og kigge på virksomheder vi selv havde interesse for. vi skriver og sender 9 mails samt en besked på instagram, hvor vi får svar fra 2 virksomheder.
Sprint 2 (2/3 – 20/3)
Sprintintro
I dette sprint arbejdede vi videre med at undersøge og afgrænse den problemstilling, som vores klient Jesper fra Nær havde præsenteret os for. Fokus i sprintet var at opnå en bedre forståelse af både virksomheden, målgruppen og kundernes adfærd. Gennem spørgeskemaer, observationer og research blev vi klogere på, hvilken retning projektet skulle tage. Sprintet blev derfor afgørende for udviklingen af vores endelige problemformulering og den videre proces.
Spørgeskema
For at få en bedre forståelse af den problemstilling, vores klient Jesper havde, valgte vi at undersøge den nærmere. Dette gjorde vi ved at udarbejde to forskellige spørgeskemaer – ét til caféen og ét til deres mikrobageri. Derudover lavede vi flyvers, som blev brugt til at skabe opmærksomhed omkring spørgeskemaerne og indsamle svar fra kunderne.
Observationer
Efter vi havde udarbejdet flyvers til både mikrobageriet og caféen, delte vi os op. Rebecca og Maria tog til mikrobageriet, mens Caroline og jeg tog til caféen. Her brugte vi 2–3 timer på at observere kundernes adfærd. Vi fokuserede blandt andet på, hvem der kom ind, hvad de bestilte, og om de valgte at spise i caféen eller tage deres køb med som takeaway.
Ud fra vores observationer fandt vi ud af, at den oprindelige problemstilling fra Café Nærs chef ikke helt stemte overens med den faktiske adfærd hos kunderne.
Problemformulering
Efter observationerne blev vi i tvivl om målgruppen samt, hvorvidt den første problemstilling fortsat gav mening. Samtidig skulle vi beslutte, om vi ville fokusere på caféen eller mikrobageriet.
På baggrund af vores observationer og vores interesse for mikrobageriet valgte vi at arbejde videre med denne del af virksomheden. Derfor udarbejdede vi en ny problemstilling:
Hvordan kan Nær Mikrobageri gennem digital formidling synliggøre deres brug af kvalitetsråvarer og håndværk for at øge opmærksomheden omkring bageriet?
Research
For at få mere viden om både målgruppen og Nær Mikrobageri begyndte vi at researche på blandt andet:
– Hvad et mikrobageri er
– Hvem der typisk besøger et mikrobageri
– Hvilke konkurrenter virksomheden har
Denne research hjalp os med at skabe et bedre fundament for vores videre arbejde.
Målgruppe + minerva
Ud fra vores research kom vi frem til følgende målgruppe:
Målgruppen består af unge voksne i alderen 26–34 år, som bor i nærområdet. De er typisk i arbejde eller etableret i deres karriere og har derfor en stabil økonomi, der gør dem villige til at betale ekstra for kvalitet.
De befinder sig primært i det grønne og blå segment, hvilket betyder, at de vægter kvalitet, æstetik og godt håndværk højt. De har en bevidst livsstil og interesserer sig for madoplevelser og autenticitet frem for masseproduktion.
Målgruppen søger produkter med en tydelig historie og værdi, og de sætter pris på gennemsigtighed omkring produktionsmetoder. De motiveres af oplevelsen omkring produktet – ikke kun selve købet – og ønsker at støtte lokale og passionerede producenter.
Persona
Efter målgruppen var fastlagt, begyndte Rebecca og Maria at udarbejde vores to personaer – én primær og én sekundær persona. Personaerne skulle hjælpe os med at forstå målgruppen bedre og skabe et mere målrettet design og indhold.
Tone of Voice og Iteration
For at finde den rette tone of voice analyserede vi først Nærs eksisterende sociale medier. Da projektet både omfattede content og front-end, vidste vi samtidig, at vi skulle udvikle en hjemmeside.
Vi testede derfor forskellige muligheder for tone of voice og overvejede, om hjemmesiden og Instagram skulle have samme tone eller forskellige udtryk afhængigt af platform og målgruppe. Vi udarbejdede tre forskellige tone of voice-retninger: personlig, informerende samt kort og kontant.
Ud fra vores tests fandt vi frem til, at den bedste løsning var at kombinere styrkerne fra alle tre tilgange og tilpasse tone of voice efter både platform og formål.
Projektpitch 1
I dette sprint deltog vi også i vores første projektpitch. Efter vores præsentation fik vi feedback og spørgsmål til blandt andet vores personaer, tone of voice og brugen af Scrum.
Feedback på persona
– Hvorfor står der pris?
– Hvor kommer pains og motivation fra?
– Hvilket segment tilhører de forskellige personaer – og hvorfor?
– Arbejdstitlen “Malou – barsel”
Feedback på tone of voice
– Skal tone of voice bruges samlet eller hver for sig?
Feedback på Scrum
– Hvorfor har I valgt Scrum, og hvordan har I brugt det?
– Brug Scrum mere aktivt og eventuelt med forskellige opgaver fordelt efter person og studieretning.
Sprint Retrospective
I dette sprint har vi defineret målgruppen og fået en bedre forståelse for dem og deres værdier. Dette gjorde vi gennem sekundær research såvel som gennem spørgeskema og observation.
Vi fik afkræftet problemformuleringen stillet af klienten ved første møde. Vi har derudover formuleret en ny foreløbig problemstilling. Vi udarbejdede eksempler på Tone of Voice, som vi så testede på målgruppen. Det blev her afgjort, at ToV’en skulle være informerende såvel som personlig
Som afslutning på dette sprint, har vi haft projektpitch, hvor vi fremlagde, hvad vi indtil videre har fundet ud af
Sprint 3 (23/3 – 27/3)
Sprintintro
I dette sprint arbejdede vi videre med at konkretisere vores løsning for Nær Mikrobageri. Fokus var at gå fra indledende analyser og målgruppeforståelse til at udvikle en tydelig værdi, struktur og retning for både indhold og design. Gennem modeller, analyseværktøjer, idéudvikling og tidlig prototyping fik vi testet vores antagelser og begyndt at forme en mere konkret digital løsning
Value Proposition Canvas
Vi har udarbejdet en Value Proposition Canvas (VPC) for at få en bedre forståelse af sammenhængen mellem vores målgruppe og den værdi, som Nær kan tilbyde.
På kundesiden har vi identificeret, at målgruppen ønsker at støtte lokale producenter, købe kvalitetsprodukter og få autentiske madoplevelser frem for masseproduktion. Samtidig oplever de udfordringer med manglende transparens, tidsmangel og en svag forbindelse til brands.
På værdisiden har vi fokuseret på håndlavede produkter, tydelig storytelling og en stærk visuel og digital tilstedeværelse. Dette skal skabe mere gennemsigtighed, styrke den emotionelle oplevelse og gøre det lettere for kunden at forstå værdien bag produkterne.
Interresentanalyse
Efter vi havde fastlagt vores problemformulering og retning for projektet, udarbejdede vi en interessentanalyse. Dette gjorde vi for at få overblik over, hvem der har indflydelse på projektet, og hvordan vi bedst kan tage højde for deres behov og forventninger i vores løsning.
Tværmedial Kommunikation (værditilbud, målgruppe, budskab, promotion-mix)
Vi har arbejdet med Tværmedial Kommunikation for at sikre en tydelig sammenhæng mellem værditilbud, målgruppe, budskab og vores kommunikationskanaler for Nær.
Værditilbuddet tager udgangspunkt i godt håndværk, høj kvalitet og gennemsigtighed, som skal kunne både ses og smages i produkterne.
Målgruppen er unge voksne i alderen 26–34 år, primært i det grønne og rosa segment, som vægter autenticitet, kvalitet og lokale værdier højt.
Budskabet er både personligt og informerende med fokus på, at virksomheden står for kvalitet, godt håndværk og lokal forankring.
I vores tværmediale promotion-mix arbejder vi primært med Instagram som social medie-platform samt en hjemmeside, hvor vi kan formidle brandets historie og produkter mere dybdegående.
KWHL – målgruppen + Interviewguide + interview
Caroline og jeg udarbejdede en KWHL-model for at skabe overblik over, hvad vi allerede vidste om målgruppen, hvad vi gerne ville vide mere om, og hvordan vi kunne finde frem til den viden.
På baggrund af dette udviklede vi en interviewguide, som vi brugte til at gennemføre interviews med målgruppen. Dette gav os et mere nuanceret indblik i deres behov, vaner og forventninger.
Brainstorm på ideer til content og front-end
For at komme tættere på den endelige løsning brainstormede vi idéer til både content og front-end. Med udgangspunkt i vores interviews blev det tydeligt, at hjemmesiden skulle have et mere informerende fokus.
Derfor arbejdede Caroline og jeg især med, hvordan vi kunne formidle produktinformation og råvarernes oprindelse på en tydelig og brugervenlig måde.
Lo-fi Prototype
På baggrund af vores brainstorm udviklede vi en lo-fi prototype. Her testede vi forskellige strukturer og flows for at undersøge, hvordan brugeren bedst muligt kan navigere i informationen.
Vi udarbejdede to forskellige prototyper, som begge havde til formål at teste, hvordan informationsflowet kunne fungere i praksis.
Testguide + plan + brugertest
Vi lavede en testplan og testguide for at kunne teste vores prototyper systematisk. Fokus var især på flow, informationsmængde og forståelighed. Vi opstillede tre kriterier, som prototyperne skulle opfylde for at matche målgruppen.
Resultaterne viste, at begge flows generelt var intuitive og nemme at navigere i. Testpersonerne havde let ved at finde information om ingredienser og forstå råvarernes oprindelse.
Derudover fungerede kort og ikoner godt, da de visuelt understøttede fortællingen om lokale råvarer og gjorde informationen mere overskuelig.
Samtidig viste testen, at tekstmængden flere steder var for stor – især på mobil. Brugerne efterspurgte kortere tekster, bedre opdeling med underoverskrifter og mere fokus på kerneinformation frem for lange beskrivelser.
Sprint review
I dette sprint har vi arbejdet med at udvikle fundamentet for vores løsning gennem analyser, idéudvikling og tidlig prototyping. Vi startede med at udarbejde centrale analyser som VPC og TMK, som gav os en bedre forståelse af målgruppen og dannede grundlag for vores videre arbejde.
På baggrund af dette udviklede vi en lo-fi prototype, der visualiserer strukturen og flowet i vores løsning. Prototypen blev brugertestet, og vi gennemførte også interviews med målgruppen, hvilket gav os værdifuld feedback og indsigt i deres behov og adfærd.
Derudover har vi arbejdet med en indholdsramme, som understøtter løsningen, og vi har været ude hos klienten for at indsamle visuelt materiale, der kan bruges i det videre design.
Samlet set har sprintet resulteret i en første prototype, indsigter fra brugertests og interviews samt et stærkere grundlag for at videreudvikle både indhold og design i næste sprint
Batman og Robin
Sprint 5 (6/04-10/4)
Sprint intro
I dette sprint arbejdede vi med at genbesøge og justere fundamentet for vores løsning, da vi stødte på en væsentlig ændring i projektets rammer. Det betød, at vi måtte gentænke både indhold, struktur og problemformulering. Fokus skiftede derfor fra konkret produktinformation til en mere fortællende og værdibaseret digital formidling af Nær Mikrobageri. Dette sprint blev derfor centralt for at redefinere retningen for vores projekt og sikre, at løsningen stadig kunne realiseres inden for de givne begrænsninger
Ændring af problemformulering
Efter at have udarbejdet en lo-fi prototype af hjemmesiden, ønskede vi at indsætte konkrete oplysninger om produkterne. Derfor kontaktede vi Jesper for at få adgang til disse informationer. Her fik vi dog et uventet svar: Han ønskede ikke at dele sine opskrifter eller ingredienser, da disse er forretningshemmeligheder.
Dette skabte en væsentlig udfordring for vores oprindelige idé og gjorde det nødvendigt at gentænke vores problemformulering. Vi ændrede derfor fokus til en mere værdibaseret og fortællende tilgang:
Hvordan kan Nær Mikrobageri gennem digital formidling iscenesætte deres værdier og håndværk for at skabe en stærkere fortælling og øge opmærksomheden omkring mikrobageriet?
Ul patternes
På baggrund af ændringen i retning begyndte vi at undersøge UI patterns fra andre bageriers og fødevarevirksomheders hjemmesider. Dette gjorde vi for at få inspiration til, hvordan vi kunne strukturere indhold uden at være afhængige af konkrete produktdetaljer, og i stedet fokusere på storytelling og visuel formidling.
User flow og user goals
For at sikre, at brugeren stadig var i centrum, udarbejdede vi user flows og user goals. Dette gjorde vi for at kortlægge, hvordan vores personaer ville navigere på hjemmesiden, og hvilke mål de har, når de besøger siden. Det hjalp os med at skabe en mere målrettet struktur, hvor brugerens behov blev styrende for design og indhold
Lo-fi wireframe
Caroline og jeg begyndte herefter at udarbejde en ny lo-fi wireframe, som tog højde for den ændrede problemformulering. Her fokuserede vi på at skabe en tydelig struktur, hvor indholdet i højere grad understøtter fortællingen om Nær frem for specifikke produktinformationer.
Prototype
Vi havde nu en klarere idé om indhold og struktur, men det visuelle design manglede stadig retning. Derfor inddrog vi Maria og Rebecca for at styrke den visuelle del af projektet. Sammen udviklede vi den første samlede prototype af hjemmesiden, hvor både struktur, indhold og visuel retning blev samlet i én løsning.
Sprint Review
I dette sprint har vi arbejdet med den indledende og strukturelle del af projektets design og brugeroplevelse. Der er blevet foretaget en ændring af problemformuleringen for at sikre et mere præcist fokus i projektet. Derudover er der arbejdet med UI patterns, user flow og user goals for at skabe en klarere forståelse af brugerens rejse og interaktion med produktet. Vi har også udarbejdet low-fidelity wireframes samt en indholdsramme, som danner grundlaget for det videre designarbejde, ligesom der er udviklet indholdskoncepter til danne indholdsramme.
I forhold til igangværende arbejde er der blevet arbejdet videre med style tile, moodboard og prototype, som skal understøtte den visuelle identitet og omsætte de foreløbige koncepter til et mere konkret designudtryk.
Samlet set har sprintet primært fokuseret på at styrke fundamentet for projektets struktur, brugerforståelse og visuelle retning.
Sprint 6 (13/04 – 17/04)
Sprintintro
I dette sprint arbejdede vi videre med at forbedre og konkretisere vores løsning gennem test, teknisk opsætning og justering af vores analyser. Fokus var både på at sikre en bedre brugeroplevelse gennem brugertest og på at skabe et mere stabilt fundament for det videre udviklingsarbejde. Samtidig blev centrale analyseværktøjer som målgruppe, persona og Minerva-model opdateret, så de passede til den nye problemformulering og projektets ændrede retning.
Testguide + testplan + Brugertest
Vi havde nu udviklet en ny prototype, som skulle testes for at undersøge, om de tidligere udfordringer stadig var til stede, eller om der var opstået nye problemer i løsningen.
Derfor udarbejdede vi endnu en testguide og testplan, så vi kunne gennemføre brugertesten på en struktureret måde. Formålet med testen var blandt andet at undersøge navigation, forståelse af indhold og den generelle brugeroplevelse.
Brugertesten gav os værdifuld feedback på prototypen og hjalp os med at identificere elementer, der fortsat skulle forbedres eller justeres i det videre arbejde.
Rettelse af målgruppe, persona, minerva
Da vi tidligere havde ændret problemformuleringen, blev det også nødvendigt at justere vores målgruppeanalyse, personaer og Minerva-segmentering.
Vi gennemgik derfor materialet og tilpassede det, så det stemte bedre overens med projektets nye fokus på værdier, håndværk og storytelling frem for konkrete produktinformationer.
Dette sikrede, at vores analyser fortsat understøttede den retning, projektet havde udviklet sig i.
Opret repo + directory
Efter brugertesten begyndte Caroline og jeg at opsætte den tekniske del af projektet. Vi oprettede et repository på GitHub og tilkoblede det til vores lokale directory gennem terminalen.
Herefter testede vi workflowet ved at sende filer og ændringer frem og tilbage mellem repository og lokale filer.
Sprint review
I dette sprint har vi arbejdet med både forberedelse, testning og produktion af indhold til projektet. Der er blevet udarbejdet en testguide og testplan, som har dannet grundlag for gennemførelse af brugertest på vores prototype.
Derudover er der blevet oprettet et repository samt en tilhørende mappestruktur (directory), som sikrer en mere organiseret og struktureret arbejdsproces i udviklingen.
På indholdssiden er der blevet skudt både videomateriale og billeder, som skal anvendes i den visuelle del af projektet. Samtidig er der foretaget en rettelse og præcisering af målgruppe, samt arbejdet med personaer og Minerva-modellen for at sikre en bedre forståelse af brugerne og deres behov.
Samlet set har sprintet både omhandlet teknisk opsætning, brugerindsigt og produktion af visuelt materiale, som tilsammen styrker fundamentet for det videre arbejde.
Sprint 7 (20/04-24/04)
Sprintintro
I dette sprint arbejdede vi videre med udviklingen af projektets frontend og implementeringen af den feedback, vi havde modtaget gennem brugertests. Fokus var både på at forbedre brugeroplevelsen og på at opbygge de centrale komponenter til hjemmesiden.
Implementering af brugertest svar på prototype
Efter vi havde gennemført brugertesten af vores prototype, begyndte vi at implementere den feedback, vi havde modtaget.
Vi arbejdede med at justere design, struktur og funktionalitet ud fra brugernes kommentarer og oplevelser. Formålet var at forbedre brugeroplevelsen og sikre, at hjemmesiden blev mere intuitiv og overskuelig at navigere i.
Kode footer og header
Efter vi havde oprettet projektet i Vue, begyndte vi at udvikle de første centrale components til hjemmesiden – herunder header og footer. For at fordele arbejdet delte vi opgaverne mellem os, så Caroline arbejdede med headeren, mens jeg udviklede footeren.
Kode kontakt side
Jeg havde tidligere udviklet en kontaktside i forbindelse med valgfagsprojektet. Denne side implementerede jeg herefter i vores nuværende projekt, så den blev tilpasset hjemmesidens design og struktur. Dette gav os et godt udgangspunkt og gjorde det muligt hurtigt at få en funktionel kontaktside integreret i løsningen.
Sprint review
I dette sprint har vi arbejdet både med fremlæggelser, brugerfeedback og videreudvikling af projektets frontend. Der er blevet afholdt fremlæggelser med studiemakker på tværs samt præsentation af valgfagsprojektet,
Derudover har vi arbejdet med implementering af brugertestsvar fra vores prototype, som har givet input til forbedringer og justeringer af design og funktionalitet. Vi har undersøgt mulighederne for indsættelse af billeder og video, hvilket understøtter det videre arbejde med mere visuelt indhold på siden
På den tekniske side er den kodede kontaktside blevet indsat i projektet, og vi har arbejdet med opbygning af centrale komponenter som footer, header og brugermenu for at sikre en mere sammenhængende struktur i layoutet. Til sidst er hero-videoen blevet redigeret, så den passer bedre ind i det visuelle udtryk og understøtter sidens første indtryk.
Sprint 8 (27/04-1/05)
Sprint intro
I dette sprint arbejdede vi primært med den tekniske struktur og opsætning af projektet. Fokus var at skabe et mere stabilt og overskueligt udviklingsmiljø, som kunne understøtte det videre arbejde med hjemmesiden. Derudover arbejdede vi med at optimere vores kode og skabe en mere ensartet visuel struktur gennem brug af SCSS, routing og fælles designsystemer.
Fælles firebase
For at kunne arbejde mere effektivt og samle projektets data ét sted, opsatte vi en fælles Firebase-løsning. Vi bruger blandt andet console.firebase til realtime firebase, hosting og firebase store
Downloade leaflet, sass og firebase på terminalen
Vi downloadede og installerede forskellige nødvendige pakker gennem terminalen, herunder Leaflet, Sass og Firebase.
– Leaflet blev installeret for at kunne arbejde med interaktive kort på hjemmesiden
– Scss blev installeret for at skabe en mere struktureret og vedligeholdelsesvenlig styling.
– Firebase blev installeret for at kunne koble projektet op til vores fælles database og backend-løsning.
Dette gav os et stærkere teknisk fundament for det videre arbejde.
Routing
Vi arbejdede med routing i Vue for at skabe navigation mellem hjemmesidens forskellige sider.Her opsatte vi routes, så brugeren kunne bevæge sig mellem siderne uden genindlæsning af hjemmesiden.
Rette css til scss
Efter vi havde fået undervisning i SCSS, begyndte vi at omskrive vores eksisterende CSS til SCSS. Dette gjorde vi for at skabe mere struktur i vores stylesheets og gøre koden lettere at vedligeholde. SCSS gav os blandt andet mulighed for at arbejde med nesting, variabler og mixins, hvilket gjorde stylingarbejdet mere effektivt.
Farver, fonte og firkanter
For at skabe et mere ensartet designsystem arbejdede vi med farver, fonte og generelle designkomponenter.
Vi benyttede mixins og partials i SCSS til at samle vores farver og fonte ét sted, så det blev lettere at genbruge dem gennem hele projektet. Derudover arbejdede vi med faste designprincipper til blandt andet knapper, bokse og firkanter for at skabe et mere konsistent visuelt udtryk.
Sprint Review
I dette sprint har vi arbejdet med opsætning og videreudvikling af projektets struktur og funktionalitet. Vi har etableret en fælles Firebase-konfiguration, som fungerer som central backend for projektet, og samtidig fået installeret og sat Sass og Firebase korrekt op i terminalen.
Derudover er der blevet implementeret en kontaktside, som nu er en del af projektets navigation, hvor routing også er blevet forbedret for at sikre en mere stabil og overskuelig sideovergang. I forbindelse med frontend-arbejdet er CSS blevet omstruktureret til SCSS, hvilket har gjort styling mere organiseret og lettere at vedligeholde. Vi har gennemgået _color.scss for at sikre en ensartet farvepalette, implementeret de korrekte fonte for at matche designkravene og introduceret mixins for at gøre styling mere effektiv og genanvendelig.
Udover det tekniske arbejde er der også blevet arbejdet med det visuelle og kommunikative indhold, hvor videoer og billeder er blevet redigeret, og der er blevet formuleret captions til Instagram-posts for at understøtte projektets sociale medieindsats.
Sprint 9 (04/05-08/05)
Sprint intro
I dette sprint arbejdede vi videre med både udvikling, formidling og visuelt indhold til projektet. Fokus var blandt andet på vores anden pitch, hvor vi skulle præsentere de metoder og processer, vi havde arbejdet med indtil videre. Samtidig fortsatte vi udviklingen af hjemmesiden, arbejdet med sociale medier og produktionen af visuelt materiale til dokumentaren.
Fremlæggelse pitch 2
I dette sprint skulle vi præsentere vores anden pitch. Her var fokus især på de metoder og analyseværktøjer, vi havde anvendt i projektet indtil videre, samt hvordan de understøtter vores løsning.
Under præsentationen noterede jeg de spørgsmål og refleksioner, som underviserne stillede både til os og de andre grupper. Disse spørgsmål gav os nye perspektiver på projektet og hjalp os med at overveje, hvordan vi kunne styrke både vores argumentation og løsning.
Oprettelse af Instagram
Rebecca og Maria oprettede en Instagram-profil til projektet, som skulle bruges til at publicere opslag og understøtte den sociale mediedel af løsningen. https://www.instagram.com/p/DYg24nGjHW0/?hl=da&img_index=1
Kode
I dette sprint fik vi også kodet en stor del af hjemmesiden. Vi blev færdige med både forsiden og kontaktsiden, samtidig med at vi næsten færdiggjorde “Om os”-siden.
Derudover fik vi implementeret billeder og ikoner på hjemmesiden, hvilket gjorde det muligt at opdatere både header og footer med blandt andet logo og kontrolsmiley.
Hjemmesiden blev primært udviklet med fokus på mobilversionen, da vores målgruppe forventes at komme fra Instagram videre til hjemmesiden. Efter en samtale med Marc blev det dog tydeligt, at hjemmesiden også skulle fungere og fremstå professionel på desktop.
Derfor arbejdede vi videre med responsive løsninger og optimerede layoutet, så hjemmesiden både fungerer godt på mobil og computer.
B-roll ankomst
I dette sprint begyndte vi også arbejdet med optagelser til vores dokumentar. Vi tog inspiration fra The Breakfast Club og filmede forskellige ankomstscener til skolen.
Jeg skulle blandt andet spille en scene, hvor det så ud som om, jeg næsten kørte Maria ned, hvilket resulterede i en ret øm nakke bagefter. Derudover stod jeg bag kameraet under nogle af optagelserne af Rebecca, og det kunne tydeligt mærkes, at det var længe siden, jeg sidst havde arbejdet med kamera.
Selvom optagelserne var udfordrende til tider, var det en hyggelig dag, og det var rart at arbejde med noget mere kreativt og praktisk efter længere tid med analyse og kodning.
Sprint review
I dette sprint har vi arbejdet videre med både udvikling, design og markedsføring af projektet. På den tekniske side er der blevet kodet flere centrale sektioner på hjemmesiden, herunder SoMe-sektion, anmeldelser, historie og værdier, på forsiden, samt “Hvem er vi”-sektionen på Om os-siden.
Hjemmesiden er samtidig blevet optimeret til computer-visning for at sikre en bedre brugeroplevelse på større skærme. Kontaktsiden er blevet videreudviklet ved at tilknytte Firebase til kontaktformularen, så datahåndtering og funktionalitet nu fungerer mere effektivt.
Udover udviklingsarbejdet er der også blevet oprettet en Instagram-profil som en del af projektets sociale medieindsats. Der er rettet i value proposition canvas, så den passer på vore nye problemformulering, og pitch 2 er blevet forbedret og efterfølgende fremlagt. Samtidig er der blevet filmet B-rolls af ankomstscener, som skal anvendes i det visuelle materiale og understøtte projektets fortælling og stemning.
Sprint 10 (11/05-15/05)
Sprint intro
I dette sprint arbejdede vi videre med både færdiggørelsen af hjemmesiden og produktionen af vores dokumentar. Fokus var på at optimere hjemmesidens funktionalitet og performance samt at skabe mere visuelt og stemningsfuldt materiale til projektets fortælling. Sprintet kombinerede derfor både teknisk udvikling, designoptimering og kreativ videoproduktion.
Kode
I dette sprint færdiggjorde vi “Om os”-siden og arbejdede videre med mindre rettelser på både mobil- og desktopversionen af hjemmesiden.
I sidste sprint havde vi implementeret billeder og ikoner, og denne gang fokuserede vi derfor på at optimere hjemmesidens performance gennem Lighthouse. Her blev det tydeligt, at hjemmesidens performance-score ikke var optimal, blandt andet på grund af store billedfiler.
For at forbedre dette komprimerede jeg billederne og konverterede dem til WebP-format i Photoshop, så de fyldte mindre uden at gå væsentligt på kompromis med kvaliteten. Dette forbedrede loadingtiden og gjorde hjemmesiden mere performant.
https://projekt-6-mikrobageri.web.app/
Dokumentar
Vi brugte en hel dag på at filme vores dokumentar. Dagen startede med optagelse af forskellige B-rolls, hvor vi blandt andet filmede i auditoriet og genskabte ikoniske dansescener inspireret af The Breakfast Club.
Vi brugte tid på at øve os og eksperimentere med forskellige optagelser, hvilket resulterede i flere sjove og stemningsfulde klip. Derudover gik vi rundt på skolen for at filme flere hverdagsagtige scener, blandt andet optagelser i elevatorerne, hvor Caroline stod i den ene elevator og jeg i den anden.
Om eftermiddagen filmede vi selve dokumentaren. Vi havde booket lokale A2.43, hvor vi satte lys og kamera op for at skabe de rette rammer til interviewdelen. Her skiftedes vi til at fortælle om processen bag projektet og vores arbejde gennem de forskellige sprint.
Sprint Review
I dette sprint har vi arbejdet videre med både udvikling af hjemmesiden og produktion af visuelt indhold. På den tekniske side er “Vores historie”-sektionen på Om os-siden blevet kodet, så virksomhedens fortælling nu er integreret som en del af hjemmesidens indhold. Derudover er der lavet mindre rettelser og optimeringer til både small screen og desktop-visning for at sikre en mere ensartet og brugervenlig oplevelse på tværs af enheder.
Vi har også arbejdet med optimering af billeder ved at ændre billedstørrelser og konvertere dem til WebP-format, hvilket forbedrer hjemmesidens ydeevne og loadingtid.
På den kreative side er der blevet redigeret videoer til sociale medier for at styrke projektets online tilstedeværelse. Derudover er der optaget B-rolls fra skolearbejde samt filmet interviews til dokumentaren, som skal bruges til at understøtte projektets fortælling og skabe mere autentisk visuelt materiale.
Sprint 11 (18/05 – 22/05)
Sprint intro
I dette sprint arbejdede vi med de sidste større elementer af projektet, herunder færdiggørelse af dokumentaren, brugertests og styrkelse af projektets kommunikative og visuelle identitet. Fokus var både på at finpudse vores materiale og sikre, at hjemmesiden og sociale medier fungerede i praksis gennem test og evaluering. Derudover arbejdede vi videre med research og kommunikationsmodeller for at styrke projektets strategiske fundament.
Dokumentar
I sidste sprint filmede vi størstedelen af interviewene til dokumentaren, men vi nåede ikke helt i mål. Derfor brugte vi dette sprint på at optage de sidste manglende scener.
Vi manglede blandt andet en outro til dokumentaren. Oprindeligt var planen, at Marc og Rasmus skulle medvirke, men da de desværre var syge, måtte vi finde en alternativ løsning. Derfor endte Kenneth – også kendt som Kato – med at medvirke i stedet.
Dette gjorde, at vi kunne færdiggøre de sidste optagelser og komme tættere på den endelige version af dokumentaren.
Sekundær research
Mens jeg gennemgik vores materiale og analyser, opdagede jeg, at vi manglede research, som passede til vores nye problemformulering. Derudover var der flere analyser og afsnit, som endnu ikke var helt færdiggjorte. Jeg arbejdede derfor videre med sekundær research omkring målgruppen og tilføjede yderligere information om vores konkurrenter.
Kommunikationens fire K’er
Vi arbejdede også med kommunikationsmodellen “De fire K’er” i forhold til både Instagram og hjemmesiden. Her analyserede vi blandt andet kommunikationens: Koncist, konsistent, komplementær og konsekvent. Dette hjalp os med at sikre en mere sammenhængende kommunikation på tværs af platforme og styrkede den måde, vi formidler Nærs værdier og identitet på.
Moodboard og style tile
I dette sprint færdiggjorde vi også vores moodboard og style tile til hjemmesiden. Dette gav os et samlet visuelt overblik over farver, typografi, stemning og designretning.
Testplan, testguide og brugertest
Caroline og jeg blev færdige med hjemmesiden, mens Maria og Rebecca færdiggjorde deres SoMe-opslag til Instagram. Derfor kunne vi nu gennemføre de afsluttende brugertests. Vi udarbejdede testplan og testguide og gennemførte herefter brugertests på både hjemmesiden og Instagram-indholdet.
Vi nåede at teste: Tre personer på hjemmesiden og To personer på sociale medier. Selvom vi gerne ville have testet flere personer, var der ikke tid til yderligere tests. De tests, vi gennemførte, gav dog stadig brugbar feedback til de sidste rettelser og forbedringer.
Sprint review
I dette sprint har vi arbejdet med både sociale medier, brugerundersøgelser og videreudvikling af projektets visuelle og kommunikative identitet. På sociale medier har vi udvalgt opslag til publicering og arbejdet med en indrykningsstrategi for at skabe en mere målrettet og sammenhængende tilstedeværelse.
Derudover er der blevet udviklet content ud fra STEEPPS-modellen samt arbejdet med en indholdsramme til Nærs Instagram-profil. Vi har også redigeret opslag og billeder til sociale medier og arbejdet med kairos for at sikre relevant og tidsaktuel kommunikation.
I forhold til test og brugeroplevelse er der blevet udarbejdet testscript, testplan og udførte brugertest til både sociale medier og hjemmesiden. Derudover er der arbejdet videre med moodboard og style tile for at styrke projektets visuelle retning.
Der er blevet udført sekundær research samt arbejdet med kommunikationsmodellen De 4 K’er for at styrke projektets strategiske fundament. Hjemmesidens performance er desuden blevet forbedret gennem optimering af Lighthouse-score. Afslutningsvis er der blevet filmet interviews og arbejdet videre med afslutningen på dokumentaren.
Sprint 12 (25/05-29/05)
Sprint intro
I dette afsluttende sprint arbejdede vi med at færdiggøre projektets sidste elementer og samle alle dele til den endelige aflevering. Fokus var både på dokumentation, design, færdiggørelse af dokumentaren og organisering af projektets materialer. Sprintet markerede afslutningen på hele projektforløbet, hvor vi samlede alt vores arbejde og gjorde de sidste leverancer klar.
Dokumentar færdig
Rebecca tog ansvaret for redigeringen af vores dokumentar og var næsten færdig med den endelige version. Det sidste, vi manglede, var voice-overen til starten af dokumentaren.
Da Maria havde indtalt voice-overen, blev Rebecca inspireret til at gøre afslutningen mere personlig og kreativ. Hun foreslog derfor, at vi skulle afslutte dokumentaren med at synge sangen selv, hvilket vi selvfølgelig valgte at gøre.
Dette gav dokumentaren et mere humoristisk og personligt præg og blev en sjov afslutning på projektet.
Klientrapporten
Arbejdet med klientrapporten fyldte meget i dette sprint – ikke kun selve skrivningen, men især designet af siderne.
Personligt havde jeg svært ved at komme i gang med designprocessen, da jeg ikke føler mig særligt kreativ, og det derfor var udfordrende både at finde idéer og skabe layouts til siderne. Heldigvis hjalp Rebecca mig meget i processen ved at guide mig og fordele opgaverne.
Det fungerede rigtig godt, fordi Rebecca kunne arbejde videre med næste side, mens jeg implementerede hendes design på de færdige sider i Figma. Samtidig var Maria virkelig stærk i InDesign og stod for opsætningen af klientrapporten, så den fik et professionelt og sammenhængende udtryk.
Logbog
Gennem hele projektet har vi løbende skrevet logbog. Rollen som ansvarlig for logbogen skiftede mellem os i gruppen. Maria startede med opgaven, Caroline overtog senere, og til sidst begyndte jeg at stå for størstedelen af logbogen.
Logbogen har været vigtig for at skabe overblik over vores arbejdsproces og de opgaver, vi arbejdede med fra dag til dag. Jeg afsluttede ofte dagen med at skrive i logbogen, men selv her kunne det være svært at huske alt det, vi havde arbejdet med i løbet af dagen.
Scrum eller scrum – elementer
I starten af projektet arbejdede vi ud fra det, vi troede var Scrum. Senere fandt vi dog ud af, at vi primært havde arbejdet med Scrum-elementer, da vi endnu ikke havde lært metoden fuldt ud.
Vi har dog gjort brug af daily scrum i form af daglige agendaer, som Caroline var så god til at sørge for at skrive op. Vi har også arbejdet med sprints, men i starten fik vi at vide, at vi havde lavet dem forkert, da alle sprints skal være lige lange. Vores første og andet sprint varede over forskellige antal uger, men Marc forklarede, at alle sprints skulle have samme længde. Derfor besluttede vi os for, at et sprint skulle vare én uge.
Vi brugte sprints til at få overblik over, hvad vi skulle nå i løbet af ugen. Hvert sprint blev afsluttet med et sprint review, som jeg stod for. Jeg fungerede som Scrum Master og havde derfor ansvar for at holde styr på vores backlog, opgaver og sprint reviews gennem projektet.
Sprint review
I dette afsluttende sprint har vi færdiggjort de sidste elementer af projektet og sikret, at alle leverancer er klar til aflevering. Der er blevet optaget voice-over, og dokumentaren er nu færdigproduceret. Forsiden er blevet opdateret med relevante links, og alle filer er samlet og organiseret i zipfilen.
Procesportfolioen og klientrapporten er blevet færdiggjort, og hjemmesiden er nu gjort online og tilgængelig. Derudover er der udarbejdet et dokument vedrørende brugen af AI i projektet samt en logbog over arbejdsprocessen.
På sociale medier er Instagram-profilen blevet gjort offentlig, så projektets indhold nu kan tilgås eksternt.
Sprintet markerer afslutningen på projektet, hvor alle planlagte opgaver og leverancer er blevet gennemført.
Refleksion
3. semester er nu afsluttet, og det har uden tvivl været den længste og mest intense eksamensperiode, jeg nogensinde har oplevet. Semesteret har været mentalt hårdt, fordi der stort set ikke har været nogle pauser undervejs, som der tidligere har været på uddannelsen. Samtidig har vi haft mange forskellige opgaver sideløbende med hovedprojektet, blandt andet praktiksøgning, studiemakker på tværs-projekt og valgfagsprojekt. Det har til tider været svært at balancere det hele, og jeg kunne mærke, at det påvirkede mit mentale overskud. Derfor var der også perioder, hvor det ikke altid føltes lige motiverende at mødes og arbejde videre på projektet.
Selvom semesteret har været udfordrende, føler jeg også, at jeg har udviklet mig fagligt gennem projektet. Jeg har lært utrolig meget inden for frontend og kodning. Gennem projektet har jeg arbejdet med Vue, components, routing, Firebase og SCSS, som alle var teknologier og værktøjer, vi først blev introduceret til på dette semester. Undervejs blev jeg mere tryg ved både at kode og strukturere hjemmesiden, og jeg oplevede især, hvordan samarbejde og sparring med Caroline gjorde det lettere at løse problemer og komme videre, når noget drillede.
Jeg har også fået en større forståelse for vigtigheden af brugerinddragelse og test. I dette projekt arbejdede vi langt mere med brugertests, end vi tidligere har gjort på uddannelsen, og det gjorde en stor forskel. Det blev tydeligt, hvor vigtigt det er at teste sine løsninger tidligt og løbende, da brugerne ofte opdager problemer eller udfordringer, man ikke selv lægger mærke til. Feedbacken fra brugertestene hjalp os med at forbedre både struktur, design og indhold på hjemmesiden.
På den kreative side har projektet også udfordret mig. Design og visuel udvikling er ikke det område, jeg føler mig stærkest i, men heldigvis var vi en gruppe med mange forskellige kompetencer. Det gjorde, at vi kunne hjælpe hinanden og fordele opgaverne efter vores styrker, så alle kunne bidrage med det, de var bedst til.
Samarbejdet i gruppen har generelt været en stor styrke gennem projektet. Vi havde forskellige kompetencer og arbejdsområder, hvilket gjorde, at vi kunne hjælpe hinanden og fordele opgaverne ud fra vores styrker. Jeg synes især, at vores brug af Scrum-elementer hjalp os med at skabe struktur og overblik i en travl projektperiode. Selvom vi senere fandt ud af, at vi ikke arbejdede med “rigtig” Scrum fra starten, gav sprint, backlog og daglige agendaer os stadig en god arbejdsproces.
Vores undervisere, Marc og Rasmus, har også haft stor betydning for projektforløbet. De var med til at gøre processen mere afslappet og motiverende. Mange af vores vejledninger startede med et hurtigt spørgsmål, som egentlig kun burde tage få minutter, men ofte endte vi med at sidde der i næsten en halv time, fordi samtalerne tog nogle sjove sidespor. Det gjorde samtidig, at det føltes nemt og trygt at komme til dem, når vi havde udfordringer eller spørgsmål i projektet.
Hvis jeg skulle gøre noget anderledes, ville jeg være bedre til at strukturere og dokumentere vores arbejde løbende. Flere gange oplevede vi, at vi måtte gå tilbage og rette analyser eller tilføje research, fordi projektets retning ændrede sig undervejs. Derudover ville jeg også gerne have haft mere tid til brugertests, da flere tests kunne have givet os endnu mere brugbar feedback. Derudover ville jeg ønske, at jeg havde været bedre til at skrive proces og refleksioner løbende gennem semesteret, da det til sidst blev en meget stor opgave, som kom til at fylde mere mentalt, end jeg havde forventet.
Alt i alt har projektet været lærerigt og udfordrende, men også meget givende. Jeg føler, at jeg både fagligt og personligt har udviklet mig gennem processen, og jeg har fået en bedre forståelse for samarbejde, projektstyring og udviklingen af digitale løsninger i praksis.