Ide-generering
Projektet startede med en idéudviklingsfase, hvor vi brugte moodboards og analyserede lignende virksomheder som Lagkagehuset for inspiration. Gennem denne proces skabte vi et klart billede af det produkt, vi ønskede at udvikle. Denne idé blev derefter omsat til virkelighed via wireframes i Figma, hvor vi formgav webshoppen ud fra vores koncept og designprincipper.
Processen (uddybet)
Vi udviklede detaljerede wireframes og prototypes i Figma, som gav os et klart overblik over layout, navigation og indholdsplacering på webshoppen. De fungerede som fundament for videre design og udvikling. Derefter lavede vi et sitemap, som gav struktur over sidens opbygning og hjalp os med at planlægge en logisk brugerrejse gennem webshoppen. Vi arbejdede også med en brugerrejse for Johns Kagehus, hvor vi beskrev, hvordan brugeren skulle navigere fra forsiden til gennemført bestilling. Det gav os vigtig indsigt i brugerens behov og adfærd. Mod slutningen udførte vi flere tests, hvor vi testede både design og funktionalitet. Feedbacken fra testene blev brugt til at forbedre og justere webshoppen, så den blev mere brugervenlig og funktionel.
Lottiefile og afslutning
Projektet blev afsluttet med færdiggørelsen af en Lottie-animation, som vi havde designet og udviklet ved hjælp af Illustrator, After Effects og AI-værktøjer. Animationen blev eksporteret som en kompakt Lottie-fil, som vi kunne integrere direkte på forsiden af vores færdige website. For at nå dertil lavede vi grundig research og eksperimenterede med forskellige værktøjer for at udnytte deres fulde potentiale. Det krævede flere iterationer og tekniske justeringer, før vi nåede frem til et resultat, der matchede vores vision. Til sidst forberedte vi en præsentation af websitet, hvor vi øvede formidlingen af både proces og det færdige produkt, så vi kunne præsentere det professionelt for andre.
