Your Lunch

En hjemmeside og app det gør det nemt for studerende at forudbestille frokost og undgå madspild

Problemet

Kantinen på SEA oplevede både madspild og udsolgte retter. Derfor var opgaven at designe en hjemmeside og mobilapp, der gør det muligt at reservere frokosten på forhånd.

Interviewes omsat til design

Her er 3 hovedpointer fra mine interviews og hvordan de har påvirket mit design

15% rabat var den største motivation

“Jeg vil bruge appen, hvis jeg kunne spare 15 % "

Derfor blev rabatten gjort til det mest synlige element i hero-sektionen

Enkel Layout

“Det skal være nemt at finde rundt. Jeg gider ikke bruge tid på at lede”

Derfor bliv layoutet gjordt enkelt og overskueligt , så kunden hurtig kunne gennem føre bestillingen

Fleksibel bestilling

“Fordi jeg ikke plejer at spise i kantinen, så er det spontant når jeg gør; det er ikke noget, jeg planlægger”

“Jeg ville gerne bestille en uge i forvejen, hvis jeg vidste hvad der var på menuen og hvad det kostede”

Derfor blev menuen organiseret efter uger og ugedage og det blev gjort tydeligt hvornår bestillingen blev lukket

Skærmbillede 2026-08-10 233230 1

Wireframes

 

De første wireframes gav mig et visuelt udgangspunkt for løsningen. Jeg brugte dem til at fastlægge sidernes opbygning og placere det vigtigste indhold, før jeg gik videre med farver, typografi og det endelige design.

Designsystem

Jeg tog udgangspunkt i SEA’s røde farve for at skabe en visuel forbindelse til skolen og kombinerede den med blå og lyse nuancer. PT Sans Caption bruges til overskrifter, mens Fira Sans Condensed bruges til brødtekst for at skabe et enkelt og tydeligt udtryk.

Det færdige design