Major Project 1 - Task 3 : Concept Presentation
03/03/2025 - 17/03/2025 ( Week 5 - Week 7 )
Ho Winnie / 0364866
Major Project 1 / Bachelor's of Design Honors In Creative Media
Task 3 : Concept Presentation
Task 3 : Concept Presentation
Instructions :
 |
| Fig 1.1 Expected Deliverables For Task 3 |
Progress :
A. Splitting Of Tasks
As our solution output is quite huge and consists of 3 main things - immersive website , AR souvenirs and also the Tok Dalang hand detection hand experience, we had to split up the tasks to ensure we get ready in time for final presentation. We divided the tasks as followed below :
1. Baba Nyonya (Immersive Website)
- Information Architecture: Melvin
- Card Sorting: Winnie
- Wireframe:
- Melvin (Lantern + Kebaya)
- Winnie (Kasut Manik)
- Color Scheme: Melvin
- References: Melvin + Winnie
- User Journey: Winnie
- Simple UI Kit: Melvin
- Sketches of Animated Infographic: Melvin
- Models: Winnie
2. Wayang Kulit (Immersive Website)
- Information Architecture: Melvin
- Card Sorting: Winnie
- Wireframe: Yanny, GuoYing
- Color Scheme: Yanny
- References: GuoYing
- Simple UI Kit: Yanny
- Storyboard: GuoYing, Yanny
- Character Sketches: Winnie
- User Journey: Yanny
- Animation: GuoYing, Yanny
3. AR Souvenirs
- Sketches: Winnie
- Models: Winnie
- References: Winnie, GuoYing
4. Physical Puppet Master Experience Using Hand Detection
- Sketches: Yanny, Winnie
- References: Yanny
I am responsible for multiple key tasks across the project. For the Baba Nyonya immersive website, I am handling card sorting, creating the wireframe for Kasut Manik, contributing to references alongside Melvin, designing the user journey, and developing models. In the Wayang Kulit immersive website, I am also in charge of card sorting and creating character sketches. For the AR Souvenirs section, my responsibilities include sketches, modeling, and collaborating with GuoYing on references.
Lastly, for the Physical Puppet Experience Using Hand Detection, I am working on sketches alongside Yanny.
B. Individual Contribution - AR Souvenirs
Part 1 : Baba Nyonya
We needed three models for our Baba Nyonya souvenirs: kasut manik, a lantern, and the kebaya Nyonya. For the Wayang Kulit section, we required at least two 2D character models. To begin, I researched references on how AR souvenirs have been designed in other projects, gathering insights to guide our approach.
 |
| Fig 1.2 AR Souvenir Reference Ideas |
I decided to start with the lantern model first. Using a combination of photos from our research and online sources, I created visual references and a rough color palette to guide the design process.
 |
| Fig 1.3 Visual References & Color Palette For Lantern |
To better visualize the lantern model from all angles—front, back, left, and right—I created a rough turnaround sketch. This helped establish a clear structure and proportions before moving on to the detailed design.
 |
| Fig 1.4 Lantern Turnover Sketch |
I utilized Nomad, a 3D modeling software, to draft the lantern model using various sculpting tools. I started with the Clay tool to build the base structure, then refined the shape using the Smooth tool. To add intricate details, I used the Crease tool for sharp edges and the Trim tool to carve out precise cuts. Finally, I adjusted the proportions and symmetry using the Gizmo and Move tools, ensuring the model maintained its intended form.
Secondly, I moved on to creating the Kasut Manik model , as usual I followed the same design process as the lantern , searching for visual references first than creating a color palette , followed by creating a turnover sketch than the model itself.
I found that creating brighter models would stand out more on the website so for the shoes, I decided to go for turquoise-pink color.
 |
| Fig 1.5 Visual References & Color Palette For Kasut Manik |
Next, I created a turnaround sketch showing the left, right, and top views of the Kasut Manik. However, after receiving feedback from my teammates, I realized that I had drawn the shoes incorrectly—Kasut Manik traditionally has an open back sole, which I had initially missed. Based on their input, I revised the sketch to accurately reflect the authentic design.
 |
| Fig 1.6 Kasut Manik Turnover Sketch Version #1 |
Below is the refined sketch, now featuring a more accurate representation of the Kasut Manik shoes, including the open back sole that reflects its traditional design. This updated version aligns better with the cultural reference and the feedback received.
 |
| Fig 1.7 Kasut Manik Turnover Sketch Version #2 |
As usual, I began modeling in Nomad using a combination of sculpting tools. I used the Sphere tool as the base shape for the shoe, then shaped it further with the Move tool to define the overall form. The Clay tool helped me build up the sole and toe structure, while the Flatten tool was useful for smoothing out uneven areas. I also used the Crease tool to define edges and stitching lines, and the Smooth tool to refine the final surface for a more polished look.
 |
| Fig 1.8 Nomad Workspace |
For the final model, the Nyonya Baju Kebaya, I decided to go with a yellow color scheme as it complements the vibrant tones of the other models—the red lantern, turquoise Kasut Manik, and now the yellow kebaya. To ensure consistency and cultural relevance, I searched for visual references of traditional kebayas and curated a matching color palette that aligns with the overall aesthetic of our souvenir set.
 |
| Fig 1.9 Visual References & Color Palette For Baju Kebaya |
Next, I proceeded to create the turnaround sketch for the Baju Kebaya, illustrating the front, back, left, and right views. This helped establish a clear visual structure and ensured that the model would remain consistent and proportionate from all angles during the 3D modeling process.
 |
| Fig 2.0 Turnover Sketch For Baju Kebaya |
Next, in Nomad, I proceeded with the 3D modeling of the Baju Kebaya, and among the three models, this one took the most time and effort due to its complexity and the number of tools I used. To create the iconic bottom V-shape of the kebaya, I relied heavily on the Masking tool to isolate the area and shape it precisely. I then used the Move tool to pull the masked section into the V-formation. The Trim tool helped refine the cut and maintain symmetry, while the Smooth and Flatten tools were used to polish the surface and ensure a clean finish. I used the Inflate tool to make the small circle designs. This combination of tools allowed me to capture the delicate structure and flow of the traditional kebaya design.
To better visualize how the Baba Nyonya souvenirs would function, I created a rough solution sketch. In this concept, users will scan a QR code printed on the physical product, which will then trigger the AR model to appear and overlay directly on top of the item. This interaction bridges the physical and digital elements, offering users an engaging and culturally immersive experience.
 |
| Fig 2.1 Solution Sketch For AR Souvenirs |
Part 2 - Wayang Kulit
As for the Wayang Kulit AR, our plan is to create a short AR performance featuring the puppets moving subtly in sync with Gamelan music. To kickstart the process, I began by gathering visual references of commonly featured characters in Wayang Kulit performances. These references helped me understand their distinctive shapes and silhouettes, allowing me to accurately capture their essence in the initial outline sketches.
 |
| Fig 2.2 Visual References Of Wayang Kulit Characters |
Next, I moved on to create the character sketches based on the visual references I had gathered earlier. I focused on capturing the distinct facial features, body postures, and intricate costume details that are iconic to Wayang Kulit figures. These sketches served as the foundation for developing the 2D models that will be used in the AR animation.
 |
| Fig 2.3 Character Sketches |
Finally, I created a solution sketch to visualize how the final output of the Wayang Kulit AR experience would look. The sketch illustrates the puppets performing a short scene, accompanied by Gamelan music, with the AR characters appearing on the user’s screen after scanning a designated marker or QR code. This helped clarify the user flow and overall concept of the interactive experience.
 |
| Fig 2.4 Solution Sketch Of AR Wayang Kulit |
C. Individual Contribution - Tok Dalang Experience
For this solution, since the output is more technical than visual, my contribution for Major Project 1 will focus on providing visual references and creating a rough solution sketch to communicate the concept. This includes illustrating how the Tok Dalang experience would work in practice, such as the user interacting with hand detection technology to control puppet movements, offering a more immersive and engaging experience for users.
Visual References
Since The One Academy is having their final year exhibition, I decided to visit to see if I can get any inspiration from their projects and I was definitely inspired.
Reference 1 : The Nine God Emperor Festival
This project made impressive use of hand detection and motion tracking to capture the user's movements and reflect them in real-time on screen. For instance, when I followed the indicated hand gestures, the on-screen animation changed accordingly, creating a dynamic and interactive experience. This reference gave me valuable insight into how we could approach the Tok Dalang experience using similar technology.
Reference 2 : Insect Exploration Using Hand Detector
This project also utilized hand detection technology to create an interactive environment. As I moved my hand over specific sections of the screen, elements like grass and foliage shifted in response to my movement. The seamless interaction between the user and the virtual elements created a highly immersive experience.
The rough solution for our Tok Dalang experience is to allow users to move their hands, with the puppet’s movements being mirrored on the screen in real time. This interaction will be accompanied by Gamelan music, enhancing the traditional atmosphere. The goal is to simulate the feeling of controlling a Wayang Kulit puppet, offering users an immersive and culturally rich experience through motion detection technology.
 |
| Fig 2.5 Rough Solution Sketch For Tok Dalang Experience |
D. Individual Contribution - Immersive Website
For the website, I am mainly in charge of the card sorting and user flow of the website so after our group discussion on the contents we would like to have inside, I did a rough card sorting template in Figma and utilised Optimal Workshop for the card sort. The link to the card sorting can be found here
 |
| Fig 2.6 Card Sort Before User Insights |
After collecting user feedback and insights, I did a refined version of the card sorting and hand it over to Melvin to carry out the information architecture of the website.
 |
| Fig 2.7 Card Sorting After User Insights |
Moving on, I proceeded to work on the user flow map for the Baba Nyonya section, while Yanny focused on the Wayang Kulit section.
 |
| Fig 2.8 User Flow Map For Baba Nyonya Section |
Since I was assigned to create the wireframe for the Kasut Manik, I worked closely with Melvin to refine the initial concept through several discussions and revisions. After finalizing the structure, we agreed that all three Baba Nyonya elements—the Kasut Manik, lantern, and kebaya—would follow the same wireframe format for consistency. Below is the final wireframe layout for the Kasut Manik section.
 |
| Fig 2.9 Wireframe For Kasut Manik |
E. Presentation Of Our Concept & Final Submission
After all my team members had diligently completed their respective parts for our solution, I took the initiative to create a presentation deck that compiled our entire process and the members filled in their parts too—from ideation to final outputs. We presented it to the lecturers on 19th March 2024 and specially selected to wear Nyonya outfits as it fits with the theme we are working on, and we were thrilled to receive positive feedback on both our concept and execution. And with that, it’s officially a wrap for Major Project 1!
 |
| Fig 3.0 Final Presentation |
2. Feedback
Week 5 :
Dr Wong commented on the good progress of our task 3 and she reminded us to test the colors we choose for the website on the color palette wheel to ensure that it compliments each other.
Week 6:
Dr Wong commented on some issues with our user flow map and information architecture map, we were to refine it before our final presentation, we were to check the accessibility of the colors we chose for the UI elements as well.
Week 7 :
Good Job!
3. Reflection
3. Reflection
Experience :
Taking on the role of team leader for Major Project 1 was both a rewarding and demanding journey, especially since I was also leading another group in a different module this semester. Balancing both roles was no easy task—I had to manage tight deadlines, ensure everyone was aligned, and still complete my individual contributions. From Task 1 to the final presentation, I genuinely enjoyed the process, especially the field trip to Malacca, where I had the chance to interview traditional crafters and immerse myself in the cultural background of our project. This hands-on research added so much depth to our concept and made the experience even more meaningful. Despite the pressure, seeing everything come together during our presentation made all the effort worthwhile.
Observations :
Throughout the project, I noticed the importance of maintaining clear communication and fostering teamwork, especially when juggling both visual and technical components. I observed that while everyone had specific responsibilities, collaboration and feedback were crucial—whether it was correcting inaccurate sketches, aligning wireframes, or refining the user journey. As the team leader, I had to step in when needed, make sure everyone stayed on track, and manage the overall direction of our solution. I also retouched and improved on my 3D modeling skills, particularly using Nomad and tools like Masking, Move, Trim, and Crease, which really helped me bring the Baba Nyonya souvenirs to life in a more polished and authentic way
Findings :
One of the biggest takeaways from this project is that leadership goes beyond delegation—it’s about problem-solving, understanding each teammate's strengths, and ensuring that all components flow together as a complete experience. I also found that taking initiative and being proactive helped resolve issues early before they grew into bigger problems. From crafting solution sketches and wireframes to supporting my teammates’ progress, every step contributed to my growth not only as a leader but also as a designer. I’m especially grateful for my team’s dedication and collaborative spirit—without their hard work, creativity, and support, this project wouldn’t have been as successful or enjoyable.
Shoutout to my team members Guo Ying , Melvin & Yanny <3
Comments
Post a Comment