INSTRUCTIONS
TASK PROGRESS
Group Formation & Contextual Research
On the first week, Mr Mike gave us a briefing of the project we will be carrying out in the next 14 weeks. We were instructed to form a group with people from different specializations and choose a topic from given topic lists for the project.
After forming our group, we had a meeting with Dr Leong from Taylor's Impact Lab where she briefed us about their current issues.
- Lack of trust from the community.
- Communication (Language Barrier)
- Does not have a direct connection to the community.
- Come up with ideas to connect with the community
- Ways to spread awareness on the importance of a healthy diet.
- How to encourage the community to trust and participate in their events.
In week 3, Mr. Mike instructed us to use a given Miro board to fill in our insights and findings.
Food Aid G3 Miro Board Link: CLICK HERE
We began our project by carrying out individual contextual research about Food Aid Foundation. But since this was before we actually have a meet with Food Aid, I decided to note down the problem statement and the purpose of the Impact Lab:
Here is the contextual research of my other group members:
After gathering each information from individual research, we summarized our research data into similar categories:
For the insights stage, we also noted down several findings from each member and categorized them into similar topics. After that, we came up with 5 key themes for the current issue Impact Lab and Food Aid Foundation are experiencing. Each member's key themes are marked with their note colour:
After finalizing with key themes, we moved on to writing down the insight statements:
After the insights stage, we research on user, their need, and insights to come up with a problem statement.
Our main issue was that people in low income communities need a way to understand how financial constrains and nutritional awareness limit healthy eating access because they lack nutriotion knowledge and access to food aid.
Therefore, based on our problem statement, we came up with 3 "How Might We?" questions where we think about possible solutions that can be linked to opportunities for design.
User Persona (Target Audience)
To clarify our target audience and deepen our understanding on Food Aid Foundation's issues, we came up with few questions for the interview with Dr Leong:
(Shrimp emoji - Food Aid Foundation , Microscope emoji - Impact Lab)
Here are the answers that I had noted down on WhatsApp and put in the Miro board from the interview:
|
|
(Reference of my WhatsApp message) |
- Kids - Tends to be picky when it comes to food, not educated on the benefits of eating healthy.
- Parents - Don't have time or the money to prepare a nutritious meal, don't have the proper information on what makes a meal healthy.
- Elderly - Poor appetite, limited meal options due to their own health from old age.
Here is our user persona data. After showing our progress to Mr Mike, he commented that it would be better to have detailed information like age/gender, and also to refer to real-life cases to enhance our persona building.
And with these data, I proceed to make the finalized version of the User Persona of the target audience. It contains a primary school boy (Age 9), a mother of two kids (Age 36), and an elderly woman (Age 68).
Food Aid Project Design Proposal
For the group's design proposal, I participated by working on the Nutra App. I created the wireframe of the app and the prototype based on the Design Direction.
First I note down the main features the app should have:
Sign Up Page
- User Name
- Phone Number
- Password
Home Page
- Menu - (Settings, Downloaded recipe, favourited recipe, points, community feed)
- Daily Log in
- Point Exchange
- Quick Buttons (to Recipe, Downloaded Recipe, Tips & Tricks, Explore Location, Community Feed)
Recipe Page
- Many Recipe Choices
- Recipe Category
- Tag Filter
- Walk-through Cooking Tutorial
- Share and Favourite Recipe
Community Board Page
- Functions like a notice page
- Upcoming Events
- Event Details
Profile Page
- Profile Detail
- Settings Privacy Settings
- Feedback
- Log Out
- Quick Buttons (to Favourited Recipe, Downloaded Recipe, Points)
|
| (Rough idea sketch) |
Wireframe:
Below is our finalized slide to Design Proposal:
Gantt Chart & Customer Journey Mapping
After our proposal, Mr Mike instructed us to proceed with mock-up
applications on advertising posters and flyers, as well as other
digital media like animation, microsite, and most importantly creating
the prototype for app design.
We began by working together to complete the customer journey map, where we planned the experience for users on the overall app experience from pre-launch to follow-ups. During this process, we also decided on marketing strategies like how to advertise the Nutra app, which we came up with physical & digital media for advertising our app.
Upon finishing our planning for customer journey map, we utilized a provided gantt chart to distribute our tasks into smaller roles and update our progress upon completion. I took part in designing and applying mock-up for posters and public transportation advertisement & Nutra app graphics.
Gantt chart:
Nutra App Prototype:
After the Wireframe was approved, I moved on to the Prototype stage, where I started to implement the colour, typeface, and transition animation. Additionally added more detail to each page.
Prototype Figma: Click Here
At the near end of the project, I had encountered an emergency, so I had to ask the other group members to assist on completing the other smaller feature pages. They did the Tips & Tricks, Explore Location, and Feedback Form.
Here is the Finalized Nutra App Prototype:
Nutra Microsite:
For the Nutra microsite, we were given feedback that our first design was too dark and lacked design consistency in terms of style and use of colours being different from the app design. So we changed some parts to increase consistency:
|
| (Old Microsite Design) |
The changes after, following the design direction used in the app:
|
| (New Microsite Design) |
This is our microsite prototype on Figma. Our Nutra microsite includes pages like sign in, register, about page where it shows the main features of the Nutra app, Nutra's unique selling point, app guidance, and a contact us page where users can request to ask any questions regarding to the application.
Mock-up
We had created mock-ups for collaterals, flyers, posters, and social media for advertising the Nutra app. I had made two for the Nutra App that was not used for the final:
Food Aid Project Final Presentation
For the final stage, we prepared a final presentation slide consisting of all visuals, prototypes, and mockups that we had created in the past weeks.
FINAL SUBMISSIONS
Food Aid Group 3 Miro Board: CLICK HERE
