Skip to main content

Advanced Interactive Design / Task 2

22.10.2025 - 22.09.2025 / Week 5 - Week 4
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.

Fig 1.0 Reference from Pinterest(source)

Fig 1.1 Reference loading from GitHub(source)

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








Comments

Post a Comment

Popular posts from this blog

Application Design I / Project 2

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...
Post a Comment
Read more

Application Design I / Project 3

13.07.2025 - 19.07.2025   / Week 12- Week 14 GAN YI KIAN / 0374572 Bachelor of Design (Hons) in Creative Media Application Design I Project 3 / Lo-Fi App Design Prototype INSTRUCTIONS Project 3 / Lo-Fi App Design Prototype Week 11 After I completed the whole process of booking a hotel, I showed it to Mr. Sylvain.After I finished the whole process of booking the hotel, I showed it to Mr. Sylvain. Then we need to build the sketches on figma for each scene before the next week. Week 12 A good idea I came up with is to add a chat function. If today's target is a group of friends who want to book a hotel, they can all use this app and enter a group to chat, and at the same time they can share hotel information to this group. They can vote, compare hotels, and even plan the itinerary of the trip. More plans can be made in this group, and other members can also participate in the selection process. Then based on this idea, I designed the first sketch on figma. Mr. Sylvain sugges...
Post a Comment
Read more

Design Principles / Task 3

03.02.2025 - 21.03.2025 / Week 5- Week 7 GAN YI KIAN / 0374572 Design Principles / Bachelor of Design (Hons) in Creative Media Task 3 / Development & Design INSTRUCTIONS Task 3: Development & Design After the visual analysis,will now create a work of design , based by the idea have proposed in Task 2. expected to apply knowledge of design principles in idea development and final design. Can use any medium and/or materials , except for full photography, that are suitable to convey your final visual message. I will choose the first sketch to create the work Sketch 1 This design retains the tranquility and dreamlike feeling of Monet's original painting. I want to enlarge the main water lily in the center and make it the focus of the whole painting. Fig 1.1 Sketch 1 (3/3/2025) I am confused about whether to use watercolor or illustration design, because both are areas I am not good at. Using watercolor can better express the relationship between the water surface. In terms of c...
Post a Comment
Read more