Advanced Interactive Design / Task 2

-

22.10.2025 - 14.11.2025 / Week 5 - Week 8
Bachelor of Design (Hons) in Creative Media
Advanced Interactive Design
GAN YI KIAN / 0374572
Task 2 / INTERACTION DESIGN PLANNING AND PROTOTYPE


LECTURES

Week 5




Week 6
Countdown
Ctrl+B x2
Create shape tween
Object Drawing





Masking
Object Drawing






INSTRUCTIONS

Task 2 / INTERACTION DESIGN PLANNING AND PROTOTYPE

We 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. We need build their animation or user-reference animation to demonstrate the intended idea.

I think it's really cool if the lobster could keep looking at the mouse or change color when the mouse hovers over it.

Fig 1.0 Reference from Pinterest(source)

Fig 1.2 Transition from Pinterest(source)

This feeling of continuously floating in the air is also quite nice, making the lobster look as if it were alive.

Then I illustrated a lobster logo. I thought this logo could be used as the logo of my website, and users could click on it to return to the Home screen.



Homepage


Lobster(Western Rock Lobster,)

Lobster(European Lobster)

Lobster(American Lobster)

Lobster(Japanese Spiny Lobster)

white wallpaperoverlay

Paper texture

World Map

Ocean background

Final Submission


Figma prototype link here

Presentation link here
  • After consulting with Mr. Shamsul, I learned that I needed to make some revisions.
  • Add a short introduction to the first page.
  • It's easier to design animations when converting overly long pages into pages that don't require scrolling.














Comments

Post a Comment

Popular posts from this blog

Application Design I / Project 2

-
Image
26.05.2025 - 14.07.2025   / Week 5- Week 13 GAN YI KIAN / 0374572 Bachelor of Design (Hons) in Creative Media Application Design I Project 2 / UI/UX Design Document INSTRUCTIONS Project 2 / UI/UX Design Document Week 5 In this assignment, we need to complete the creation of a research plan according to the template and list of questions, and interview 5 people with the goal of obtaining first-hand experience with users. We need to take notes of their pain points (problems) and highlights (things they love) when using the service or their competitors. My target audience is Gen Z - finish the 5 interviews transcript - take down the data, one idea per post-it -sort them in affinity maps - find categories/themes - create 3 personas from those themes I basically divided the interview questions into 5 sections.I interviewed my friends and they answered me in Chinese, and I translated them into English. Interview Log Section 1: Background Section 2: User experience Section 3: Fu...
Read more

Intercultural Design

-
Image
07.02.2025 - 24.03.2025 / Week 1- Week 7 GAN YI KIAN / 0374572 Bachelor of Design (Hons) in Creative Media Intercultural Design  Proposal, Data Collection & Final Project  INSTRUCTIONS Note Week 1 Culture & Design At the beginning of the first day, Mr. Asrizal briefed  us with the precautions and course outline of intercultural design, and then Ms. Noranis's lecture began, and we began to divide into groups. Then my group members included Indonesia and Chinese. Week 2 CMYKL brief Our team was confused about what ‘Everyday Design’ was all about. Then, during this week, we came up with the idea of ​​a clip-on cup holder, focusing on portability and functionality, and even incorporating Malaysian culture such as tiger stripes or “batik” patterns. In fact, there were many more ideas at the beginning, including the design of bowls and board game cards. It was also during this week that we learned that our mentor was Mr. Charles. Week 3 Proposal Q&A sessio...
Read more

Games Studies / Exercise

-
Image
23.04.2025 - 05.06.2025   / Week 1- Week 7 GAN YI KIAN / 0374572 Bachelor of Design (Hons) in Creative Media Games Studies Exercise / Series of investigations INSTRUCTIONS Exercise 1 - My favourite video game/board game In this exercise, we need to introduce a favorite video game or board game. A game that you will continue to come back to even after you have played it. Honor of Kings Fig. 1.0 Game Cover Game Type: MOBA – Multiplayer Online Battle Arena Development Company: Tencent Games First released in 2015, it is one of the most popular mobile games in mainland China. Game Objectives and gameplay introduction: Two teams of 5 players each fight on a symmetrical map. Heroes are each player's choices, and the heroes have different skills and roles , with examples of tanks, shooters, mages, etc. Its objective is to destroy the rival’s main base (crystal) . While doing this, you push down the enemy defense towers, fight wild monsters, and team battles as well. By defeating enemy he...
Read more