Advanced Interactive Design / Task 2

Wang Shengxiao 0369380

Bachelor of Design(Honours) in Creative Media

Advanced Interactive Design / Task 2


Introduction



Task 2: Interaction Design Planning and Prototype

Students are required to work on their visual design and start planning their website’s interactive design elements and features. Unlike traditional static website, when it comes to interactive design where animations are present, the plan not only should include the layout visuals but also the animation example or reference. Students can build their animation or user-reference animation to demonstrate the intended idea.

For my interactive website, I used Figma for creation, and before that, I used Canvas to make a presentation to show and organize my ideas.




Key interaction design:

1. When the cursor is moved to the perfume material, the icon is suspended and can be clicked. After clicking, a pop-up window appears to play perfume videos 1-5 detailing the inspiration of making perfume with this material.

2. Picture slider for designer photos



Comments