Posts

Task 3: Thematic Interactive Website

Image
05.11.2025 - 11.01.2026 (Week 7 -  Week 14 ) Diane Sani Alexander Wan / 0378712  Advanced Interactive Design / Bachelor of Design (Hons) in Creative Media  Task 3: Final Project - Thematic Interactive Website TABLE OF CONTENT 1. Instructions 2. Final project 3. Feedback 4. Reflection INSTRUCTIONS FINAL PROJECT For this task, we are required to use our knowledge in task 1 and 2 for application for our task 4. We have to create an interactive website and refine the prototype to produce a completed working website. Web process in Adobe Animate After the feedback from my prototype, I can start working on it in Adobe Animate. I moved all the assets into one file. I did a few changes for my final since the layout wasn't the way I wanted it to be and it looked messy.  1. The homepage In this page it has the navigation bar on top and also tells you already what the website is all about. I included cutout pictures of the sourdough bread and made it to follow what I was inspir...
Post a Comment
Read more

Task 2: Interaction Design Planning and Prototype

22.10.2025 - 05.11.2025 (Week 5 -  Week 7 ) Diane Sani Alexander Wan / 0378712  Advanced Interactive Design / Bachelor of Design (Hons) in Creative Media  Task 2: Interaction Design Planning and Prototype TABLE OF CONTENT 1. Lectures 2. Instructions 3. Task 2 4. Feedback 5. Reflection LECTURES Week 5 In todays lecture, Mr. Shamsul taught us the basics of animating like creating the character or object and taught use how to move specific parts. Graphic symbol  Week 6 We learned how to use masking in Adobe Animate and create a simple animation for the website. For example like a box animation around the text to create a smooth animation and understand masking.  Week 7 In this class, we learnt how to create a simple button on adobe animate and using wizard for action. During this class, it took me a while to understand how to make the button. But after a few tries and trial and error, I managed to get the task done. INSTRUCTIONS TASK 2 Week 5 I started off by makin...
Post a Comment
Read more

Design Research Dissertation: Final Compilation & Reflection

24.09.2025 - 0.0.2025 (Week 1 -  Week 14) Diane Sani Alexander Wan / 0378712  Advanced Interactive Design / Bachelor of Design (Hons) in Creative Media  Design Research Dissertation: Final Compilation & Reflection TABLE OF CONTENTS 1. Instructions 2. Task 1: Dissertation draft 3. Task 2: Final Dissertation Turnitin report 4. Task 3: Visual Design E-Publication 5. Task 4: Research Article Publication 6. Feedbacks 7. Reflection INSTRUCTIONS Figure 1 Module information booklet. (MIB) TASK 1: DISSERTATION DRAFT Figure 2   Dissertation draft. TASK 2: FINAL DISSERTATION TURNITIN REPORT Figure 3   Final dissertation turnitin report. TASK 3: VISUAL DESIGN E-PUBLICATION Figure 4 Visual design publication on FlipHTML5. (E-Boo Figure 5 Visual design publication. (pdf) TASK 4: RESERCH ARTICLE PUBLICATION Figure 6  Research article publication.   FEEDBACKS Figure 7 Weekly feedback sheet. REFLECTION During my entire process of writing my research dissertatio...
Post a Comment
Read more

Task 1: Thematic Interactive Website Proposal

24.09.2025 - 22.10.2025 (Week 1 -  Week 5 ) Diane Sani Alexander Wan / 0378712  Advanced Interactive Design / Bachelor of Design (Hons) in Creative Media  Task 1: Thematic Interactive Website Proposal TABLE OF CONTENTS 1. Lectures 2. Instructions 3. Task 1 4. Feedback 5. Reflection LECTURES Week 1: In todays class, we were just briefed on what to do for for the next 14 weeks, like tasks and activities. We had a bit of recap on what we could remember from Interactive Design class. Our task for this week was to install Adobe Animate and to come up with 5 ideas for the website proposal.   Week 2: No lecturer today. Had consultation about the thematic website proposal and pick a topic for our project. Week 3: Todays class we learned how to use adobe animate and understand the basics of it. We were tasked to create a simple boat, just to get used to adobe animate. Week 4: In todays lecture, we had to understand on how to make our wireframes and understand the design ...
Post a Comment
Read more

Game Development

23.09.2025 - 0.0.2025 (Week 1 - Week ) Diane Sani Alexander Wan / 0378712  Bachelor of Design (Hons) in Creative Media / Taylor's University Game Development TABLE OF CONTENT 1. Lectures 2. Instructions 3. Work in Progress 4. Feedback 5. Reflection LECTURES Week 1  We just had a briefing and introduction for what the module will be like throughout the entire semester. Getting to know Ronald and had our first assignment which was to come up with a few ideas for a game.  Week 2 INSTRUCTIONS WORK IN PROGRESS Week 1 Individual game ideation I started off by searching on some simple games on the internet and if that didn't help I would look around to come up with what simple ideas could develop a game. These are the ideas that I came up with.  Figure 3.1 Ideas proposal. Week 1 (23/09/2025) Week 2 Get  Week 3 Week  FEEDBACK REFLECTION During this module it was interesting to learn more about what game development was about and tried to understand about th...
Post a Comment
Read more

Minor Project: Final Compilation

22.09.2025 - 31.12.2025 (Week 01 - Week 14 )  Diane Sani Alexander Wan / 0378712  Bachelor of Design (Hons) in Creative Media  Minor Project TABLE OF CONTENT   1. Instructions 2. Work in progress 3. Feedback 4. Reflection INSTRUCTIONS WORK IN PROGRESS Period poverty Week 1 We were just briefed on what this module is going to be about and picked our group.  The 7 members of our group with different specialisation. 1. 0363575 / Yang Yang / Entertainment Design (Group leader) 2. 0375835 / Zhang Zihan / Entertainment Design 3. 0376838 / Zhang Tianyao / Graphic Design  4. 0378676 / Zhou Yutong / Immersive Design 5. 0378687 / Li Zexing / Graphic Design 6. 0360677 / Lim Zhi Yuan / UI/UX 7. 0378712 / Diane Wan / UI/UX Week 2  All the topics were briefed specifically and our group had to decide on which one we preferred on doing. Then started on some brief research about ‘Period Poverty’ in China. With what we want to do, we started to do a group meeting and se...
Post a Comment
Read more

Application Design I: Final Project

Image
23.07.2025 - 06.08.2025 (Week 13 - Week 15)  Diane Sani Alexander Wan / 0378712  Bachelor of Design (Hons) in Creative Media  Application Design I: Final Project: High Fidelity App Design Prototype INSTRUCTIONS Project 1: Mobile Application Proposal Project 2: UI/UX Design Document Project 3: Lo-Fi App Design Prototype FINAL PROJECT   1. Color Palette  I decided to stick to the color scheme of Guardian, which is orange otherwise it would lose the whole point of the branding for Guardian MY.  Figure 1.1 Color scheme.  This is for the log in screen when the user first enters the application. It gives simplicity by making it clear if the user want to create an account. But if the user picks maybe later, they wont be able to purchase anything since they have no account. There is also a Sign in option where existing users can sign in easily.  Figure 1.2 Opening page.  2. Design Process The UI icons I used for this project. Icon Pack This icon pack...
Post a Comment
Read more