Experiential Design | Task 3: Project MVP Prototype

-
10.06.2025 - 06.07.2025 || Week 07 - Week 11
Hanson Pea Wei Hao || 0359463
Experiential Design || Bachelor of Design (Honours) in Creative Media || Taylor's University
Task 3: Project MVP Prototype

Lists




Instructions


Task:
Once their proposal is approved, the students will then work on the prototype of their project. The prototype will enable the students to discover certain limitations that they might have not learnt about before and they’ll have to creatively think on how to overcome the limitation to materialize their proposed ideas. The objective of this task is for the students to test out the key functionality of their project. The output may not necessarily be a finished visually designed project. The students will be gauge on their prototype functionality and their ability to creatively think on alternatives to achieve the desired outcome.

Requirements: 
1. Screen Design visual prototype (Figma)
2. Functioning MVP of the App Experience

Submission: 
  • Upload to Google Drive and share the link Video presentation and walkthrough of your AR project prototype
  • Explain your AR app and elaborate on what has been done and what yet to be done.
  • Include also your asset building or collection progress
  • Blog link to the project post

Working Process in Figma:

So, after we have done our proposal, we start working on Figma to make sure how our project look like and how can it work.

Fig 1.1, AR Tunes in Figma[Development]

Experiential Design AR App (AR Tunes): [Link to Figma]


Try it out in Figma:
Fig 1.2, AR Tunes in Figma[Prototype]

Experiential Design AR App (AR Tunes):  [Link to Figma]


Working Process in Unity:

After we both done it in Figma, We start our progress in Unity. Based on what our planning, my partner will work on the AR camera and the lyric appear and I will work on the effect filter.
After the discussion, My partner will work on the  I will work on four of the effect which suit different kind of song which is:
  • Chill song (warm tone)
  • EDM (neon)
  • Urban Night mood (Cool tone)
  • Romantic (Love effect)
Home page:
Fig 2.1, home page

Fig 2.2, Instruction when reach homepage

Fig 2.3, Adding a filter button on the top right

Fig 2.4, Press the button and the filter panel appear

Fig 2.5, Code to control between the button and filter

Fig 2.7, Urban night filter

Fig 2.8, LofiLove filter

Final Video Presentation

Youtube Video: [Youtube Link]

Fig 2.9, Video presentation

Feedbacks

...

Reflections

I found the process of creating filters in Unity quite challenging at the beginning, mainly because I had limited experience with how post-processing and Volume Profiles actually work in Universal Render Pipe. At first, I thought it would be simple to just add some effects, but I quickly realized that managing multiple filters and linking them to UI buttons in an AR scene needed more detailed understanding and setup.

During the process, I faced issues like both filters using the same Volume Profile, which caused unexpected results. I didn’t realize at first that each filter must have its own separate profile to work independently. This made me feel quite stuck and a bit frustrated. However, after experimenting, reading documentation, and getting step-by-step guidance, I finally managed to solve the problem. I now understand the structure of Volume Profiles and how to enable or disable them through C# scripts.

This process helped me learn not just technical skills, but also how to troubleshoot and test systematically in Unity. I now feel more confident in working with visual effects, UI interactions, and AR camera setups. Even though it was difficult at the start, solving the problem made me more comfortable with Unity and more motivated to keep improving.
                                                                                                                                                                                                                                                                                       Back To Lists

Comments

Post a Comment

Popular posts from this blog

Information Design | Exercise

-
Image
03.02.2025 - 23.02.2025 || Week 01 - Week 03 Hanson Pea Wei Hao || 0359463 Information Design || Bachelor of Design (Honours) in Creative Media || Taylor's University Exercises Lists 1. Instructions 2. Reflections Instructions Exercise 1: Quantifiable Information Exercise 1: Quantifiable Information (10%) - Quantify raw data and visualize information as a photograph - Visual representation of numerical data that allows for easy interpretation and analysis. Instruction: Gather a set of objects and separate it into category such as color, shape, pattern, and other quantifiable factor. Example: 1. Box of Lego 2. Jar of button 3. Jar of marble ball 4. Set of colourful rubber strap & more. In this exercise you're required to quantify our chosen objects and arrange them into a presentable layout or chart. The information must be presented as is, and you need to arrange the objects with relevant indicators written out with pens to help you to visualize the quantity and data. T...
Read more

Major Project 1

-
Image
04.02.2025 - xx.xx.2025 || Week 01 - Week 07 Hanson Pea Wei Hao || 0359463 Major Project 1 || Bachelor of Design (Honours) in Creative Media || Taylor's University Tasks Lists 1. Instructions 2. Feedbacks 3. Reflections Instructions [ FigJam Board ] Task 1: Proposal Development For the requirement, we need to work as groups in presenting an innovative concept that introduces unique social, cultural and/or economic value to the intended target audience within your chosen field of specialization. We also need to  conduct research on current technology and design trends that influences and benchmarks our area of specialization. Case studies with analysis reports on product/service functionality and effectiveness, technical innovations and challenges, aesthetics and design appreciation are required to support your new project proposal. The project must address the ‘gap’ where you have discovered and realized ideas and solutions that creates and captures value in a novel way. For our ...
Read more

Application Design 2 | Task 1: App Design 1 Self-Evaluation and Reflection

-
Image
04.24.2025 - 18.05.2025 || Week 01 - Week 04 Hanson Pea Wei Hao || 0359463 Application Design 2 || Bachelor of Design (Honours) in Creative Media || Taylor's University Task 1: App Design 1 Self-Evaluation and Reflection Lists 1. Instructions 2. Feedbacks 3. Reflections Instructions For Task 1, we need to doing a self reflection for our works in Application Design 1. By the design suggestion, I will do step-by-step accessibility review across the flow and do a structured feedback based on layout and interaction.  Screen 1: Splash / Welcome Screen Fig, 1.1, Welcome Page [before and after] For Design Suggestion: Add a semi-transparent overlay behind the text buttons to ensure consistent readability against the image background. Increase touch target spacing between "Log In or Sign Up" and "Continue as Guest" to prevent accidental taps. For  Structured Feedback: Clarity : Visually appealing but readability is at risk due to image background. I nteraction : B...
Read more