Minor Project
.gif)
Daphne Lai Yu Cheng / 0366380
PRJ 62204 / Minor Project / Bachelor of Design (Honours) in Creative Media / Taylors' University
Links:
Submission Links:
Figure 1.1 All Submission Links (PDF)
WEEKLY PROGRESS
(All detailed and complete data & progress are all documented in order of design thinking stage in the FigJam board. This blog is only a brief summary...)
Links:
STAGE 1 - EMPATHY
Week 1
We were introduced to Minor Project and Hypeflex Learning in MyTimes in week 1. After that, we had to form a group of 6-7 people per group with mixed specialisations by the end of week 1.
My group members:
- Anggia Tsani Rachmadiyanti (0368487) - Graphic Design (Group leader)
- Chang Wing (0367807) - UI/UX
- Daphne Lai Yu Cheng (0366380) - UI/UX
- Emily Ong Su Yu (0365304) - UI/UX
- Leong Hui Xuan (0365793) - Entertainment Design
- Zenab Asif Akberali (0344694) - Digital Animation
Figure 2.1 Grouping List
- A group has to have students with different disciplines.
- Help client to research and propose a solution.
- A group can have a maximum of 3 UI/UX students.
- Final presentation may not be following the timetable as we need to align with the cilent's timing.
- Peer evaluation at the end of the project.
- We made our first Google Docs for our initial research as a group on Cocokami and its needs and challenges here: Link to Google Docs
Week 2
Each group had to pick one of the given choices for the project/cilent to work on in week 2. Hui Xuan notified our groups about it in our Whatsapp group as it was first come first serve. As a group, we discussed and decided to choose WellB & Cocokami because it sounded interesting and is linked to food innovation.
Dr. Wong showed us a sample by the previous students on how they document their progress using Figma / Miro then went through all the project brief in class. After class, my group shared a FigJam board to place all of our ideas and progress there after drafting everything in Google Docs. We started by doing researches about the company:
Figure 2.3 Initial Research on Cocokami's Background (Week 1-3)
Week 3
We met our client, Ms. Chong Youle, and had a meeting with them to gain a clearer understanding on their mission and goals, as well a asking them what they actually need us to improve for them.
Ms. Youle is the founder and owner of WellB and Cocokami, she came to class to cook dishes using coconut meat and gave us coconut water samples while introducing what Cocokami does or offer and their mission.
Our group noted down important information like their challenges, needs, goals and what makes their coconuts healthy, including the process of making them.
Figure 2.4 1st Client Meeting with Ms. Youle
- Started from ugly coconuts, their first goal was to save ugly coconuts because the coconut has a fresh and good taste despite being ugly on the outside.
- "Kami" means god in Japanese, Coconut God. "Kami" also means us in Bahasa Melayu.
- First started with "WB Fresh" becasue WellB.
- Ugly coconuts are rejected.
- They don't judge the coconut by how it looks like because they taste good inside.
- Yield will go up during rainy season.
- Cocokami's products have no added preservative or sugar unlike drinks such as 100 Plus.
- Coconuts get rotten after 2 weeks, plucked from the trees.
- They cycled coconuts to jelly, pudding, drink, beverages, meat, etc.
- They try to prolong the shelf life of the coconut products.
- People, specifically kids, rarely take much fiber nowadays. They want to make coconut snacls/drinks, dessert that has no preservatives to help solve this issue as coconuts have a lot of fiber.
- They are already exporting to Hong Kong and Singapore but very little.
- Their coconut drinks have 45 days of shelf life.
- Use high pressure processing, 450 megapascals - increase price by 35%
- Cold pressed so it doesn't destroy nutrients and taste
- High heat treatment
- There are active microbes inside
- Water drink needs to be in 4 degree chilled in 45 days
- Produce passion fruit and fresh lemon tea drink to boost sales but the main drink is still coconut
- Has 80 hectares 240000 acres. 1 acres = 1000 coconuts
- Fried coconuts 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 audiences are gym goers, mothers, health concerned fitness audience, usually moms would want tofeed their children healhty food.
- Coconut meat: Ladies who are 35 years old and above. 45 - 50 years old for plant based meat.
- Vegans can be interested in trying coconut meat.
Week 4
We delegated tasks for each other and did all of our interviews for 3 of the user persona catergory:
- Sports enthusiast - 3 interviewees
- Mothers - 3 interviewees
- Vegan/Vegetarian - 3 interviewees
Link to Transcripts
https://docs.google.com/document/d/1OiRUiTtiIyUFeq_zOPQqUGhIHUH_TI_F3UyTQgmjZ4w/edit?usp=sharing
.png)
Figure 2.7 Highlighted keywords of the interview transcripts in FigJam
.png)
Figure 2.8 Clustering keywords from each user interview
STAGE 2 - DEFINE
Week 5
We started working on the canva slides for task 1 proposal for Cocokami where we put our Empathy and Define stages. We arranged a lot of Google meetings online as a group and divided tasks for everyone and also made 3 user personas based on all the interviewees for each target group. Below are some of the progress screenshots in FigJam:
.png)
.png)
Figure 3.2 User Research Findings Process in FigJam
.png)
Figure 3.3 User Research Findings Process in FigJam
Week 6
We completed and submitted our slides for Task 1 Proposal and also our Empathy & Define stage in FigJam. The slides are not the final as we will be modifying them in Task 2 and 3 later.
Task 1 Proposal Slides (PDF)
Figure 3.4 Task 1 Proposal Slides Submission (PDF)
.png)
Figure 3.5 Group idea brainstorm sticky notes in FigJam board
STAGE 3 - IDEATION
Week 7 (Start on Ideation)
-
In Week 7, Dr Wong conducted a Crazy Eights activity where each student individually worked on an A4 paper divided into 8 boxes without using phones or talking.
-
Each of us had 8 minutes to sketch or write 8 ideas that came to mind as quickly as possible.
-
The Crazy Eights exercise is a design thinking brainstorming method used to rapidly generate a wide range of ideas or solutions for a given problem.
Figure 4.1 Crazy 8 Activity in Class
Figure 4.2 Each of our crazy 8 in Figma elaborations
-
After the class, all 6 group members took photos of our Crazy Eights and pasted them onto the FigJam board.
-
We shared and discussed our ideas.
-
Based on these ideas, we created POV and How Might We statements in FigJam for each target group.
.png)
Figure 4.3 Draft POV and HMW statements on Figjam
Week 8 (Start on Task 2 Slides)
- Throughout the week, we did group meetings to shortlist our most interesting ideas for the Week 9 mid-term presentation to the client.
- We finalised 5 concepts to propose in the Task 2 slides to Ms Youle:
- IDEA #1 : DIY Fun Coconut Jelly Kit Box for Kids
- IDEA #2: Dissolvable Natural Coconut Energy Powder For Drink
- IDEA #3: Coconut Husk Packaging for Snacks with Cellulose Wrapper
- IDEA #4: Coconut Tree Inspired Display stand to sell the snacks
- IDEA #5: Redesign the Website & make fun coconut mascots for kids
- These ideas were supported by our inspirations and sketches to help visualise and refine each concept.
Figure 4.4 DIY Kit Box Inspirations
Figure 4.5 Sketch draft by Daphne (Me)
Our second idea was a dissolvable natural coconut powder that can be easily mixed into drinks, designed for sports enthusiasts who want a convenient and natural source of electrolytes and hydration.
Figure 4.7 Sketch draft by Huixuan
Another idea was to create a coconut tree inspired display stand where Cocokami snacks can be hung which gives a fun and engaging experience for customers.
Figure 4.8 Sketch draft by Emily
Lastly, we plan to redesign the website to be fun and appealing to kids by featuring educational content about coconuts, a community page and a playful coconut mascot.
Week 9 (Mid-Term Client Presentation)
-
This week, we presented our ideas to Ms Youle and Dr Wong in class and received valuable feedback and advice from them.
Figure 4.9 Mid Term Presentation
- 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 were too broad
- We can define a clearer goal and only focus on 1 target user
- She advised us to just select 1 or 2 goals and re-ask the HMW based on that goal
- Just pick 1 or 2 ideations for our final prototype
Figure 4.10 Mid Term Presentation Slides (PDF) (Not finalised, still progressing)
STAGE 4 - PROTOTYPE
Week 10 (Start on Prototype)
-
In Week 10, we held a group meeting to choose our final prototype direction, which includes:
-
Creating a sub-brand under Cocokami for kids called “Cocokreate”
-
Developing a DIY coconut choco ball fun kit box for kids and mothers
Designing a website prototype
-
-
We decided to focus on mothers and kids to strengthen their bonding and educate children about the benefits and excitement of coconuts while keeping the snacks healthy, fun and engaging.
-
Since coconuts are less popular than fruits like strawberries which are widely used in drinks and snacks, we aim to expand healthy coconut based snack options and make them appealing to kids.
Figure 5.2 Group Meeting
Figure 5.3 Cocokreate logo
Logo Rationale:
- Expansion of Cocokami's logo, but change the kami to 'kreate' as this is focused on kids and (c)reativity
- The logo links creativity and enjoyment using coconuts
- Blue splash represents joy and fun
- Blue represents friendliness, trust and freshness
Figure 5.4 Final Chosen HMW Statement
Figure 5.5 Final Goals
Week 11-15 (Prototype Progress)
In these final weeks, we proceeded on working and finishing our prototype.
The tasks are divided among all of us:
- Website: UI/UX - Wing, Daphne, Emily
- DIY Kit Box: Anggia, Hui Xuan
- Mascots: Emily
Figure 6.1 Mascots Draft (Week 11)
Figure 6.2 Final Digitised Mascots (Week 11)
Figure 7.1 Website Making Progress
We chose beige, green, yellow and blue to represent coconut, freshness, friendliness and a tropical feel.
Figure 7.2 Website Moodboard (Week 11)
1st Wireframe Sketch:
Figure 7.3 1st Wireframe Sketch
This was our first time sketching the wireframe and we received feedback from Dr Wong that the website was focusing only on Cocokreate, educational facts and DIY kits, not a full redesign of Cocokami’s website. Based on the feedback, we created a new final sketch for the website wireframe.
Figure 7.4 Enhanced Wireframe Sketch
Figure 7.5 Website prototype screenshot of progress on Figma
Figure 7.6 Website slider element prototype screenshot of progress on Figma
We created slider card buttons featuring the mascots to present the benefits of coconuts in a fun way by using multiple components and frames in Figma to manage the interactions.
Figure 7.7 Website prototype screenshot of progress on Figma, using components
Desktop Website Walkthrough Video:
Figure 7.8 Final Website Prototype Walkthrough Video (Desktop)
Mobile Website Walkthrough Video:
Figure 7.9 Final Website Prototype Walktrhough Video (Mobile)
- 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)
Figure 8.1 Final 3 dieline design of the DIY boxes (Adobe Illustrator)
Huixuan designed the packaging for the Chinese New Year and Christmas kit boxes, while Anggia focused on the Choco Coconut Ball box which we will later turn into a physical prototype.
This first DIY kit will be made physically for user testing, this DIY kit lets children create their own no bake coconut choco protein balls using healthy ingredients where the sugar is replaced by honey.
Figure 8.3 Draft sketch of box design
Figure 8.4 Illustrator progress on the box design
Figure 8.5 Dieline Illustrator progress on the box design
Figure 8.6 Illustrator progress on the box design
Figure 8.7 Final Box #1 Design (Mockup)
This box focuses on the Christmas edition. The kit is a DIY make your own Coconut Jelly. Huixuan sketched the design and then created the dieline in Illustrator. We also added a mascot wearing a Santa hat on the front.
Figure 8.8 Draft sketch of christmas box design
Figure 8.9 Final Box #2 Design, Dieline
Figure 8.10 Final Box #2 Design, Mockup
This box focuses on the Chinese New Year edition. The kit is a DIY make your own Coconut Kuih Bangkit. Huixuan sketched the design and then created the dieline in Illustrator. We included elements like a dragon, lanterns and the colour red and also added a mascot wearing a dragon hat on the front.
Figure 8.11 Draft sketch of CNY box design
Figure 8.12 Final Box #3 Design, Dieline
Figure 8.13 Final Box #3 Design, Mockup
Figure 8.14 Final Compiled 3 Boxes Design Mockup (PDF)
Inside the box, we plan to include a sticker set of our coconut mascots for the kids. We printed and cut the stickers to be added later. We also created a card explaining a fun competition where kids and their mothers can design a new coconut mascot and submit it to our Cocokreate email. The winner’s design will be printed, featured and used in the next DIY kit. The card will also include a QR code linking to the Cocokreate website for more information, coconut educational facts, other DIY kits and the community sharing page.
Figure 8.15 Card design (to put in the box)
Figure 8.16 Mini Mascot sticker (to print & put in the box)
For the final part, we decided to make 2 copies of the physical final box packaging for the Coconut Choco Ball because we will need them for the final user testing. The boxes were printed slightly larger than intended but we managed to make good use of the extra space.
Figure 9.1 Printing & folding the physical box prototype
Figure 9.2 Printing & folding the physical box prototype
We know we aren’t culinary students, but we put in our best effort to create a recipe for the DIY Choco Coconut Ball. Our goal was to make it simple so kids wouldn’t need to bake or cook, just mix and chill in the fridge. This part was challenging which involved a lot of trial and error.
The ingredients we used were: honey, desiccated coconut, coconut cream powder, small amounts of blended oats, cocoa powder, crushed coconut biscuits and water.
Figure 9.3 Testing out ingredients & recipe of the coconut choco ball
After finalising the portions and ingredients for one box, we started sealing and packing each ingredient individually, labeling them and creating an instruction card to be attached to the box later.
Figure 9.4 Sealing the ingredient packets
Figure 9.5 Design of the step-by-step instructions (Adobe Illustrator)
We added cardboard section dividers inside the box to organize the sachets and bowls more easily.
Figure 9.6 Process on the final physical box
This is the finished open view showing the contents of the DIY box kit.
Figure 9.7 Opened view picture of final box prototype
We glued the instruction sheet onto the inside flap of the box and labeled each of the sachets.
Figure 9.8 Final view picture of final box prototype
On the front of the box, we added the slogan "Healthy fun starts here," and we included graphics showing coconut facts and the contents of the box on the sides.
Figure 9.9 Front view picture of final box prototype
Figure 9.10 Side (left & right) view picture of final box prototype
Figure 9.11 back view picture of final box prototype
Figure 9.12 Closing flap of final box prototype
Figure 9.13 Final box prototype, video
Desktop Website Walkthrough Video:
Figure 9.14 Final Website Prototype Walktrhough Video (Desktop)
Mobile Website Walkthrough Video:
Figure 9.15 Final Website Prototype Walkthrough Video (Mobile)
Figure 9.16 Making mini paper prototype of the other 2 box design
Figure 9.17 Instagram mockup feed posts for Cocokreate
STAGE 5 - TESTING
In Week 13, we conducted three user tests with mothers and their children. Dr. Wong suggested doing three tests, as finding five pairs of mothers with children aged 10 and below was challenging due to availability. Anggia, Wing and Huixuan carried out the testing.
After recording the sessions, we analysed our observations to identify areas for improvement and gathered feedback on the users’ experience with the prototype.
Link to User Testing Videos/Pictures:
https://drive.google.com/drive/folders/1OIudljfqt7MCPBK6fogHoQD_q0yOVlzj?usp=sharing
- Goal: To evaluate how does the DIY Coconut Kit, website and mascots engage mother and children, support bonding, and encourage positive perceptions of coconuts effectively.
- 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 Mothers and their child (below 11 years old)
For our 1st testing, Anggia conducted the session with a mother, Amy and her 10 year old daughter, Ranya. They went through the choco coconut ball kit and explored the website. Anggia observed and analysed their interactions then conducted a short interview to gather feedback on their experience, suggestions for improvements and any additional ideas they had for us.
Figure 10.1 User test 1 documentation pictures by Anggia
Figure 10.2 User test 1 picture - Anggia and Ranya
For our second testing, Huixuan conducted the session with a mother, Moon, and her 9 year old daughter, Junxi. They enjoyed the activity and had fun making the choco coconut balls together and successfully following the instructions.
Figure 10.3 User test 2 documentation pictures by Huixuan
The third user test was conducted by Wing with a mother, Cheryl and her 10 year old son, Adam. Both seemed very excited and happy, they enjoyed making the choco coconut kit together.
Figure 10.4 User test 3 documentation pictures by Chang Wing
From the 3 user tests, we gained valuable insights, advice and ideas for improvements for our final prototype. Overall, the prototype received positive feedback which we were proud of. The testing was also enjoyable to watch and proved to be a fun experience for the users.
Figure 10.5 User testing Analysis & findings
- 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 encourages creativity and sharing among people so they can get motivated and inspired on ideas with coconuts and their recipes
- The product page is clearly made to showcase each editions of the DIY Kit box with nutrition and ingredients information along with the graphics and what is included in the box.
- It made the whole bonding experience between the mother & 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 and labels were clear to follow
- It requires no cooking or baking so it is very easy and fast to make
- Strengthened positive mother and child bonding
- Positive perception of coconut as a healthy ingredient of snacks
- Fun, educational and engaging experience
- Encourages repeat engagement and healthier snack choices
FINAL PRESENTATION
Week 15
On the 30th of December, we had our final presentation to our client, Ms Youle and Dr. Wong in class where we received feedback on our concepts and overall design direction. The presentation was also attended by 2 guest reviewers, Mr. Sylvain and Ms Youle's business partner.
The presentation went smoothly and was a success. Most of the reviewers gave positive feedback at our idea of a fun DIY kit for kids and the consistency of our designs across all prototypes. Ms. Youle also liked the name "CocoKreate." Mr Sylvain commented that the presentation was well delivered, smooth and not too wordy. They said the mascots were cute and effectively integrated into the box and website. Dr. Wong liked the structure of our presentation which followed the design thinking stages and included clips from our user testing.
Mr. Sylvain suggested that our group could have spent more time discussing the final prototype designs to create a stronger “WOW” effect. He also said that he prefers seeing the final design outcomes rather than a detailed overview of the progress.
Some pictures during final presentation day:
Figure 11.1 Final Presentation Practice
We did several rounds of practice before the final presentation to ensure everything went smoothly. Here are some pictures from our final presentation:
TASK 2 - Mid Term Slides
TASK 1, 2, 3 Combined - Final Compiled Slides (PDF)
Week 1
We grouped up with our teammates. We must have different
specialisations and at least 6 people in a group. 3 UI/UX members in
a group is the max. This is so that there's various specialisation
so the project can go smoothly with sharing of different
specialties.
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
During our Final Presentation to client and guest reviewers as well as Dr
Wong. Overall, our group turned out that we had done a good job.
Most of them said positive feedbacks such as they like our idea of
a fun diy kit for the kids, our designs throughout all our
prototypes were consistent and the logo is well expanded. Ms Youle
also like the name "CocoKreate". Mr Sylvain said that the
presentation was delivered well and smoothly too, and not too much
text heavy. He just said that our group could have paused and talk
more longer on our final prototype designs to give a more "WOW"
effect. Rather than just showing alot about the progress they
prefer seeing more of the final design outcomes as it attracts
them more as an audience. They also said that the mascots were
cute and nicely put onto the box and website. Dr Wong said that
she also likes the order of our presentation by following the
design thinking stages and also showing some clips for the user
testings.
1) Experience
Throughout these 14 weeks, working on a minor project for a real client, was a completely new experience for me. This was my first group work collaborating with a client which made the process both exciting and stressful. Despite the pressure, I enjoyed working with my groupmates and I am very grateful to have such hardworking teammates. It was a different experience as group because every one of us are from different specialisations and we have to combine our skills together to create the project.
The project itself was unexpected as I never imagined we would be working with coconuts or exploring ways to make people appreciate them. However, this made the project more interesting and meaningful. Overall, this experience gave me valuable exposure to real world design work and helped prepare me for future projects involving clients.
2) Observations
Throughout the project, I observed that each group member had unique and creative ideas. Everyone interpreted the concept differently which helped to strengthen our final outcome. Communication played a crucial role in maintaining the group’s harmony especially when we face challenges.
My groupmates and I were also open to feedback and willing to refine our ideas when necessary. This allowed us to overcome difficulties together and improve our work. Additionally, I observed how different Cocokami groups developed a variety of concepts which shows how design can be interpreted in many ways even when working with the same client.
3) Findings
From this project, I learned that communication and teamwork are essential to ensure a project’s success. Being open to feedback and maintaining clear communication helped us solve challenges more smoothly.
I also realised the importance of design in conveying a concept. Each group’s interpretation of Cocokami showed how design choices can influence how a message is perceived. With the constant guidance and feedback from Dr. Wong and the opportunity given by Ms. Youle from Cocokami, I have gained a deeper understanding of working with clients and applying design thinking in real world contexts. This project has strengthened my confidence and better prepared me for future professional work.
Comments
Post a Comment