Task 3 | Experiential Design Prototype

 Application Design II / Week 09 – Week 12

Task 3 | Experiential Design Prototype

Low J- Yin / 0352888

---

Introduction

---

Exercise 

In this task, we will be moving on to create the prototype for the app showcasing the workings of the AR experience.

I started with designing the UI Design, as i want it to having good interface and good user experience while they enjoying play AR and other function. With good user interface, they could find information easier. This is also one of my main target to be reached when i doing this assignment.

Here is the result how the interface will be look like:

 This will help user easily to find the information they need, making it user friendly. Next, i started to design "Art Story" page, where the user scan the artwork and will pop up a 1:1 scale student model explaining the story behind the artwork and brief introduction about their self.

Here is the Art Story Page looks like:

Afterthat, i move on to Portfolio Page:

Here is progress of the prototype:

After entering to "Portfolio" Page, click on the student id, and it will pop up student's information. Here is how the User Interface looks like:

Here is the walkthrough presentation video:

---

Reflection

Through this assignment, I learned a lot about designing user-friendly apps using Figma and creating a prototype. Starting with Figma, I was able to map out the entire layout, from the welcome message to the Home Page, ensuring everything looked clean and organized. Using Figma helped me understand how to arrange elements like the menu bar and camera icon in a way that makes navigation easy and logical.

Creating the prototype was a great hands-on experience. I learned how to link screens and add interactive elements, like the Portfolio, 3D Animation, and AR Scan functions, which made the design feel more realistic. Testing the prototype allowed me to see how each feature would work together in practice and how users could engage with the app’s different parts.

One key takeaway was how Figma’s tools help bring an idea to life, especially with features like AR Scan, which I realized could really help users imagine artwork in their space. Overall, this process showed me how effective design can make an app more engaging, and I feel more confident using Figma to create functional, user-centered designs.