Experiential Design: Final Project - Completed Experience
EXPERIENTIAL DESIGN MMD 60204
WEEK 01 - Week 04 (22.04.2025 - 13.05.2025)
NAME: Chin Tze Wei
I.D: 0357423
COURSE: Experiential Design / Bachelor of Design (Honors) in Creative Media
GROUP: Class 01 Sec 01
Experiential Design - Final Project: Completed Experience
- LIST -
1. INSTRUCTIONS
Module Information Booklet
Module Information Booklet
Module Information Booklet
2. FINAL PROJECT: COMPLETED EXPERIENCE
For my part in the project, I was reponsible for designing and
implementing the Menu UI and the Index system that allows users to access and manage their scanned
cards.
2.1 Menu Page Setup
I began by creating a new menu page using Unity’s Canvas system. The menu
includes two main buttons: one to start the AR scanning experience and another
to view the collection of previously scanned business cards. These buttons
were placed inside a MenuPanel, and I carefully adjusted their layout using
RectTransform to ensure they appeared correctly across different screen sizes,
especially on mobile devices.
Figure 2.1 Two main buttons on the menu page
Figure 2.2 Button OnClick Setup
2.2 Scene Navigation
To enable scene navigation, I added a C# script that allows buttons to load
different scenes using SceneManager.LoadScene. The “Start Scan” button links
to the scanning scene, while the “View Collection” button leads to the index
or collection scene, where all scanned business cards are stored.
Figure 2.3 Scripts
2.3 Index System UI
The index system was designed as a scrollable interface where users can browse
the business cards they’ve collected. I used a Unity ScrollView and created a
prefab for each card entry, which includes an image (such as the avatar or
card snapshot), the person’s name, and a timestamp. These entries can be
instantiated dynamically in the future as more cards are scanned and saved.
Although full persistent data storage was not implemented in this version, the
UI is already structured to support expansion using PlayerPrefs or external
JSON storage.
Figure 2.4 Card Controller Script
2.4 UI Hierarchy and Visual Styling
To ensure smooth user interaction, I styled the interface with consistent
fonts and color schemes that align with our group’s overall design direction.
I also tested the UI on different resolutions and debugged potential issues
like unresponsive buttons by verifying the EventSystem and adjusting anchor
points.
Figure 2.5 Game View Preview on Mobile Resolution
3. FINAL SUBMISSION
3.1 Unity Project Files and Folders
3.2 App Build File (APK File)
3.3 Target Image
Figure
3.4 Walkthrough Video and Presentation
Video 1 Walkthrough Video and Presentation
3.5 Blog Post
3.6 Partner's Blog Link
4. REFLECTION
I was responsible for designing and implementing the Menu UI, which includes
the Start Scan and View Collection buttons. I also developed the structure of
the Index System, allowing users to view previously scanned business cards in
a scrollable format. This involved building the UI layout, setting up scene
transitions, and ensuring mobile compatibility in Unity.
QUICK LINK
Tasks
Google Drive Link: Click HERE
