Major Project 1 | Task 3: Concept Presentation

Melvin Yung Khun Yew | 0357241 | Bachelor of Design (Hons) in Creative Media
PRJ 64904 | Major Project 1
Week 5 — Week 7


Task 3: Concept Presentation

With all of our collected user research analysis, it's time for our team to develop our solution into a prototype, allowing anyone who's interested to have a brief idea of what goals we pursue and our proposed solution in low fidelity conceptual examples.


Our Proposed Solution Graph



These are the jump links to each part of this portfolio


Instructions

Dr Wong Chui Yin, my section lecturer of the Information Design module for this short semester, gives us a heads up on the upcoming projects and exercises.


MIB - Module Information Booklet

Expected Deliverables and Timeline of Final Task


Task 3: Concept Presentation

Our team is required to present our project as the final showcase of how our design solution effectively meets a specific need within our target audience. We need to demonstrate how our newly developed product or service brings unique social, cultural, or economic value.

The presentation will be assessed based on our attention to detail and how well we execute key conventions within our area of specialization. This includes organization, content, presentation format, aesthetics, and overall style.

We will be presenting to a panel of academics and/or industry guests through a slide presentation that follows our proposal structure and includes our preliminary design concept. Our presentation must clearly explain how our solution considers various contextual factors and explores new design directions or approaches. Additionally, we need to reflect on our design journey by discussing both successes and challenges, including the design review process, outcomes, and areas for further improvement.



    Work Process

    Task 3: Concept Presentation

    my work: information architecture (talk about first and second versions after feedback), website wireframe for landing pages, Baba Nyonya culture content wireframe (with Winnie), website colour scheme, references (with Winnie), UI element Kit(with Yanny), sketches of animated graphic on crafting process of traditional crafts.

    Chapter 1: Meeting
    It's time for our final brainstorming and meeting sessions after our task 1 and task 2, which is essentially one of the most important parts of our major project. We started by categorizing and visualizing our proposed solution into a graph, helping us to focus on the task and easier distribution.

    Task Splitting among Teammates


    Chapter 2: Conceptualizing
    By the time we end our meeting together, we are all on the same page on what our digital and physical deliverables of our major project will be, which are: interactive-immersive websites and physical AR souvenirs. Before we fully committed to the wireframe of our websites, the four of us began to search for web design reference that regards and aligns with the experience we want to provide for the users. Referring to the website design pages such as awwwards.com, all of us documented and referred the designs to our FigJam board, allowing each other to take inspiration.

    Visual Reference by Melvin and Winnie

    Visual Reference by Si Yan


    Chapter 3: Information Architecture
    Regarding the information architecture, I pondered upon all the contents of our website and decided to draft an IA map before I met with the other groupmates again, to provide them with a rough idea of the information in our immersive websites.

    11 March 2025 - First IA Map Draft

    After that, Winnie began to assist me with the Information Architecture map by utilizing the card sorting method using Optimal Workshop. Her categorizations definitely help me to visualize all of the content on our websites. Hence, I went on to make the information architecture whilst also taking reference on how to make an information architecture map online.

    14 March 2025 - First IA Map Version

    Chapter 4: Colour Scheme
    When I dwelled on what are the suitable colours for our website, I began to note down our website topic: Disappearing Cultures. Yes, culture! Especially since we're focusing on traditional cultures. Thus, this gave me the opinion to focus on portraying the true colours of the culture, and here it gave me the inspiration to take reference to the colours from all of the traditional crafts.

    Colours from the traditional crafts of Baba Nyonya

    At the same time, I also check the suitability of each colour: whether they will match with the colour theories like complementary colours etc. 

    Colour theories


    I also understand the importance of keeping the colour balance on our website, thus I utilized the 60-30-10 colour rule (primary, secondary, accent colour) on the website.

    Light and Dark theme UI colour rule



    Chapter 5: Website Wireframe & UI Kit
    Before commencing our low-fidelity website prototypes, I joined hands with Lin Si Yan to make a simple UI kit for our websites, setting guidelines when we're making the wireframes later on.

    I understand that the UI Kit should contain:
    • Scaling (margins, padding)

    • Colours

    • Typography

    • UI elements (buttons)

    After deciding on the UI kit, we all began creating wireframes for our websites. By deciding the layout for our landing pages, cultural introduction and cultural showroom, I began to create wireframes for each, while closely communicating with Winnie, who will be working with me together on the Baba Nyonya section.

    Landing Pages



    Cultural Introduction


    Baba Nyonya Showroom






    Chapter 6: Animated Crafting Process Graphic Sketches
    In order for the others to understand what the animated graphics for the crafting process of each traditional craft, I began to sketch out drafts of the graphics, showing the step-by-step process of making each art, which can be effective in describing the process and visually engage the viewers with dynamic content at the same time.

    Sketches of Animated Infographics (Step-by-step Process)


    Chapter 7: The Hitback
    Right before our presentation session on week 7, Dr Wong Chui Yin, our supervisor spent her time providing us with her feedback on our current working progress. She immediately guided us in making the correct information architecture map and the user flow map with her industrial experience examples. Our supervisor also mentioned the need to adhere to accessibility guidelines like the WCAG (Web Content Accessibility Guidelines) on our UI elements.

    We took Dr Wong's feedback into consideration, and immediately made modifications to our content, adjusting and enhancing our planning furthermore.

    I'm the one responsible for the Information Architecture Map and the UI buttons, thus I quickly fixed the problems and updated our presentation slides, preparing for our presentation the next day.

    18 March 2025 - Information Architecture Map Version 2


    UI Buttons Recolour to match WCAG


    Chapter 8: The Big Preparations
    Preparing and finalizing our presentation slide for high-level information presentation to the judge panels the next day, I started to prepare myself for the upcoming presentation by making scripts and presentation speech training ourselves, with each of us focusing on our own sections to present upon further communication with the other teammates.

    Our team also decided on our attires for the presentation, adhering to our project's cultural topic with batik shirt for males (Malay wayang kulit) and Nyonya Kebaya dress for females (Baba Nyonya culture), giving a more approachable experience to our judges.


    Final Chapter 9: The P-Day (Presentation Day)
    We arrived and rendezvoused at the campus's classroom earlier at 9am before our 11.40am session, where we made further preparations by going through a proper 12-minute presentation time limit.
    Week 07 19 Mar 2025 - Lecturer panel to view our team's concept presentation

    Albeit a little nervousness surging in my heart, I managed to pull off a smooth and successful presentation together with my team with their flawless presentation speech too. I'm grateful that we all can come together and deliver our ideas to the lecturers.

    After our presentation, I had a photograph session with my group to commemorate this moment where we overcame another challenge. Yippie!



    Anyways, here are our group's final task presentation slides for reference:

    PDF Presentation Slide
     

    View our Figjam board here:

    FIGJAM BOARD


    View our Figma Wireframe file here:

    FIGMA WIREFRAME


    My reflections

    Observations
    Through this task, I observed how essential a well-structured planning phase is in developing a cohesive and immersive website. The iterative process of refining our Information Architecture (IA) map after receiving feedback proved how critical user flow and structure are in ensuring a smooth user experience. Additionally, the importance of adhering to accessibility guidelines such as WCAG became more apparent during the feedback session. Our supervisor’s guidance confirmed that even the smallest UI elements, like button colour contrast, play a role in making digital experiences more inclusive.

    Experiences

    This task took me through a rollercoaster of emotions—from the pressure of balancing multiple tasks to the ultimate fulfilment of seeing our team's hard work come together in a successful presentation. Among the various responsibilities, one of the biggest challenges I faced was understanding and structuring the IA map properly. Initially, I struggled with mapping out the right content flow, but with Dr. Wong’s feedback and my team’s collaboration, I managed to refine it and ensure a clear and effective website structure. Despite the intensity of preparing for the concept presentation, the teamwork and support among my groupmates made the process smoother and more enjoyable.


    Findings

    This experience reinforced my understanding of how user-centred design is the backbone of an effective digital product. Beyond just aesthetics, creating an engaging website requires strategic planning, thoughtful structuring, and accessibility considerations. More importantly, I realized that design is never a solo effort—the collective effort of my team, with each person bringing their expertise, resulted in a presentation that we could all be proud of. Seeing our ideas come to life and successfully communicating them to the panel was a rewarding moment, proving that all the challenges and late-night refinements were worth it.

    Ultimately, this task not only deepened my technical skills but also strengthened my ability to collaborate, receive feedback, and refine ideas iteratively—all of which are invaluable in my journey toward becoming a better designer.




    Comments

    Popular posts from this blog

    Information Design | Exercises

    Interactive Design Exercises

    Advanced Typography | Task 1