Minor Project / Tenang App
04.04.2023 - 10.07.2023 (Week 1 - Week 15)
Lulu Luisa Linardi / 0349358 / Bachelor of Design (Hons) in Creative Media
Minor Project
Tenang App Project [Group 5]
 |
| Fig 1.0: Thumbnail |
INSTRUCTIONS
Project Tracking
Students have to be in a team of 5 to 7 to work on a minor project, collaborating with companies outside the campus. The team has to consist of BDCM students with different specializations. Here are my teammates and our collaborator (students from CompSci):
 |
| Fig 2.1.1: Team members |
Our team decided to go with Tenang App which will be collaborating with the computer science team from Taylor's. The client is Angsana Health and our main goal is to create a mental health app with a virtual pet for children and adults aged 12 to 25 years old with mental health issues.
 |
| Fig 2.1.2: Problem Statement |
 |
| Fig 2.1.3: How Might We |
During the first few weeks, we conducted contextual research and this is what I gathered for my parts.
 |
| Fig 2.1.4: Contextual Research |
I also did contextual research regarding virtual pets in mental health apps.
– Pika: Self Care Motivation Pet
Pika: Self Care Motivation Pet app provides a cat as our virtual pet. The app is basically just giving the user a motivation and reminder for their self-care and wellbeing to start a good day.
Users can choose a habit or task to be added for their daily motivation which needs to be completed, such as general habit, health habit, social habit, kindness habit, and personal habit. Here are some previews of the habits that users can choose.
As users complete these tasks, their virtual pet becomes healthier and more vibrant. If they neglect their self-care, their pet's health will decline.
Overall, Pika is designed to make self-care fun and engaging, while also helping users build healthy habits and prioritise their wellbeing. However, the app only has a few features for mental health. It looks more like a daily habit tracker instead of mental health app.
– Finch: Self Care Pet Finch: Self Care Pet is an app that provides a chick for the virtual pet. It is so cute that they prompt the user to choose the pet appearance and give them a name. Users are also given a list of self-care tasks to complete, such as exercising, meditating, or spending time outdoors.
As users complete these tasks, their virtual pet becomes happier and more content. If they neglect their self-care, their pet's mood will decline. Finch also offers reminders and suggestions for self-care activities throughout the day.
In addition to the self-care tasks, Finch includes a journal feature where users can reflect on their progress and track their habits. The app also offers a community feature where users can connect with others and share their experiences with self-care.
Finch also provides a store for users to purchase clothes, body appearance, and houses for their pet. However, to be able to change their body appearance, the pet needs to grow bigger.
One unique feature of this app is, its uses audio cues and feedback. For example, when users complete a task, they may hear a satisfying chime or receive a message of congratulations from their virtual pet. This audio feedback can help motivate users and make the self-care experience more enjoyable.
In conclusion, Finch is designed to provide a comprehensive solution for small pet owners, helping them take better care of their pets while also prioritizing their own mental health and well-being.
– Amaru: Self-care Virtual Pet
Amaru: Self-care Virtual Pet is an app that allows users to take care of a virtual pet and practice self-habits. The app provides a fun and interactive way for people to prioritize their mental health and well-being.
When we first open the app, users will be asked what they are trying to achieve from the app. Next thing, users can choose a virtual pet to take care of, such as a dragon or unicorn. The pet needs to be fed with food and water. Users can also play with the pet and take care of its needs such as books or a yoga mat, which help Amaru learn new skills and habits and keep it healthy and happy. But the app isn't just about taking care of a digital animal. It also encourages users to practice self-care habits.
Users can practice mindfulness, breathing exercise, and many more in this app. After they finish with the practice, they will be given a gem to higher up their XP and get leveled up.
In addition to taking care of Amaru, users can also engage in self-care activities themselves, such as meditation or journaling, through prompts and suggestions provided by Amaru. They also offer positive affirmations and motivational messages to encourage users to practice self-care regularly.
More detailed version of our contextual research can be seen below.
We also did user testing from the CompSci team's Figma to review and create a user flow for the app. Here's what changes we have on our idea.
 |
| Fig 2.1.5: Things to improve |
– Friend Lists
– Chat
– Add Friend
– Onboarding
 |
| Fig 2.2.1: Uncolored Wireframes – Phase 1 |
Below is the Low Fidelity Prototype of Tenang App.
This is what our team proposed to the CompSci team. Next, we are proceeding to the colorized version of our prototype. I also added some minor changes to make our app looks more interesting. Here are some snippets of our colorized prototype.
 |
| Fig 2.2.2: Colorized Prototype – Phase 2 |
After presenting to Angsana Health team, I made some changes based on their feedback. Changes to make:
– Remove Chat features
– Remove Friendship Level features
– Change Visit Friend button
– Combine Leaderboard and Friend features
– Reword "Tell us about your day" to "Tell your pet about your day" in Diary
 |
| Fig 2.2.3: Finalized Prototype – Phase 3 |
More detailed version of our project tracking can be seen below.
Below are our final submission files.
• Miro Board
• Tenang App Final Prototype
• Tenang App Walkthrough Video
• Tenang App Microsite Prototype
https://xd.adobe.com/view/1940e237-777a-43ab-a994-6d9ce85b2a77-4c13/?fullscreen
• Tenang App Promotional Video
• Final Presentation Deck
FEEDBACK
Below is the feedback we gained during our consultation and presentation session.
REFLECTIONS
Week 1
During the first class, I was a bit confused and lost because I saw everyone has gotten into the group already. Originally, some of my friends from the same specialization had asked me to join their team. However, turns out that the group needs different specialization members and we couldn’t be in the same group in the end. I was so scared that I might end up in a team with total strangers, but thankfully one of my teammates now asked me to join her group. So luckily I end up being a member of this team. Although I have been in a team already, I was still lost because I didn’t know what to do with the project. On our first meeting with Mr Mike, he briefed us on each group’s project outline. After having a discussion, we all decided to go with Tenang App. We will be having a collaboration with Angsana Health and students from computer science. It turns out that computer science students have been doing this project since last semester and they had collected research and proposed their ideas. So in the end, our team leader decided to have further research and I was assigned to research the target audience, their needs, and the solutions.
Week 2
This week, we continued doing our research since the information we gathered wasn’t sufficient for us to jump into conclusions. During a consultation with Mr Mike, we were told to start making questions for the interview and user persona. We also conducted a meeting with computer science students to discuss about what they had in their proposal and also the project timeline.
Week 3
We continued our research since there was still a lot to figure out as our previous week’s research and what computer science students had done are quite different. However, we put more focus on virtual pet as they decided to remove some proposed features. This week I was also looking for some UI design references for our app from various sources. During the consultation, Mr Mike also told us to hold the interview and user persona.
Week 4
This week we (UI/UX team) started to have a look at the UI/UX-related things. We divided our workload, two of my fellow UI/UX teammate did some testing on Figma and started making the user flowchart, while I was assigned to conduct testing on several mental health apps with virtual pet features. We were also told by Mr Mike not to do the interview and user persona as the target audience has been determined by Angsana Health.
Week 5
Our team had a minor issue regarding the app’s feature. We were unsure whether the app might help people with suicidal tendencies or not. We also found that what the computer science team did with the UI/UX is not adequate. The UX is confusing and the UI is unsightly. Hence, we decided to revamp the whole app’s UI/UX while keeping the features and user flow. This week too, I started to have an image on the wireframes for Tenang App. I found it quite challenging yet the beginning process was fun.
Week 6
This week, we finally had a meeting with the computer science team. Both of the teams finally discovered each other’s difficulties and confusion. We started to get back on track as we already know what they want and vice versa. We both shared our Figma and discussed which pages need to be reworked and which features need to be removed as the CS team said they’re unable to proceed with some of our design. Both of us also agreed to have a finalize uncolored version of the wireframe before Week 8. As things got clearer and more arranged, we can now proceed to the remaining undone parts of the wireframes.
Week 7
I was not feeling well this week so I didn’t attend the class. However, I got informed by my teammate that I have to finish my part as soon as possible since Mr Mike wants to see and have a test on what we do before proposing to the computer science team. Actually, I have done my part but there’s a minor issue with my wireframe so I kinda have to rush to make changes as my teammate said they had to show it to Mr Mike later.
Week 8
During the ILW, we had nothing to work on particularly since I have done my parts in the previous week. We also already sent our Figma link to the computer science team and got no class so we couldn’t get feedback from Mr Mike.
Week 9
This week, we finally got to show our finished uncolored wireframes to Mr Mike. We also gained feedback from Mr Mike which made it clearer for us on what to do next. During the consultation, Mr Mike told us that we can actually add features that we think could enhance the performance of the app. He told us to worry less about having a limitation if the computer science team cannot proceed with our design. We can just create the design first and show it to Angsana as it could also benefit our portfolio later. After the discussion, we finally proceed to colorize our wireframes and add new features we have discussed before.
Week 10
We had our first presentation with Angsana Health team this week. A day before the presentation, we showed to Mr Mike what we have done with our colored wireframes and also our presentation slides. He gave us feedback on both which is really helpful for our upcoming presentation. Thankfully the presentation went well and I think my team did well in presenting. During the presentation with Angsana, we received several feedback regarding the features and our design. They pointed out that we need to remove and make changes in some parts and turns out some of them are my parts. However, at the end of the presentation, Angsana Health team asked us to give them time to review the whole prototype and they will give us a follow-up on what to do in the comment section in our Figma later.
Week 11
This week, we got nothing in particular to do as we need to wait for Angsana to give us their feedback. I can already see some comments in our Figma but it is not the final comment yet so we still cannot proceed with making changes.
Week 12
We finally received the final feedback from Angsana team. From the feedback, we started to work on what they asked us to add, change, and remove. For my part, I have to remove the Chat feature and friendship level, combine the leaderboard with the friend list page, and some minor changes. This week we got no consultation with Mr Mike.
Week 13
This week, we showed the newly revised version of our final prototype based on feedback from Angsana team to Mr Mike. It is almost done, we just need to tidy up and finalize everything. We also asked about the presentation materials as we were not sure what to present besides our final prototype. Mr Mike then gave us suggestions to create promotional things for Tenang app so that we won’t just submit the app prototype. Later we discussed what to do for the promotion because we only got less than two weeks to get everything done.
Week 14
Finally, we are almost done with this project. The only thing left is the final presentation. We showed everything to Mr Mike and he is okay with overall we have done. I’m glad that we can finish everything before the deadline. Both our team and Angsana team decided to meet online on next Monday for our presentation, so what we have to prepare well is our final presentation.
Week 15
Thank God we are finally done with this Minor Project module with the presentation as the closing event. I was so nervous as I was assigned to do the opening for the presentation. However, in the end, I am so happy with our results which received positive feedback from both Mr Mike and Angsana Health team. I feel like our hard work paid off as we did well in the end. Big thanks to Mr Mike for guiding us throughout the semester with feedback and support. Lastly, I want to thank my teammates for their hard work this entire semester. This project won’t be successful without our teamwork.