UX Design | Final Compilation
25.09.2025 - 04.01.2025 Week 01 - Week 15
For the task on this week, each group need to conduct interview with total of 5 people with maximum time is 20 minutes.
After that I started to analyze the good and the bad ux element from the user journey. There were quite many disadvantage side rather than the good side which we can conclude the website still need to enhance their experiences by improving some aspects.
FINAL OUTCOME EXERCISES : DESIGN AUDIT
We compiled all photos and insert some of it into user journey map.
l took a contribution to revise some of the interview questions, this is what I made :
For my teammates, Jessie was tasked to do the UI toolkit meanwhike Weelun start to work on the flow chart once I have done list down all the features.
Tracy Angeline Tio / 0362222 / Bachelor of Design ( Honors ) in Creative Media
UX Design / Taylor's University
FINAL COMPILATION
TABLE OF CONTENTS
LECTURES
WEEK 1
On this week, Mr. Sylvain introduced the module outline for UX Design Courses. There were individual and group project for the outcomes. He showed us example from previous student works which is about commuting experiences to go to Taylors University.
 |
| Fig 1.1 Lectures Documentation Week 01 25/09/2025 |
After that, we were instructed to form a group consist of 3-5 people. I was grouped with Jessie and Wee Lun. We proposed a topic and discussed it together to get a final chosen from Mr. Sylvain.
WEEK 2
This time we were explained about the Good vs Bad UX Design. Mr Sylvain showed us the example, scenario and later he gave us an exercises about Design Audit Report.
 |
| Fig 1.2 Lectures Documentation Week 02 02/10/2025 |
The Good Characteristic of UX Design consist of :
- Usable : The design, structure, and motive of the product are clear to the user
- Equitable : Delivers a high-quality user experience to all its users regardless of their age, gender identity, race or ability
- Enjoyable : Make the user happy
- Useful : Solve a User Problem
Good Design is actually a lot harder to notice rather than poor design. Design, good and bad, is prevalent all around us. One might think that good design is based on a personal preference. However, most “poor” designs are often called so because they don’t reflect the user’s needs.
WEEK 3
This week, we learned about user interview. At the end we were instructed to creating the project plan document to test our understanding. Research Methods consist of 4 different things which are Qualitative, Behavioral, Attitudinal and Quantitative. And then, before we finalize the interview question, its better if we tested it with another people and see how the flow works.
 |
| Fig 1.3 Lectures Documentation Week 03 09/10/2025 |
 |
| Fig 1.4 Research Plan and Interview Requirements Week 03 09/10/2025 |
WEEK 4
No class on this week since the lecturer were down on flu.
WEEK 5
This time Mr. Sylvain explained about affinity mapping. Affinity Mapping is a research method designed to reveal themes and insights from large sets of qualitative data.
What we need to do with the data?
- Even it out : Scatter the sources on the same level, chunks of one info each if possible.
- Spread it : Give space to each bit, use surface and horizontal layout to see the big picture.
- Find Patterns : See what data can link with each other and how they are similar or underlying needs.
- Find Outliers : Find the data points that don't match any other too.
After we finished the lectures, we have a group activity to do the affinity mapping sample and how might we exercises. First exercises we need to sort card based on the category and give it the name while the second one we need to think about HMW sentences of the scenario.
The activity can be seen here (Available in our Figjam).
 |
| Fig 1.5 Class Activity Week 05 23/10/2025 |
WEEK 6
Mr. Sylvain explained about Stakeholder map and User Persona. Stakeholder map were divided into 2 categories which are inside and outside. We were given a scenario and our task is to determine the inside and outside, along with primary, secondary and tertiary stakeholders.
The second activity is about user persona, we need to at least come up with 2 personas along with the scenario. This is the result for week 6 activity.
 |
| Fig 1.6 Class Activity Week 06 30/10/2025 |
As for our project, we need to decide which one we would be like in Jaya Grocer / Service provider side or in Customer sides.
Meanwhile, Personas are tools to create empathy. Later then, he reviewed some of our works from last week and explaining how to do the affinity mapping.
WEEK 7
This time we were explained about user journey map. User journey map is a visual framework that helps you understand and visualize a user's experience with a product or service from their perspective.
 |
| Fig 1.7 Class Documentation Week 07 06/11/2025 |
We ended up the lecture session with class activities to do the user journey map for the persona we did yesterday. This is our activity result. We then presented it in front of class.
 |
| Fig 1.8 User Journey Map Exercises Week 07 06/11/2025 |
WEEK 8
This week, Mr. Sylvain explained the design document we need to showed for next week. And then he showed to us some example that not so good and he advice us to decorate (include illustration or image) on the slides. After that, we were introduced into a new lecture which is ideation and brainstorming.
 |
| Fig 1.9 Class Documentation Week 08 13/11/2025 |
WEEK 9
This week we were explained about Gantt Chart and RACI Framework. By creating the Gantt Chart and Framework, it would ensure our task completed on time and track on what need to do and who is responsible for it.
 |
| Fig 1.10 Class Documentation Week 09 20/11/2025 |
WEEK 10
This week, Mr. Sylvain explained to us about the final presentation that are gonna happen in 18/12/2025 - W13. He showed some example of how the presentation would look like and provide some structure.
 |
| Fig 1.11 Class Documentation Week 10 27/11/2025 |
WEEK 11
This week lecturer is about Monetization and Gamification. Monetization is the process of converting something into money and it can be applied through ui/ux principle by user interaction (ads, subscription, pay per use, freemium), active purchase (affiliate, sales, etc) and intelectual property.
Meanwhile Gamification is the strategic integration of game-like mechanics and principles into non-game contexts, such as mobile apps and websites, to drive user engagement and solve complex UX problems.
 |
| Fig 1.12 Class Documentation Week 11 04/12/2025 |
WEEK 12
Public Holiday. No Class.
WEEK 13
This is the last week we have class and we are having our final presentation.
WEEK 14
No class on this week.
INSTRUCTIONS
MIB BOOKLET :
LECTURER BRIEF :
EXERCISES
Design Audit
On this task, we were required to choose a scenario case study where UX Design played a critical role in the success or failure of the product / service. We need to research the case study and identify the characteristics of good and bad UX design in the scenario.
Requirements :
- Create a Google Slides presentation with a minimum of 6 slides to present your findings.
- Slide Title : Include a title slide that introduces the case study and your analysis.
- Case Study Background: Provide an overview of the case study and the UX design aspects that were successful or unsuccessful.
- Characteristics of Good UX Design (1): List and explain the key characteristics of good UX design that were present in the case study.
- Characteristics of Bad UX Design (2): List and explain the key characteristics of bad UX design that were present in the case study.
- Conclusions: Summarize your findings and make recommendations for how the UX design could have been improved (if applicable).
- Content: The presentation should be clear, concise with a focus on communicating the key takeaways from the case study and your analysis.
Presentation on Next Week : Week 3, 5 mins each person.
---
Work Progress
The first thing we need to do is to find the topic and it can be anything related in our life. I choose the Batam Government website as my case study because it related to my home country as I'm Batam people.
Through the website exploration, I created 1 scenario where the user trying to read an article / news from it. Then I making out the user journey map that have 5 phases. I include the image on the next slide.
 |
| Fig 3.1 User Journey Map Progress Week 03 08/10/2025 |
 |
| Fig 3.2 Work Progress Week 03 08/10/2025 |
FINAL OUTCOME EXERCISES : DESIGN AUDIT
Canva Link : HERE
Fig 3.3 Final Exercises : Design Audit Week 03 08/10/2025
GROUP PROJECT
Weekly Progress
On this task, we were required to come up with a problem / topic and do the research about the topic until we finally produce an app / solutions regarding on our problem statement.
---
Week 01 - Module Briefing & Group Arrangements
For the first week, Mr Sylvain explained the project briefing including the project arrangement timeline. He also showed on example from past student works so we know what we are going to make for the group project.
I was grouped with 2 members for the group project. Below are the members name :
- Guan Wee Lun (0364012)
- Jessie Eileen (0367269)
- Tracy Angeline Tio (0362222) - Me
We first browse a topic for UX Design problem and come up with 3 different topic. Wee Lun proposed a Koppiku app topic while Jessie proposed Smart Grocery and Food Finder app. As for me, I just help Jessie a little to search on the topic since I have done many type of this project before which make me hard to find a new idea. I'm really grateful for my team members contribution by proposing a nice ideas.
Below are the topic we have come from. I helped to organize the figjam board to make it clean.
 |
| Fig 4.1 Topic List Week 01 25/09/2025 |
After consulting with Mr Sylvain, we select the Topic 1 : Smart Grocery List because he find the topic was interesting. We agree to continue this topic and dive into a deep research for this topic. Wee Lun did a research on Lotus App Journey that have unique features and I research about Jaya Grocer Trolley as references.
 |
| Fig 4.2 Week 1 Progress Board Week 01 25/09/2025 |
Before week 2 started, I made the canva slides to place the final result about the project topic, issue and goals.
Week 02 - Project Brief & Contextual Research
For this week, I started to create the presentation slides and moving out some information made by my team members.
 |
| Fig 4.3 Slides Progress Week 02 01/10/2025 |
This time we did the contextual research about Jaya Grocer and finalized the project topic with the problem, goals and target audience we pursuing on. Jessie did the project topic, problem statement and goals while weelun focused on Jaya Grocer research along with demographics and target audiences. I revised some word and arrange the board.
 |
| Fig 4.4 Week 2 Overall Research Week 02 01/10/2025 |
After showing our progress to mr Sylvain, he said overall it was fine and told us to trying out creating user journey first and all of us can try the smart trolley from Jaya Grocer as a part of user journey.
Week 03 - User Journey & User Interview
On 06/10/2025, three of us planned to go Jaya Grocer located at 1U to trying out the smart trolley. We met at 10 AM and took out some documentation. Overall trying the smart trolley was worth it and it did make my shopping quick and saving time.
 |
| Fig 4.5 Group Documentation Week 03 06/10/2025 |
 |
| Fig 4.6 Customer Journey Week 03 06/10/2025 |
In class activity, we now were focused on user interview. Our task is to create a research plan document including our interview questions. Each group need to find 5 people to do the interview with similar background - focused on 1 audience category. Our group designed the interview question together and from the feedback given, we need to revise some of the questions.
 |
| Fig 4.7 Developing Research Plan Week 03 09/10/2025 |
 |
| Fig 4.8 Revised Interview Questions Week 03 10/10/2025 |
Week 04 - User Interview Result
On 15/10/2025, I did an interview with 1 taylors student (Priscelia). Later then, I transcript the recording into text. The interview recording and transcript could be find on this link :
Audio Recording :
Transcript Docs :
 |
| Fig 4.9 Interview Transcript Week 04 15/10/2025 |
We didn't have class this week since the lecturer is flu. I continue to put all the information into slides.
Week 05 - Affinity Mapping
After we gathered all the interview answer, the next step is to analyze the answer using affinity mapping. We divided task to analyze each other interviewee from previous week.
I organize and move all the script answer into table and with my groupmate help, we got the key point written in sticky note for each 5 interviewee.
 |
| Fig 4.10 Interview Answer Week 05 24/10/2025 |
Wee Lun and Jessie then arrange / sort the affinity based on some point. After discussing, we decide to go with Wee Lun affinity and I help to group it into some big class.
 |
| Fig 4.11 Affinity Mapping Looks Week 06 29/10/2025 |
And then we have a discussion on 29/10/2025 to do the How Might We and Finished the user journey map about the smart trolley that we did in week 3.
 |
| Fig 4.12 Meeting Documentation Week 06 29/10/2025 |
Week 06 - Stakeholders, User Persona and Scenarios
This time we receive a feedback from Mr. Sylvain that said it's better if affinity is messy and we need to clearly define the problem on the statement. The problem are gonna be used as a references for user persona.
Weelun did re arrange the affinity and give a big statement for the problem. He then also did the stakeholder map. While I and Jessie focused to do the User Persona (3).
 |
| Fig 4.13 New Affinity Attempt Week 06 04/11/2025 |
 |
| Fig 4.14 User Persona Week 06 05/11/2025 |
Week 07 - User Persona and User Journey Map
This week, we were reviewing our user persona we made on last week. Mr Sylvain gave an insightful feedback to us and we need to revise some part of it. I took a part on User Persona 3 and then create a User Journey Map of it.
 |
| Fig 4.15 User Persona and Journey Map in Figjam Week 07 12/11/2025 |
Week 08 - Finalize Persona and Design Document
This time we have revised the user persona along with the journey map based on Mr. Sylvain feedback. For the journey map, he asked us to have a 3 opportunity point in the journey map and suggest to make it attractive for the design, not just the test. We have come up with the new template for journey map.
 |
| Fig 4.16 Updated Journey Map Week 08 13/11/2025 |
And then during the class activity, our group need to select 4 HMW Question that we have made and try to give the answer of it. After that, another things we did are the MSCW table and 2x2 Matrix for Impact and Effort.
 |
| Fig 4.17 Documentation Week 08 13/11/2025 |
Week 09 - Design Document
This week we were worked on the design document for the user research part, before we moved into the prototype. I was tasked to works on the slides and think about the key features for the app before Wee Lun moved on to the Gant Chart part.
In class, we also have an activity to do the mind mapping for our project. We started with smart trolley as our main topic.
 |
| Fig 4.18 Mind Map Documentation Week 09 20/11/2025 |
 |
| Fig 4.19 Working on Design Document Week 09 22/11/2025 |
Week 10 - Determine MVP and Key Features
This time I was working with the ideation phases. From the how might we activity that we did during week 8, I moved the result digitally in figjam. Then I start to analyze features that are important and categorize it into primary and secondary.
 |
| Fig 4.20 Determine Key Features Week 10 27/11/2025 |
Week 11 - Progression for Low Fidelity
This week I kept an eye of what's everyone doing right now since I don't have much things to do by this week. Weelun started to do the wireframe and low fidelity on this week and after we receive feedback from Mr. Sylvain to create the illustration scenario for In Store, I worked by write down the scenes and Jessie was responsible to do the sketching.
I work with the information architecture for Jaya go as well to help me understand the flow better and know what to do during high fidelity later.
 |
| Fig 4.21 Site Map and Scenario Week 11 04/12/2025 |
Week 12 - Working on High Fidelity Prototype
This week is a public holiday but I continue finish up the works. By this week, the low fidelity by weelun is almost done so I can start to create the high fidelity. I noticed that there still some page lacking design so I modified it during high fidelity.
First things I started to create is splash screen and log in screen.
 |
| Fig 4.22 Splash and Log In Week 12 11/12/2025 |
And then continue with the rest page. I do spent a lot of time think if the button was necessary or not. Other than that, I need to make sure all flow clear and user have button to go back. At the end of this week, I manage to finish with the online shop flow and Recipe Suggestion.
 |
| Fig 4.23 Shop Online Flow Week 12 13/12/2025 |
 |
| Fig 4.24 Recipe Suggestion Flow Week 12 13/12/2025 |
Week 13 - Final Presentation
This week, where we are supposed to have final presentation is near, I continue finished up what's left and divided task among the 2 members. I assigned them to do the final presentation slides.
What's left for the prototype is the main flow which is in store shop. I felt like doing this flow is the hardest one since there were pretty much possibilities could happen during in store shop. When doing it, I also asked opinion from others to see what are they thoughts and what could be improved.
 |
| Fig 4.25 In Store + Shop History Flow Week 13 15/12/2025 |
Once all pages is completed, I started to do the prototyping and write the flow description in figma.
 |
| Fig 4.26 Prototyping Week 13 16/12/2025 |
After prototype is finished, I helped my teammates to work on the slides and check to ensure the presentation flow later on is clear and smooth.
 |
| Fig 4.27 Documentation a Night Before Presentation Week 13 16/12/2025 |
Then, In presentation day, we present what do we have and overall we received positive feedback from lecturer and also the panel side. They also provide some suggestion that we could improve for the prototype and think for more possibilities during in store.
Week 14 - Finishing for Final Slides + Refinement
This time we don't have class and we got a time to finalize everything before submission on 4th january. Since I was busy with other task, there were not much change make for the prototype. Only for in store part, I change the exit from staff confirmation to just scan QR for more efficient way.
 |
| Fig 4.28 Refinement for In Store Exit Week 14 03/01/2026 |
And then I and some of my teammates do move our content from previous slides into the final presentation slides. I wrote down some possibilities in our ppt slides. With that, the project is done and ready for submission.
 |
| Fig 4.29 Updated Presentation Deck Week 14 03/01/2026 |
FINAL OUTCOME GROUP PROJECT : JAYAGO!
Canva Link : HERE
Fig 4.34 App Prototype Demo Week 15 04/01/2026
FEEDBACK
All Feedbacks are written on this document : HERE
Fig 5.1 Feedback Document Preview
REFLECTIONS
Working on UX Design through 15 weeks in group is a valuable experiences I receive. Altough I have been do much things like user research before, researching on JayaGo hits different and there were many factors need to considered on.
Starting from journey to try on smart trolley until implement it in the prototype, I do like the overall things we worked and satisfied with the result. We successfully solving the problem by introducing pickup, delivery, recipe and smart navigation like smart trolley features inside Jaya go app.
Besides the advantages, there are still limitation happened and a few things that could be improved especially the recipe suggestion and in store possibilities, which make me realize this project is far from simple. We need to think what could happen, what if since there's always things that could be improved on the second hand.
To conclude, I want to thank Mr. Sylvain with his guidance and feedback every week that help us grow better to develop this project. Moreover, I want to thank my teammates through 15 weeks working together, there were much efforts we put on for this task!
Comments
Post a Comment