SaveOnFoods Website Prototype Design
CPSC 344: Human Computer Interaction Methods
For the final 6 weeks of this course, a group of colleagues and I performed a UX/UI overhaul of the SaveOnFoods online shopping website. Beginning with the conceptual design process, we came up with two different ideas of how to approach the task based on direct observation of users and user surveys earlier in the term. We then created two low-fidelity paper prototypes from the two conceptual designs, and conducted cognitive walkthroughs to asses which prototype we should move forward with. In the second half of the project, we designed a semi-functional medium-fidelity prototype using HTML. Finally, we tested the design's success by conducting usability studies, comparing the original site and our prototype. The response to our design was overwhelmingly positive and throughout the course of the project I gained a lot of valuable human computer interaction (HCI) design skills. Below are the comprehensive reports outlining our design process, however the med-fi prototype linked above is the most exciting representation of our work.