Minor Project
Daryl Pung Xi Ern
0333743
Minor Project
For this module, we had to work in teams to produce an industry standard product. As a team of 6, consisting of Wen Yi, Qaezie, Yip, Ava, Izac and I, we decided to create a Mud Card System which is a method where lecturers solicit anonymous feedback from students at the end of every class. It also acts as a simple tool for students to get additional information that they did not understand during lessons.
First, we began brainstorming on what our product should be. Initially we wanted to create an app targeted at students and teachers, similar to times where they can use it as a way to access classroom resources. Mr Mike suggested that we create a website version of it too, and to have a website for admins as well.
Here are a few references we found:
After that, we spent a couple of weeks discussing with IT and Business students on how we should proceed. We sent a survey out to students and lecturers on their needs and wants from a system like this. The results can be found in the compiled slides linked further down.
We managed to reach 100 respondents. Once we received all feedback, we decided to add a couple functions: A quiz option for both students and teachers, an attendance marking system, anonymous feedback system and few other class management options. The IT team began working on the sitemaps for all the websites and the app while the business team worked on the budget needed for our product.
The budget proposal from business team:
The site maps from the IT team can be found in the slides below.
Among the design team, we split our roles in half. Yip, Qaezie and Ava worked on the art direction while Izac, Wen Yi and I worked on the low fidelity wireframe. I designed the wireframe for the lecturers' website, Izac did the wireframe for the student app and website and Wen Yi designed the wireframe for the admin website.
I used Adobe XD to do it, however, I wasn't very familiar with the program so it took a while for me to get used to it. While confusing at first, I eventually managed to get my way around it and finished the wireframe.
Once we were all done with the wireframes, we linked all the buttons to create a functional prototype to be tested. The lecturer prototype was sent to two lecturers to be tested. The general feedback was that it was confusing to navigate since there were no clear guides on what to do for each page. Some functions were unnecessary and needed to be taken out, while there were functions that were missing too. The IT team also mentioned that we needed to take out the timer option for the quiz since they said they wouldn't have time to finish implementing it.
1st Prototype link: https://xd.adobe.com/view/79baa00d-00d2-4f1b-9cbf-f0fa182c28fc-2ce9/
The Art direction team was also done. Here's our art direction:
I quickly added the changes from the feedback we received. I combined the additional classes page with the classes page. I changed most of the layout to be easier to look at and navigate. I worked with Qaezie to combine the high fidelity and the low fidelity wireframe together.
Here is the final prototype link: https://xd.adobe.com/view/27ae87d7-5a86-4434-a7c0-466e9d54ba7d-72fd/
Mr Mike gave us some feedback once we were towards the end of finishing out product. He told us to further work on the background, as it seems a little messy. Additionally, that we should proceed with the promotional collaterals.
I worked with Wen Yi on the promotional collaterals while the others further amended the high fidelity.
For the collaterals, we had a few ideas in mind. First, we wanted to make a tote bag that could be given out at educational/IT fairs to interested customers. Along with that, would be a set of roll-up banners to be placed around the booth. We also thought about advertising it on social media, specifically on instagram.
I worked on the instgram and tote bag collaterals while Wen Yi worked on the roll-up banners.
Final collateral
