Fann Wong Jing En (0382237)

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...

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...