Advanced Interactive Design / Final Project – Completed Thematic Interactive Website

17.06.2025 - .07.2025 / Week 9 - Week 14

ID name YANG HANWEN

ID number 0364085

Program Name Bachelor of Design (Honors) in Creative Media

UI/UX

Final Project – Completed Thematic Interactive Website
TABLE OF CONTENTS

Lectures
Final Project – Completed Thematic Interactive Website
I won't copy and paste the top requirement again.
First, in the "Feedback" of This, it was mentioned that this module does not require Adobe Dreamweaver, but is almost entirely based on Adobe Animate to create web pages.
Having said that, doesn't that mean...
Isn't this equivalent to redoing it? 😂
Fortunately, on July 18, 2025, he updated his own webpage in Google Classroom as a reference for us to learn from.
If we preview his website, it will look like this↑.
However, I found a recently launched interactive webpage (actually H5) of a "well-known game" that should meet Mr. Hamimi's expectations.
The preview effect is as follows↓
Then, below is my initial draft on A4 paper (including printing and editing)
Of course, some of it was done in Adobe Illustrator.
Then, time is urgent, so the interaction logic is as shown below↓
Then the process in Adobe Animate is as follows↓

As you can see below, I have successfully deployed the project files to Netlify.
But...
On August 13, 2025, Mr. Hamimi issued the above announcement. Although my project can be deployed on Netlify, I'd better record it for safety reasons.
So the one ↑ above is the walk-through video
And...

Submission
Feedback
Week 9∣2025.06.17
Through the communication and feedback with Mr. Shamsul Hamimi Ab. Rahman, this week, I learned that the web prototype I made in Task 2 was actually wrong. Because in the advanced interaction module, the web page made does not require Adobe Dreamweaver. It is completely made with Adobe Animate. It is a pure dynamic interactive web page, not a normal web page in the primary interaction. My outline is correct, but the overall layout needs to be changed. Therefore, I need to find some references to change my overall web page layout.

Week 10∣2025.06.24
This week was a lecture. I didn't expect it to be a lecture. Then I and a girl next to me didn't keep up with the class progress, but Mr. Shamsul Hamimi Ab. Rahman patiently explained it again to that girl and me (although I didn't keep up that time, but fortunately, that girl helped me catch up). That's it.

Week 11∣2025.07.01
This week, Mr. Shamsul Hamimi Ab. Rahman came over and clicked on my name and signed in (because the school's sign-in system has been updated, students no longer need to manually enter the sign-in code to sign in. Students can be automatically included in the signed-in range directly from the teacher's end) So the next step is the consultation on personal final project.

Week 12 - Week 14∣2025.07.08 - 2025.07.22
Week 12: Mr. Hamimi came and seemed to have something urgent to deal with, so he just called my name and left.

Week 13: He changed the course to online consultation.

Week 14:He had other things to do, so he moved it to another time. I didn't know which time it was until three weeks after the course ended.

Reflection
Ah, I'm really impressed. Which genius came up with the idea of using Adobe Animate to create interactive web pages? It's a software used for vector animation (after all, its predecessor was called "Flash"). Because of an update a few years ago, I originally thought that interactivity was basically related to code. I thought I would just be typing a few code-related things like a programmer. But now, as time goes by, new trends have caught me off guard.

Comments

Post a Comment

Popular posts from this blog