The mockup below is for a mobile app called 'FOPS @ NP'. 'FOPS @ NP' is a in-campus food ordering and cashless system. Students are able to order their food and pay for it in advance before they go for their lunch, in order to save time.
The 2 screens below show the login page and homepage of 'FOPS @ NP'.
The screens below shows the pages the users can navigate to:
The screens below show the order, payment and payment history pages:
As Ngee Ann Polytechnic's School main colours are pink and blue, I made use of these colours to represent that the mobile application is for Ngee Ann Polytechnic.
I used a number of colours to represent different pages and also to let the mobile application look more lively and appealing towards the students.