Posts

ADVANCED INTERACTIVE DESIGN - Proposal

-
FANN WONG JING EN｜0382237 Design Principles | Bachelor of Design (Honours) in Creative Media Advance Interactive DST60804 TABLE OF CONTENT   Lecture Note        Task        Reflection INSTRUCTIONS Description Thematic Interactive Website Proposal for Brand Engagement. A thematic interactive website is a website that focuses on a specific theme or concept with the aim of incorporating interactive elements to interact with users. Most such websites utilize multimedia such as videos, animations, interactive graphics displayed on the page, or other clickable elements which have interactive components that provoke the user. This dynamic experience is meant to keep the user interested in addition to the thematic concept. Themes in such websites vary from educational, cultural, promotional campaigns to product launch. For example, a thematic interactive site could be a museum. Users can go throu...
Post a Comment
Read more

BRAND CORPORATE IDENTITY - TASK 1

-
FANN WONG JING EN｜0382237 Design Principles | Bachelor of Design (Honours) in Creative Media Brand Corporate Identity MKT62404 TABLE OF CONTENT MIB        Lecture Note        Task        Feedback        Reflection MODULE INFORMATION BRIEF (MIB) LECTURE NOTE Summarized lecture content, key takeaways, definitions, diagrams, and supporting resources can be added here for easy review. TASK Include your assignment brief, goals, submission details, and any resources you used or created during the task here. FEEDBACK Record your instructor’s or peer feedback here. Use it to identify strengths and areas for improvement. REFLECTION Reflect on your learning journey: What did you learn? What challenges did you face? How did you overcome them?
Post a Comment
Read more

ADVANCED INTERACTIVE DESIGN - Exercise

-
Image
FANN WONG JING EN｜0382237 Design Principles | Bachelor of Design (Honours) in Creative Media Advance Interactive DST60804 TABLE OF CONTENT   Lecture Note        Task        Reflection INSTRUCTIONS 1. Overview & Context In modern interactive design, high-quality user experiences rely heavily on micro-interactions—the subtle, functional animations and state changes that provide feedback, guide navigation, and delight users. This exercise serves as your technical foundation in Framer. Before jumping into full page layouts and site architecture, you will focus on component state logic, variant transitions, and motion physics inside an isolated Component Sandbox. 2. Learning Outcomes Upon completing this exercise, you will be able to: Construct Multi-State Components: Utilize Framer’s Variant engine to model complex interaction flows (Idle, Hover, Active, Loading, Success, Error). Fine-Tun...
Post a Comment
Read more

MINOR PROJECT

-
FANN WONG JING EN｜0382237 Design Principles | Bachelor of Design (Honours) in Creative Media Minor Project PRJ62204 TABLE OF CONTENT MIB        Lecture Note        Task        Feedback        Reflection MODULE INFORMATION BRIEF (MIB) LECTURE NOTE Summarized lecture content, key takeaways, definitions, diagrams, and supporting resources can be added here for easy review. TASK Include your assignment brief, goals, submission details, and any resources you used or created during the task here. FEEDBACK Record your instructor’s or peer feedback here. Use it to identify strengths and areas for improvement. REFLECTION Reflect on your learning journey: What did you learn? What challenges did you face? How did you overcome them?
Post a Comment
Read more

DESIGN RESEARCH DISSERTATION

-
FANN WONG JING EN｜0382237 Design Principles | Bachelor of Design (Honours) in Creative Media Design Research Dissertation DIS60304 TABLE OF CONTENT MIB        Lecture Note        Task        Feedback        Reflection MODULE INFORMATION BRIEF (MIB) LECTURE NOTE Summarized lecture content, key takeaways, definitions, diagrams, and supporting resources can be added here for easy review. TASK Include your assignment brief, goals, submission details, and any resources you used or created during the task here. FEEDBACK Record your instructor’s or peer feedback here. Use it to identify strengths and areas for improvement. REFLECTION Reflect on your learning journey: What did you learn? What challenges did you face? How did you overcome them?
Post a Comment
Read more

INTERACTIVE DESIGN - TASK 4

-
Image
FANN WONG JING EN｜0382237 Design Principles | Bachelor of Design (Honours) in Creative Media GCD60904 Interactive design TABLE OF CONTENT MIB        Instruction        Task 4         Reflection MODULE INFORMATION BRIEF (MIB) TASK 4 - Previous and After Modification - Based on the feedback collected from user testing and peer review, several improvements were identified to further enhance the usability of the website. 1. Theme Consistency Previous - Although each theme had its own visual style, some interaction behaviours such as task m...
Post a Comment
Read more

INTERACTIVE DESIGN - TASK 3

-
FANN WONG JING EN｜0382237 Design Principles | Bachelor of Design (Honours) in Creative Media GCD60904 Interactive design TABLE OF CONTENT MIB        Instruction        Task 3        Reflection MODULE INFORMATION BRIEF (MIB) TASK 3 - User Testing - Overview To evaluate the usability and functionality of the productivity website, two non-professional student participants were invited to participate in a moderated usability testing session conducted through an online call. Before the testing began, participants were informed that the website was designed to support studying ...
Post a Comment
Read more