© 2018 Anastasia Aileen Halim. All Rights Reserved. 


UX, UI and Responsive design


College students have a lot on their plate. Having to balance school, work, friends and family lives often times leaves them compromising their health. One of the issues is students struggle to have a decent well prepped food due to time constraints and convenience. In this situations, most students are more likely to settle with fast food, or even skipping a meal altogether.

This issue is even more apparent for students who are living on campus or who are new to living away from home. Most campus dining area or cafeteria don't cater to off hours, in the middle of the night, when some students still needs access to food. 


DeliverEase is an application of food delivery system that aims to solve the issue of better access to variety of food, cost opportunity, maintaining student's health, safety and convenience. The idea is to focus on improving students well balanced diet as well as creating easier transitions for students who are adapting to new living arrangement. The difference from the other delivery applications that are already established would be the opportunity to create a strong student-to-student community and increasing the University experience.

Our preliminary ideas are surveyed among campus students and faculties through combination of Google form questionnaire and in-person interviews. 


A food delivery system on campus would be useful for my hectic schedule. Sometimes I skip meal when I have a lot of assignment. 


I'm a night owl and I like to take my classes in the evening. Most of the eateries on campus are closed for my dinner, and sometimes I don't feel quite safe walking around at night.


Since my class schedule are back-to-back, I don't have time going to eateries and wait for my food. Besides, Most delivery services around campus are for junk food, so I'll end up eating lots of them.



Mapping the basic flow of the app forced me to figure each step on the path the users will take throughout the solution. The flowchart was first sketched on paper and then digitally rendered it. 

Once the flow chart is finalized, the mobile App mock ups UI were designed using Illustrator and Photoshop, showing page flow from logging in and steps for when users place order.  This mobile app graphic interface is then linked and prototyped using Proto.io.


After the completion of mobile mock ups, the responsive website is built using Bootstrap to adapt across different size devices, to ensure great experience.