Minor Project
Chang Wing / 0367807
Minor Project / Bachelors of Design (Honours) in Creative Media / Taylor's University
TABLE OF CONTENTS
Project Client Brief
This week, we were introduced to the minor programme and briefed on the HypeFlex learning system through MyTimes. We formed a mixed-specialisation group of 6 members. Our group consists of the following members:
1. Anggia Tsani Rachmadiyanti (0368487) – Graphic Design (Leader)
2. Chang Wing (0367807) – UI/UX
3. Daphne Lai Yu Cheng (0366380) – UI/UX
4. Leong Hui Xuan (0365793) – Entertainment Design
5. Emily Ong Su Yu (0365304) – UI/UX
6. Zenab Asif Akberali (0344694) – Animation
Figure 3.1 Grouping list
Figure 3.5 First client meeting with Ms You le
Figure 3.6 First client meeting with Ms You Le
The business started from ugly coconuts, so their first goal was to save ugly coconuts because even though they look ugly outside, inside of the coconut has really fresh and good taste.
- “Kami” means god in Japanese so Coconut God. But Kami in malay is ‘Us’.
- They first started with “WB fresh” coconut brand before starting WellB.
- Ugly coconuts are rejected so they are saving ugly nuts
- They don't judge the coconut by how it looks like because they taste good inside
During rainy season, yield will go up
She stated that Cocokami’s product all have no added preservatives or sugar unlike drinks such as 100 Plus especially during tournaments.
After 2 weeks plucked from the tree, the coconut get rotten already.
They up cycled coconuts to: Jelly, pudding, drink, beverages, meat,etc.
They try to prolong the shelf life of the coconut products
Their coconut drinks have a 45 days shelf live .
They achieve this by using high pressure processing 450 megapascals - increase price by 35%
It is cold pressed so it doesn't destroy nutrients and taste
High heat treatment
There’s still active microbes inside
Water drink need to be in 4 degree chilled in 45 days
They also produce passion fruit and fresh lemon tea drink to boost sales, but the main drink is still coconut.
Msia has 80 hectares 240 000 acres. 1 acres = 1000 coconuts
Fried coconut come from by product of the water, the flesh of the coconut
They transfer into high fiber plant based meat to make the coconut strips
Why expensive? -> because of the clean label, no added sugar or preservatives
Target audience = gym players, mothers, health concerned fitness audience so usually moms would want to feed their children healthy food.
Coconut meat: ladies 35 and above 45-50 for plant based meat.
Vegan can be interested in trying this coconut meat
People don’t take much fiber today, especially kids, so they want to make coconut snacks/drinks, desserts which have no preservatives to help solve this issue, since coconuts have a lot of fiber.
They are already exporting to hongkong n Singapore but very little.They only have ready to cook coconut food but not ready to eat
They stop their e-shop during covid
Week 4
In Week 4, we conducted interviews for three persona categories:
-
Sports enthusiasts - 3 interviewees
-
Mothers - 3 interviewees
-
Vegans/vegetarians - 3 interviewees
After the interviews, we used FigJam to extract keywords for each persona, highlighting the most important and common needs and wants, and organised all extracted infos into an affinity diagram. Then, we determined our problem statement, and also documented the shared challenges identified across all groups.
Figure 3.7 Interview Responses (PDF)
.png)
.png)
.png)
We completed our Task 1 Proposal and finalised the Empathy and Define stages in Figma.
*Note: The slides shown below are not the final version, as they will be further refined in Task 2 and the final submission.
While waiting for Week 7, our group added sticky notes on the FigJam board to gather the ideas we had at that moment, which can be used later for ideation and prototyping.
.png)
In Week 7, Dr Wong guided us through the Crazy 8 activity, each group member had to sketch or write 8 ideas on an A4 sheet within 8 minute silently and without using phones. Interestingly, this activity really pushed us to generate spontaneous and honest ideas under time constraints, it felt like it really reduced bias and group influence as everyone worked independently without discussion. As a result, many bold and funny ideas were generated from our group, yet they were creative and original.
Figure 3.16 Crazy 8 ideation activity in class
Figure 3.17 Crazy 8 ideation: Explaining ideas to each other
.png)
This week, we further elaborated visualisation of our ideas, then discussed and decided the most interesting ideas to be presented to our client, Ms. You Le:
We sketched an idea for a DIY coconut kit for kids, inspired by mothers wanting their children to engage more with healthy eating and enjoy fun activities.
Figure 3.20 DIY Kit Box inspirations
Figure 3.21 Kit box sketch design by Hui Xuan
.png)
Figure 3.22 Idea #2 sketch design by Daphne
IDEA #3: Coconut Husk Packaging for Snacks with Cellulose Wrapper
This idea was a redesigned eco-friendly packaging for Cocokami’s coconut snacks using coconut shells and cellulose wrappers. This was targeted at vegans seeking sustainable packaging. Inside the packaging, we planned a plantable seed card with a QR code linking to a community page on the redesigned website for sharing creative coconut-based recipes and ideas.
Figure 3.23 Idea #3 sketch design by Hui Xuan
Another idea was a coconut tree-inspired stand display that allows Cocokami to hang their products during roadshows or events to create more fun and interactive experience for customers.
.png)
Figure 3.24 Idea #4 Sketch design by Hui Xuan
IDEA #5: Redesign the Website & make fun coconut mascots for kids
Figure 3.25 Idea #5 Website wireframe sketch by Wing
Figure 3.26 Idea #5 Mascot design by Emily
Figure 3.24 Mid Term Presentation, Week 9
- Since we did 3 target user interviews, she told us to just focus on 1 target audience since all 3 targets have different needs
- Our goals are abit too much and too broad
- We can define a clearer GOAL and only focus on one target user
- She advised us to just select one or two goals and re-ask the HMW based on that goal
- Just pick one or 2 ideations for our final prototype
In week 10, we had a meeting to finalise direction for the prototype we will be working on:
-
Create a sub brand under Cocokami for kids called “Cocokreate”, which is a fun DIY kit that allows kids and mothers to make their own coconut chocolate ball at home
-
Design a website that are fun and educational for kids and mothers to learn about coconut's nutritional facts and browse for other products
We decided to focus on mothers and kids, aiming to strengthen family bonding between them. Because many kids lack awareness of the nutritional benefits of coconuts, we want to present coconuts as something exciting and “wow” for kids using a fun and engaging educational approach.
We observed coconuts are not as popular among kids compared to fruits like strawberries. Strawberries are commonly seen in drink flavours, snacks and various products, while coconut is likely less being used. Through this project, we hope to expand the presence of healthy coconut based snacks and make coconut a more appealing choice for kids.
- Expansion of Cocokami's logo, but change the kami to 'kreate' as this is focused on kids
- The logo links creativity, enjoyment using coconuts
- Blue splash represents joy, and fun
- Blue represents friendliness, trust and freshness
Figure 3.26 CocoKreate's logo created by Anggia
.png)
.png)
Figure 3.28 Final Goals
Week 11 - 15 (Prototype Progress)
In the final weeks, we focused on developing our prototype. For a clearer workflow and communication, we divided the team into two main groups:
Figure 3.29 Initial sketch of mascot
Figure 3.30 Draft design of the mascot
.png)
Figure 3.31 Finalised and vectorised mascot
CocoKreate Website Development
Emily, Daphne and I worked on the website prototype in Figma. We started by discussing the colour scheme and sketching out the wireframe. Since our target audience is mothers and kids, we wanted the design to be colourful and fun, not too serious.
We chose a colour palette of beige, green, yellow and blue to represent coconuts, freshness, friendliness and a tropical vibe (Figure 3.33).
Figure 3.33 Moodboards for CocoKreate's website
Initially, our direction was more towards redesigning CocoKami’s website to showcase all products under the brand and to improve its overall online presence (Figure 3.34).
.png)
.png)
Figure 3.35 Enhanced wireframe sketch for CocoKreate's website
Here are some screenshots of the CocoKreate website development process in Figma:
.png)
.png)
Figure 3.37 Mascot animation slider (Screenshot of progress)
.png)
Desktop version: https://www.figma.com/proto/HLrhR2ok3DWYa1lJ1dhxJV/Minor-Project_Website-Prototype?node-id=1-6326&p=f&t=0EQDEiMTPT6K1Moc-0&scaling=scale-down-width&content-scaling=fixed&page-id=0%3A1&starting-point-node-id=1%3A6326&show-proto-sidebar=1
DIY Fun Kit Creation Progress
.png)
Figure 3.41 Final Website Mobile prototype (Walkthrough video)
- DIY Choco Coconut Ball Kit *Using this as main one for user testing*
- DIY Coconut Kuih Bangkit Kit (Chinese New Year Edition)
- DIY Coconut Jingle Jelly kit (Christmas Edition)
Inside the box, they included a sticker set featuring the coconut mascots for kids. The stickers were printed and cut to be placed in the box. Building on this idea, they also came up with a fun competition card where kids and mothers can draw a new coconut mascot character and submit it to CocoKreate. The winning design would be turned into a sticker, featured and used in the next DIY kit box.
In addition, the card includes a QR code that links to the Cocokreate website for more information, coconut educational facts, details about other DIY kits and the community sharing page.
.png)
.png)
Ingredients used: Honey, Dessicated Coconut, Coconut Cream powder, Little bits of blended oats, Cocoa Powder, Crushed coconut Biscuits, Water
Figure 3.47 Sealing the ingredient packets (Done by Anggia)
Final DIY Kit Box Prototype:
Figure 3.50 Final DIY fun kit prototype (Front view)
Figure 3.52 Final DIY fun kit prototype (Back view)
Figure 3.53 Closing flap of final DIY fun kit prototype
Figure 3.54 Making mini paper prototype of the other 2 box design
- GOAL: To evaluate how effectively the DIY Coconut Kit, website, and mascots engage mother and children, support bonding, and encourage positive perceptions of coconuts.
- Interview questions qna:
- Experience on making the DIY snack?
- Opinion of this way of making it fun for kids to snack on something healthy?
- Other ideas/suggestions & improvements
- User Task:
- Look at the information on the box
- Explore the kit
- Make the choco coconut ball together
- Scan code, open & explore the website
- User: 3 sets of Mother and her child (below 11 yo)
User Test #1
The first user test was conducted by Anggia with a mother, Amy, and her 10-year-old daughter, Ranya. They went through the DIY choco coconut ball kit and also explored the website. During the session, their interactions were observed and analysed, followed by a short interview conducted to understand their overall experience, possible improvements, and any ideas they might have for the product.
User Test #2
The second user test was conducted by Huixuan with a mother, Moon, and her 9-year-old daughter, Junxi. They appeared happy and had fun making the choco coconut balls together. The instructions were easy for them to follow, and the process went smoothly without confusion.
Figure 3.57 User test 2 documentation pictures by Hui Xuan
User Test #3
The third user test was conducted by me with a mother, Cheryl, and her 10-year-old son, Adam. Both of them were very excited and engaged throughout the session, and they seemed to genuinely enjoy assembling and interacting with the DIY box.
Figure 3.58 User test 3 documentation pictures by Wing
User Testing Findings / Observations
From the 3 user tests we conducted, we gained a lot of advice and ideas for improving our final prototype. Overall, the prototype performed really well and we were proud of the positive outcomes. On top of that, it was enjoyable for us to watch and seemed like a fun experience for all the users too.
Findings:
1. Website
- The website is easy to navigate with buttons
- The design of the interface is really appealing to the kids especially with the slight animations and a lot of colours and mascot which makes it fun and makes the kids interested to know more on coconuts
- The community page fosters creativity and sharing among people so they can get motivated and inspired on ideas with coconuts as well as recipes
- The product page is clearly made showcasing each of the editions of the DIY Kit box with nutrition and ingredients info for each, along with the graphics and what is included in the box.
2. DIY Box Kit
- It made the whole bonding experience between the mothers & child positive and fun
- Kids learnt to appreciate coconuts more as they now know coconut can be a good ingredient to make a tasty snack, with its healthy nutrition
- The instructions were really clear to follow and all the labels are clear
- It requires no cooking or baking so it is very easy and fast to make
Overall Project Outcome:
- Strengthened positive mother-child bonding
- Positive perception of coconut as a healthy ingredient of snacks
- Fun, educational, and engaging experience
- Encourages repeat engagement and healthier snack choices
On 30th December, we had our final presentation to the client, Ms Youle, and Dr Wong in class, where we received feedback as a group. They reviewed our concepts and overall design direction, and we also had two guest reviewers: Mr Sylvain and Ms Youle’s business partner.
The presentation went smoothly and overall it was a success. Most of the feedback was positive, reviewers liked our idea of a fun DIY kit for kids, mentioned that our design across all prototypes was consistent, and said the logo was well applied. Ms Youle also liked the name "CocoKreate" as it aligns well with the main brand name "CocoKami" and even expressed that she wants to work with us on this project after seeing our proposal, showing that she really liked what we presented. Mr Sylvain commented that the presentation was well delivered and not too text-heavy. They also thought the mascots were cute and nicely incorporated into both the box and the website. Dr Wong appreciated the order of our presentation, following the design thinking stages and including clips from the user testing.
One suggestion from Mr Sylvain was that we could have spent more time on the final prototype designs to create more of a “WOW” effect. Rather than focusing heavily on the process, the audience would have liked to see more of the final outcomes, as these are often the most engaging and memorable part of a presentation.
Here's some of our pictures during the final presentation day:
Figure 3.61 Final presentation
Task 2 - Mid-Term Slides
Figure 4.2 Task 2 - Mid-Term Slides (PDF)
TASK 1, 2, 3 Combined - Final Compiled Slides
FEEDBACKS
Week 2: We were given all the project briefs and my group chose the brief for New Food New Life : Cocokami.
Week 3: We had a 1st meeting with the client to gain more info about cocokami and what its needs and goals are. We also asked the problem they struggle most. Ms Youle (founder of cocokami) said that she is open to anything which help boost Cocokami to more poeple especially as their target audience are: mothers, kids, sports enthusiast and vegans. She said that younger kids look at coconut as something that is old and boring, but they don't know alot about coconuts educational facts and that it contains so much fibre.
Week 4: Dr Wong told us to start preparing our target users and the interview questions int he docs and make a folder in our drive to put the interview responses/recordings and transcripts.
Week 5: We started delegating tasks on which member to interview which target group. We had 3 interviewees for each target group. We had 3 target group to interview: sports, vegans and mothers. Dr wong said we need to include inclusions and exclusions criteria and age range and reason why we chose that.
Week 6: Dr Wong said for our Task 1 Slides, makesure to not copy paste exactly like what we put in our JamBoard. Makesure there's not too much words in one slide and highlight important keypoints only.
Week 7: We submitted the task 1 slides and in class, Dr Wong briefed us on Ideation stage and did Crazy 8 activity as a group to brainstorm ideas for the Prototype stage later on.
Week 8: As a group, we started choosing which idea to propose for week 9 and started on making the slides to show our client during our mid term client presentation. We also showed our proposed ideas in class on screen and Dr Wong said to revise and make a final enhanced Goal and Chosen top priority How Might We statement.
Week 9: We had our mid-term presentation to client. We got alot of feedbacks
Week 10 & 11 : We showed Dr Wong our How might we's and ideas and she said that we can refine and focus on finalising 1 how might we for the mothers & children. We also presented our previous week 9 slides and in class she gave us on the spot feedbacks on what to improve on the slides. However, mostly she said our slides is clean layout, clear but add a design thinking stage diagram since not all of the client know what it is.
Week 12: We discussed the user tasks for user testing with Dr Wong and alos showed her our progress on the DIY box kit and website and she said the idea is good. For the website, makesure to do a mobile version too.
Week 13: We showed her the progress of our prototype for the box, she said we can maybe add sticker pack or plushie toy in the kit so kids would like it more and add labels and sections to the box.
Week 14: Holiday.
Week 15: Final Presentation to client.
Final Overall Reflection
This project also allowed us to go through the full 5 stages of Design Thinking: Empathy, Define, Ideate, Prototype, and User Testing. Following this structured process helped me understand the importance of designing systematically, starting from empathising with users through live interviews rather than relying solely on early assumptions, defining the core problems clearly, generating solutions based on real insights, and producing prototypes using previously learned skills. Conducting user testing further reinforced how feedback plays a key role in refining designs. Dr Wong also provided useful guidance on how to conduct interviews more effectively as a designer, especially in asking the right questions and observing user behaviour without leading them.
That being said, one of the biggest challenges was collaborating with the other 5 group members, which required a high level of alignment and communication as we needed to ensure consistency in research presentation, tone, and design direction across all prototypes. This made me realise how difficult it can be to communicate abstract ideas before everything is clearly visualised or defined. However, we eventually managed to align as a team, and this process helped me to understand the importance of producing early sketches and documenting ideas using collaborative tools such as FigJam or Miro.
Overall, this project gave me valuable early exposure to working with real clients, presenting findings professionally, responding constructively to feedback, and making necessary iterations to our solutions as a team. It also reinforced the importance of conducting proper research before jumping into design, as well as developing prototypes and carrying out user testing. These experiences and skills will be highly relevant and beneficial for me as I continue to pursue a career in UI/UX design in the future.
-03.png)
Comments
Post a Comment