Advanced Interactive Design - Task 2

21/4/2025-Ending Week

FENG SHIWEN  /  0374595

Bachelor of Design in Creative Media   / Advanced Interactive  Design

Taylor's University


INSTRUTIONS


LECTURE

WEEK 7

This week, we learned how to create a simple website transition animation using Abode Animate. We achieved the effect of horizontal sliding of subtitles through the mask effect, and used the actions tool to keep the interface and stop the button functionality.





TASK2

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.

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 planning on Figma :
Based on the initial wireframe from the previous task, I created a web prototype using Figma. After trying to incorporate some icon materials, I made some adjustments to some inaccurate positions and uncoordinated font/image sizes to make it clearer.



Final Flowchart on Miro :



Prototype plan presentation :



Video Presentation :




FEEDBACK

There was no feedback for the TASK 2. Week 5 to Week 8 are all tutorial classes.

WEEK 9
Specific Feedback: The timeline page should enlarge the pictures and reduce the font size to make it more tech-savvy. The background of the subsequent pages should be modified to have a unified style.




Comments

Post a Comment

Popular posts from this blog

Information Design - EXERCISE 1&2 : QUANTIFIABLE INFORMATION

Image
23/9/2025-Ending Week FENG SHIWEN  /  0374595 Bachelor of Design in Creative Media   Taylor's University TABLE OF CONTENTS INSTRUCTIONS LECTURES EXERCISE REFLECTION INSTRUCTIONS LECTURES WEEK 2 Exercise 1: Quantifiable Information – Quantify raw data and visualize information as a photograph A is a visual representation of numerical data that allows for easy interpretation and analysis.  Instruction: Gather a set of objects and separate it into category such as color, shape, pattern, and other quantifiable factor. Example: 1. Box of Lego 2. Jar of button 3. Jar of marble ball 4. Set of colourful rubber strap In this exercise you're required to quantify our chosen objects and arrange them into a presentable layout or chart. ...
Read more

Advanced Interactive Design - Final Project

Image
21/4/2025-Ending Week FENG SHIWEN  /  0374595 Bachelor of Design in Creative Media   / Advanced Interactive  Design Taylor's University INSTRUTIONS FINAL PROJECT Completed Thematic Interactive Website Students will synthesise the knowledge gained in tasks 1 and 2 for application in task 3. Students will create integrated visual assets and refine the prototype into a complete working and functional product experience, a minimum of 5 working pages. Deploy the final website to Netlify or GitHub.  Review of the production process For this project, I used Adobe Animate to create the animation. I initially ran into an issue where the exported HTML showed a black screen, but after checking the file paths, organizing the folder structure, and uploading everything to Netlify, it was successfully resolved. Here are a few key screensho...
Read more

Games Development - Task 1

Image
26/9/2025-Ending Week FENG SHIWEN  /  0374595 Bachelor of Design in Creative Media   Taylor's University TABLE OF CONTENTS INSTRUCTIONS LECTURES TASK 1 REFLECTION INSTRUCTIONS TASK 1 -Individual Game Ideation For Task 1 of this course, each student is required to come up with an individual game idea. I chose to design a mini-game that combines stargazing, plants, and myths from different cultures. The game is called “The Altar of Stars and Flowers.” The concept is that players observe the stars and collect plants to complete rituals at an altar, gradually unlocking myths from Chinese, Greek, Egyptian, and other cultures. Fig 1.0 Star chart The theme of this game is to...
Read more