Food Court
In mijn tweede project Food Court kreeg ik de opdracht een app te ontwerpen voor een gerecht naar keuze. Ik koos voor de authentieke Belgische wafels! Dit prototype die ik in Figma maakte moest ik zo gebruiksvriendelijk mogelijk maken. Hieronder komen de stappen die ik heb gevolgd.
Onderzoek
Allereerst begon ik onderzoek te doen naar het land van afkomst, België. Zij staat natuurlijk bekend het bier, de chocola en niet te vergeten de Vlaamse frieten. In de collage’s hieronder heb ik de sfeer laten zien van drie verschillende aandachtspunten van België en heb ik gelet op kleuren en vormen, zodat ik die terug kon laten komen in mijn app. Uiteindelijk heb ik gekozen voor collage 1.
Stijl schetsen
Gebasseerd op mijn gekozen collage begon ik verschillende schetsen te maken van wafels. Ik gebruikte de vierkante vormen en bruintinten. Dit heb ik later ook terug laten komen in mijn Styleboard. Voor de tekst heb ik een oud typemachine en een sierlijke lettertype gebruikt
Ingrediënten & styleboard
Na de ingrediënten op papier te schetsen heb ik ze verder uitgewerkt in Adobe Illustrator. Ook de dingen in mijn styleboard zoals buttons, bordjes en de stappenlijn heb ik gemaakt in illustrator.
Standicoon
Daarnaast werd bij de app ook een standicoon verwacht. Ik vond een foodtruck erg leuk, alleen is een truck veel te grof en paste niet bij mijn app. Hierdoor koos ik voor een oldtimer, met wafelijzers in de achterbak.
Low fidelity wireframes
Ik begon met de app door drie verschillende soorten apps te schetsen. Dit deed ik door elke pagina te schetsen en erbij te vertellen wat de knoppen waren en wat ze deden. Hieruit koos ik de pagina’s die ik het mooiste vond. Na een idee te hebben van hoe ik het eruit wilde laten zien en mijn ingrediënten had uitgewerkt, kon ik beginnen in Figma.
De app
Na alles in Abode Illustrator gevormd te hebben kon ik beginnen in Figma. Met componenten heb ik buttons gemaakt, met overlay’s kwam het boodschappenlijstje in beeld en dankzij smart animations kon de het standicoon rijden!