Introduction

The Canteen Card Alpha app is a mobile application that allows students to check and monitor their expenses in the school canteen using their Canteen Card. The app is free to download and can be used once the student's Canteen Card has been produced. The app also provides information about the menu, prices and availability of food and other items in the canteen.

Design

This is the first version of the Canteen Card mobile app UI and was designed last May 2022. The monochromatic color used across the UI was inspired from the school's official color. Some components in the UI were inspired from both Microsoft's revamped design language called 'Fluent Design' and Google's design language called 'Material You'.

Prototype

You can view the prototype in Figma using this link:

https://www.figma.com/file/1J9aoKDzKCoIcC0z22u1ft/Canteen-Card-Alpha?type=design&node-id=0%3A1&mode=design&t=DCsICd3ZXsA2j0BP-1

Canteen Card. Fast, lightweight, contactless.