UX Design | Final Compilation & Reflection

22.09.2025 - 04.01.2026 || Week 01 - Week 15
Hanson Pea Wei Hao || 0359463
UX Design || Bachelor of Design (Honours) in Creative Media || Taylor's University
Final Compilation

Lists





Instructions

Full progression

Task 1 - UX Study Exercise

Students are required to select an existing product or service and conduct a user experience (UX) analysis by identifying its key strengths and weaknesses. Based on the identified UX issues, students must propose practical design improvements that enhance usability and overall user satisfaction.

The study must be supported by a User Journey Map that visualizes user actions, emotions, pain points, and opportunities for improvement across the interaction stages.

Basically all the research will be in Figjam:

>>FigJam<<

Week 01:

This week we need to form a group of 4 and we need to do a proposal about UX Design, like choosing an area about any ux design problem they have, and then we try to find a solution to make the ux design better. After the discussion and group up with Yong,Terrance and Felita, We have some plan like:


Fig 1.1, Project Idea


After getting feedback from Mr. Sylvain, he suggested that we mix everything and make a Super Mall App. After doing some research which has a lot of problems, we plan to work on Lalaport. Because that place has very few people going so we assume that user experience for the user is not good at all.

Week 02:

This week, After the class is going on, we need to make a “5 minute presentation” and talk about an ux design problem and a small solution. So after some of the thinking, Mr Sylvain suggest no need to think about that complicated and just do about some very common happen in our surrounding which like sign for stair. So in the end I have decided to work on the lift in taylors. And also because Felicia didn’t get to join our class last week, so she joined our group and our group of 4 became 5 people.


 We have made a slide on what we're gonna do and a proposal like what we're gonna planning on Project Topic, Issue and Goals. 


Fig 2.1, Project topic


After getting feedback from Mr Sylvain, he suggested that we make a visit to the mall this week then we will find out the problem we need to solve. So we did plan out this Saturday and found out some of the problems in Lalaport. 


Saturday Research:

 We met up at lalaport to work on our project and go to find anything wrong about this mall and make improvements there. 

Fig 2.2, we visit the lalaport together




So, when I arrive at Lalaport, I need to meet up with my groupmate first. They mention that they are at the arcade area. But I don’t really know where the arcade area is so I tried out the directory machine they have and found out it's so hard to use.


Fig 2.3, Directory in the mall


The tutorial we try to use it (Shot by us):  Youtube


We find out some problem about the directory and this way we can make some improvement about their directory. Other than that, I think we can make some changes about the sign box.

Fig 2.4, people confuse the directory


We find out that a lot of people confuse the area because all the information is outdated and it is very hard to find it out because a lot of areas are not mentioned and they still put it on the maps which confuse people.


Summary of the Problem in Lalaport:

  • Many people get confused because the information is outdated, missing unopened areas, and incorrect maps but still show them.

  • The  current directory shows too many brands in one view. The typography is small, and colour contrast is weak. 



Fig 2.5, Signage


  • After we try the Lalaport Directory Physically, The physical directory doesn’t have the “take with you” function, so after people look at the directory, they will be confused after a corner. The other point is the directory would now straight show directory, we need to scan the QR after we choose the place we want to go.


  • We Try out the Lalaport directory in their app. We find out the The physical directory boards and the mobile app feel like two separate systems.the user check the map on the board but can’t easily “continue” that search on their phone

Week 03:

We have a new idea other than making a Super app, which is to make the directory become more easy to use by the user and it opens the same map view on the LaLaport app or web version and the user continues their route in real time. Other than that, we will redesign the directory and app UI using consistent icons, colors, and typography.

Fig 3.1,Research document [interview question]

Week 04:

We mostly work on finding 5 potential interviewers from lots of places like Lalaport, other malls, friends or people around who have been to Lalaport before.


Interview Document: 

Week 05:

This week we need to use the Interview we have done and create affinity maps and HMW Statements.


Fig 5.1, Affinity Mapping

Fig 5.2, Big Topic HMW

Week 06:

After the feedback given, we find out we should not mix the affinity map with the same colour so need to redo a version which should not use colour to unify everything and based the original. Other than that, we also create a Stakeholder map and 3 User Persona.


Fig 5.3, Skateholder Map

Fig 5.4, User Persona

Week 07:

After the feedback given We need to make a bit of change of user persona and the affinity map. For affinity map we need to make it more simplified, and for the user persona need to make a lot of changes like adding a role for them, some of the detail and make some fo the point simple. 


This week task will be adding User Journey map and making some change on affinity map and User Persona

Fig 7.1, Feedback from lecturer

Fig 7.2, Affinity map Version 3

Week 08:

This week we don't have actual feedback due to the activities taking too long a time. The activities make us find out what are the main points we need to know and target the right we are working on. After that we get to finalize our all of our user persona.


Fig 8.1, User persona 2.0 

Week 09:

This week is the first presentation for our proposal. we showed the proposal before finalizing.

Fig 9.1, Initial Proposal Presentation

Week 10:

This week
only begin doing the prototype. mostly is doing research on different app like sunway pyramid app, pavillion app, and ioi

Week 11-12:

This two week other mostly rush on what we have and combine everyone Hi-Fi. and fix some part of the it.
Fig 11.1, Event and Promotion

For my personal part, I working on event and promotion only. I find out I can done my work quick the only hard part is thinking how to make this part be more fun. 

Fig 11. 2, Walkthrough Video of Event and Promotion[Youtube]

So after I done my part, I try to help my other member on small animation part. 

Fig 11.3, Loading scene animation[Youtube]

Fig 11.4, Splash Screen animation [Youtube]

After that i connect all the button and make them function.

Fig 11.5, Connect "Line" in figma

First Prototype for app: lalaport app [Figma]

Fig11.6, Prototype for Lalaport app[Initial]

Week 13:

This week we did the first final presentation, I am not there due to my sick, Since I already know I am not going to join, so I done most of the final presentation slide by following the flow leader provide to me.
 


Fig 13.1, Flow provide by leader

Then create the presentation:

Fig 13.2, Final Presenation [Initial]

After the presentaion we haveing some issue in consistancy on the app. So we ask 1 person to do the consistancy [Felicia] , After we have everythings will not go wrong and I will work on fixing all the animation and detail for navigation those.

Week 14:

This week mostly is working on final detail for the app and changing for the final slide after we have the app. So after Felicia consistancy all the part. I start my favourite part which is lining, 
and consist all the animation.


Fig 14.1, Navigation Fix [Figma]

Fig 14.2, lining and animation [Figma]


Small Walkthrough for the App:

after that I realise there is somethings to improve, so I try to improve the app. I adding 2 directory which is parking directory and directory for shop.

Fig 14.3, animation for parking directory [Youtube]

Fig 14.4, animation for shop directory[Youtube]

Final Outcome:

Prototype for app in figma: [Prototype]

Develop for app in figma: [Figma]


Fig 15.1, Final prototype for lalaport apps


Ther final Slide:


Fig 15.2, Final Presentation slide for Ux Design



Feedbacks

Figxx, All Weekly Feedback

Reflections

Over the past few weeks, I worked through the full UX process for a super mall app whcih is from early research to the final prototype. Starting with research helped me understand what users actually need in a mall context, like finding parking, locating stores, checking promotions, and navigating quickly without feeling overwhelmed. From there, I translated the insights into user flows and key screens, then refined the layout and interactions based on clarity and usability. Seeing the app gradually evolve from rough ideas into something that feels like a real product was honestly really fun and satisfying.

At the same time, the biggest challenge was time management. Because I had multiple assignments happening at once, I sometimes had to make faster design decisions than I wanted. This affected how much user testing and iteration I could do, especially small details like micro-interactions, accessibility checks, and making every screen perfectly consistent. Even so, I’m proud that I still managed to complete a full journey from research to final UI, and I learned how important prioritization is in UX: focusing on the most critical tasks first, then polishing if time allows.

Overall, I enjoyed the process and I feel more confident building an app in a structured UX way. If I had more time, I would run more usability tests and improve the final details, but this project gave me a clear understanding of how research, design decisions, and user experience connect into one complete product.
                                                                                                                                                                                                                                                                                       Back To Lists

Comments

Popular posts from this blog

Game Development || Task 1&2 : Game Design Document & Art Asset Development

Information Design | Exercise

Major Project 1