Advanced Interactive Design - Task 2

 21/10/2024 - 17/11/2024 (Week5 - Week 8)

Teu Yu Tian / 0371923
Advanced Interactive Design | Bachelors of Design (Honour) in Creative Media | Taylor's University

Task 2: Interaction Design Planning and Prototype

---

2. INSTRUCTIONS:

Task 2: Interaction Design Planning and Prototype

In task 2, we are required to work on the visual design, layout and planning of the animation that need to apply in the interactive website. It is advisable to build the animation or user-reference animation to show our own idea. 

Requirements:

Walkthrough Video presenting the plan and showing the animation examples and/or references.

Online posts in your E-portfolio as your reflective studies with links to any resource involved in the creating of the plan. (i.e.: Figma link, Miro link, etc.)

wireframe work progression:

Presentation Video:

Google drive video file: https://drive.google.com/file/d/15KGfbqILwVe5-zCZpJ6GRVosnyF3XvIU/view?usp=drive_link

Presentation link:

Red Yellow Creative Geometric Group Project Presentation by yutian.teu

https://www.canva.com/design/DAGWvPW93Tw/BQFGfjeEC3eqM5BcukNVIg/edit?utm_content=DAGWvPW93Tw&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton

Final Wireframe Link:

https://www.figma.com/design/FkSH0KO1ibLfejxjpeC0xm/Microsite-design?node-id=0-1&t=UBcfzsProTVJZx9a-1

Final Flowchart:

---

3. Feedback:

no feedback

---

4. Reflection: 

Experience

Working on this project was fun but challenging. Executing elements design was time-consuming. Still, assembling everything into a high-fidelity wireframe was rewarding. Learning Adobe Animate was tough, and I had to teach myself at home, but it got easier with practice.

I realized how important fonts and color schemes are for adding character to a website. Working on something I’m passionate about made the process smoother, and good time management was key. Overall, I now appreciate the effort it takes to create a well-designed website.