Introduction

The Canteen Card Beta 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 second version of the Canteen Card mobile app UI and was designed last June 2023. Majority of the components in the UI were inspired from Microsoft's revamped design language called 'Fluent Design' while some were from Google's design language called 'Material You'.

Prototype

You can view the prototype in Figma using this link:

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

Canteen Card. Fast, lightweight, contactless.