Experiential Design | Final Project : Completed Experience
6 July 2025 - 3 August 2025 (Week 11 - Week 15)
Chan Xiang Lam | 0358400
Experiential Design | Bachelor of Design (Honours) in Creative Media
Final Project | Completed Experience
TABLE CONTENT
1.Instructions
2. Final Project | Completed Experience
3. Reflection
INSTRUCTIONS
FINAL PROJECT
INSTRUCTIONS:
We are required to refine and complete our prototype into a fully functional and polished product experience, building upon the progress made in Tasks 1, 2, and 3.
Our final product should:
- Integrate all necessary visual assets and improved UI elements
- Combine all features into a working, interactive experience
- Ensure that the final output is user-ready and fully functional
SUBMISSION REQUIREMENT:
- Complete project files and organized folders
- Final application build:
- APK file (for Android)
- iOS Build folder (for iPhone)
- Reflective blog post on our e-portfolio
- Video walkthrough presenting our final working product
Final Project Progress
At the end of Task 3, the core UI and button interactions in our AR learning scene were functional, but the 3D model of the tiger had not yet been implemented. For the final project, we focused on completing this key element and ensuring it worked smoothly with Vuforia’s image recognition system.
Adding the AR Model After Card Scan
we imported the 3D tiger model into Unity and placed it under the ImageTarget assigned to the Tiger flashcard. We created a container object named TigerRoot, which holds the model Tiger_001 as its child. This structure ensures that when the TigerCard is scanned, the model appears correctly in AR space, aligned with the physical marker.
We carefully adjusted the scale and position of the model so it fits naturally within the camera view. The tiger remains hidden by default and becomes visible only when the ImageTarget is detected by the ARCamera.
Fig.4.1 TigerPrefab placed under ImageTarget in Unity
After setting up the model and logic, we tested the AR experience in Unity Play Mode and on mobile. When the TigerCard is detected, the tiger model appears on screen along with the InfoPanel, displaying the animal name and three interactive buttons: Sound, Translation, and Fun Fact.
Each button triggers a corresponding function handled by the TigerSoundButton.cs script, and audio feedback is logged in the Unity console. The “Play Game” button appears after all three interactions are completed.
Fig.4.2 TigerSoundButton.cs Script
The 3D tiger appears on top of the scanned TigerCard, the InfoPanel displays correct labels, and all interaction buttons are responsive. The Unity Console confirms model tracking and logs the triggered sound and panel actions.
Fig.4.3 Recognized TigerCard
Build Process
After completing all development and testing, I built the final version of our application for iOS. For iOS, I generated the Xcode build folder in Unity, opened it in Xcode, and deployed the app to an iPhone for final testing. The build process confirmed that all AR features, UI interactions, and quiz functions worked as intended on the physical device.
Fig.4.4 Final Application build on iPhone
Final Project Final Submission
Google Drive
Video Presentation:
Fig.4.5 Video Walkthrough - ARWonderWords
REFLECTION
From Task 1 to the Final Project, this Experiential Design journey has strengthened both my technical skills and social competencies.In the early stages, I focused on concept development, collaborating with my teammate to create a proposal that met user needs. This required empathy, active listening, and the ability to integrate different ideas into a shared vision.
In Task 3, I took responsibility for developing the quiz system, while my teammate worked on AR features. Clear task delegation, regular updates, and problem-solving helped us overcome challenges such as UI responsiveness and audio playback issues.
By the Final Project, we successfully integrated all components into a fully functional application. This experience improved my teamwork, adaptability, and attention to detail, while reinforcing the importance of positive communication and mutual respect in achieving productive and harmonious collaboration.
.jpg)
Comments
Post a Comment