Advanced Interactive Design / Task 1: Thematic Interactive Website Proposal

21.04.2025 - 12.05.2025 / Week 1 - Week 4

ID name YANG HANWEN

ID number 0364085

Program Name Bachelor of Design (Honors) in Creative Media

UI/UX

Task 1: Thematic Interactive Website Proposal
TABLE OF CONTENTS
Instruction

Lectures
Draw object using Adobe Animate
The following is my work progress/2025.04.29

The following picture shows that I have completed it/2025.04.30

Week 3
  1. Basic Animation

    Effect↓
  2. 10→1 Animation
    Effect↓
Week 4
  1. Classic Tween
    Effect↓
  2. Beach Ball

    Effect↓

  3. Map Exercise

    https://drive.google.com/file/d/1-xHAYyaGkXdHpMmAt4go6kBBkiifmNfj/view?usp=sharing


First, I draw a car component.
Secondly, my process was as follows, but he said I did it wrong.
He pointed out that I needed to move the car along the line, so here is my modified process.
Effect↓

Task 1: Thematic Interactive Website Proposal
As shown in ↑, the requirements on this post on Google Classroom are ↓
1.     A specific product of a particular brand launch/special (i.e.: Nike brand new shoe), Beauty product launch (i.e.: Sephora compact powder,
2.     Movie promotion
3.     Game release promotion.
4.     Gallery/Museum exhibit launch
5.     Band/Artist latest release.

Or anything else you have in mind (subject to the module coordinator’s approval)

Of course, even if I don't look at it, I know what to do according to the instruction in the MIB file above.

I write this to be ironic. If it weren't for the table above, I wouldn't know what to do with this next personal proposal.

So, based on the principle of "muddling" (following instruction), here are my five ideas. Of course, there is a sixth one that I need to talk to Mr. Shamsul Hamimi Ab. Rahman about.

  1. Haidilao

    The Travelling Duck

    OR
    Dragon-i Restaurant
  2. Thunderbolts（*The New Avengers）
  3. Roco Kingdom: World
  4. 2025 STAR RAIL World Tour
  5. GENSHIN CONCERT

    Of course, the next one I write is the most important one (even the purpose of writing 1 is for this)
  6. Delicious Traditional Snacks
    A restaurant downstairs from DK Senza with a booth inside...

    This one sells traditional domestic snacks. I plan to turn the paper menu (which should be an information poster) of this store into an electronic interactive website.

    This is why my first idea was to write "Haidilao" because my real purpose was to use this website as a reference.
    But unfortunately, this mdSB (using his own introduction to himself) had a falling out with me a few days ago, so I was forced to switch to another direction.
6."Full Of Duck"
The concept and mood board are explained in the first 10 pages. I picked the remaining two (wireframe and flow chart) to write in detail here. After all, those two are not the only ones I made in Canva.
First is the flow chart. The following is↓

Then the following is the wireframe made in Figma.


Submission

Feedback
Week 1∣2025.04.22
I asked Mr. SHAMSUL HAMIMI AB RAHMAN whether I need to select 6 or some websites for Task 1 and write their documents. He told me that next week I need to find three ideas about my final task website and write my own final task website ideas based on the references and write them in the proposal document.

Week 2∣2025.04.29
This week Mr. SHAMSUL HAMIMI AB RAHMAN asked us to use Adobe Animate to complete a picture he posted on Microsoft Teams (the content is a sailboat). That is, we were asked to redraw and color the sailboat based on this picture. He saw that I didn’t wear glasses in class and specially called me to the front row. He took good care of me in class. Seeing that I had completed most of it, he said that I was doing well and almost finished it. After the final class, it seems that I need to explain my final project ideas to him. I am still thinking about it. Maybe next week, I will show it to him. Maybe...

Week 3∣2025.05.06
Well, I actually haven't figured it out yet. This week he taught me how to create shape tween animation in Adobe Animation. He told me that I did it wrong at the beginning. I was confused. Then he asked me to watch what Jin Rong, who was sitting next to me, did. I realized that I made a mistake in the timeline. Then he left me another assignment for the class, which was to create a shape tween animation from "10" to "1".

Week 4∣2025.05.13
This week I finally had some ideas (to be exact, they came to me only after the last class), but he was still teaching us how to use Adobe Animate to make animations (I mentioned it in the “lecture” section above). And the after-class check was also to check whether the animations we made were correct. Fortunately, he didn’t have the chance to let me share my ideas with him. After all... I won’t write more, since I mentioned it in the process above.

Reflection
After this stage of learning, I have mastered how to use Adobe Animate to create some Flash animations, including drawing, tracing, basic animation, traditional tween animation, etc. in Adobe Animate, as well as other tween animations.

    Comments

    Post a Comment

    Popular posts from this blog