ADVANCED INTERACTIVE DESIGN / TASK 2

on

 22.10.25 - 16.11.25 (Week 5 - Week 8)

Chin Jia Wei (0379807)

Advanced Interactive Design / Bachelor of Design (Honours) in Creative Media / Taylor University

Task 2 - Interaction Design Planning and Prototype



List 

1. Lectures 


3. Task 2


4. Feedback


LECTURES

22/10/2025  (Week 05)
We created a walking spider by animating the leg movement inside a movie clip while moving the spider around the stage with a guided layer outside the clip.




29/10/2025  (Week 06)

We created a morph and countdown using shape tween.


INSTRUCTIONS


Final Submission

Link to Final Submission 


Task 2

Main Visual Elements

I started drawing the main visual element of the website, which is the Apollo cake, by referring to both official product images and the physical packaging. I explored a retro-inspired style using half-tone textures, but the illustration initially felt flat. After several experiments, I found that applying a roughen effect on the edges made the cake look more realistic. 


I illustrated the remaining five Apollo cake flavors while maintaining a consistent visual style. Although the cakes look similar, I realized that each flavor contains different design details, meaning I could not simply recolor one illustration. As a result, each cake had to be redrawn individually, which takes more times but I like how it looks good and authentic together without looking like a recolor version of each other.






Other Visual Elements
I worked on additional elements such as the chocolate and wooden stick. I decided to combine hand-drawn illustrations with real-life references to create a unique visual style. This approach adds contrast and depth while reflecting the nostalgic nature of Apollo cakes.


Font Header and Button Style
After reviewing my initial typography choice, I realized it affected readability. Hence, I tested and changed the typography to Sophia Pro for clarity and Cooper Black for title text. I also finalized the button and header style. I like the final button looks more like a cake with the rough edge.


There are 2 types of header, one with no dropdown another with dropdown when the page has light colour, the round edges is inspired by the edges of the apollo packaging.


Final Submission

FEEDBACK

22/9/2025  (Week 09)
General Feedback
  • Make sure to create the file as a HTML5 Canvas project because .swf files can’t run in browsers


REFLECTION

Experience
As the project progressed, my design direction became clearer, and ideas developed more naturally. I learned that it's important to improvise when it's needed instead of blindly following what was decided in the beginning. For example, adding a face to the Apollo cake was unplanned, but it gave the cake personality and made it more relatable. It then also give me the idea to create the personality quiz page. This allowed the cakes to function as interactive characters rather than static visuals.

Observation
I observed that time management is crucial in creative projects. As I continued designing, more ideas and elements emerged beyond my initial plan, such as the frame by frame waving flags and different type of Apollo Pop. This experience taught me the importance of balancing creativity with realistic planning to ensure the project remains manageable.

Finding
I learned that having no clear direction at the beginning is part of the design process. I used to be very frustrated by it as sometimes spending 1 day to explore ideas and nothing nice came up. By experimenting with different approaches, I was able to discover what worked best, such as the incorporate of real and illustrated images together. Now I won't blame myself for not coming up with good idea in a day as the process may be frustrating sometimes but it's necessary to go through it. 

Comments

Post a Comment