Advance Interactive Design - Task 3

Advance Interactive Design

23.9.2024 - 00.0.2025 (Week 1 - Week 14)

Aidi Rafiq | 0353422 | Bachelor of Design (Honours) in Creative Media  

BRAND CORPORATE IDENTITY

---

INSTRUCTIONS

 

TASK 3

Students will synthesize 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.

PROGRESS

fig 1.0 problems

I had run through his massive problem where I couldn't find the error in my project. The problem is where my entire page of the project becomes responsive that is not following the button that I set to. 

After searching redo, restarting my pc and my project, it seems that one of my shape is the problem. I don't know what is it but I fixed it.

fig 1.1 audios

This is where I start adding audios to my project

fig 1.2 audios

Adding sound effects to make the website a bit interesting

fig 1.3 labeling

This is me labeling which benefits me to know which page is what and also helping the codes to navigate for the buttons

fig 1.4 illustrations

This is my plan to make the eyes follow the cursor but as I was coding and trying to find tutorials, I received no helped. 

fig 1.5 codings 

This is coding part where it makes animation more interactive.

SUBMISSION

website link 

fig 2.0 screen recording of the website

REFLECTION

Experience

Overall the experience of interactive design are interesting and difficult because I've never used adobe animate before and code for javascript. Searching for tutorials are also difficult since there are not a lot that include solutions that I wanna find. 

Observation

Learning how to animation can be overwhelming and including code too. It is a bit simple compare to coding in dreamweaver since we have the freedom to move the shape where we wanted.

Findings

I learned that javascript are difficult since its my first time but also a room for me to explore and improvements.  Learning adobe animate seem to have more feature which can confuse me a lot when working my project.