Advanced Interactive Design | Task 1
22/4/2025 - 13/5/2025 / Week 1 - Week 4
Kerly Ooi / 0358726
Advanced Interactive Design / Bachelor of Design (Honours) in Creative Media / Taylor's University
Task 1 | Thematic Interactive Website Proposal
TUTORIAL / PRACTICAL
WEEK 2 - Introduction to Adobe Animate
- Card title
- swf/ html
- (create new file) html 5 canvas
- 25 - 30 frames per sec
- new project (save as index) - upload to Netlify
- preview (command + return)
- vector / bitmap - (see pixels)
WEEK 3
Animation tutorial
square/ rec to circle
- fluid brush - tool panel- point selection
- original brush ( limited settings) compared to Fluid brush tool
- delete everything - double click
- keyframe (starts / ends)
- exp to include keyframe select one of the frame / insert, keyframe
- double click - create shape tween
- ease out - Quad
- to loop - publish settings - more settings - loop animations / command + enter
- Play with timeline
break apart text - command + b / modify →break apart
Exercise (countdown 10 - 1 ) Adobe Animate
WEEK 4
INSTRUCTIONS
Requirements
Students are required to create a thematic interactive website proposal with the topic of their choice that can be based on:
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.
6. Other
Submission
1. Completed UI/UX proposal document.
2. All processes (concept, wireframes, mood board, flow chart)
TASKS
In week 1, we were instructed to prepare a list of potential topics for the final project. Below are my potential ideas:
- Dyson Hair Care (products)
- Explore the World of Formula 1 / MercedesAMG
WHY?The theme is very strong: fast cars, legendary races, drama, world championships.It's visually exciting: high-quality images, racing tracks, cars in motion- Marshall speakers
Marshall Speakers Thematic Interactive Website where users can:
- Explore different types of Marshall speakers (e.g., Acton, Stanmore, Woburn, Emberton, Kilburn)
- Change the color options (like cream, black, brown)
- Get personalized recommendations based on their style or needs.
WHY?
The theme is very strong: fast cars, legendary races, drama, world championships.
It's visually exciting: high-quality images, racing tracks, cars in motion
Marshall Speakers Thematic Interactive Website where users can:
- Explore different types of Marshall speakers (e.g., Acton, Stanmore, Woburn, Emberton, Kilburn)
- Change the color options (like cream, black, brown)
- Get personalized recommendations based on their style or needs.
After a discussion with Mr. Shamsul in Week 2, I was advised and ultimately chose to proceed with the second topic, Formula 1 | Mercedes-AMG. Below is the website overview I presented to him. He suggested that I could incorporate Petronas into the concept, highlighting its collaboration with Mercedes and its connection to Malaysia.
Below is the most latest version of my work, which has been updated and refined based on feedback and further development of the concept.
Once I had finalized my topic selection and content structure, I moved on to creating the proposal slides using Canva.
SUBMISSION
FEEDBACK
Week 2
Exercises :
Specific feedback : Approved all 3 ideas, pick Formula 1 MercedesAMG as it has a lot to talk about
Week 3
Exercises :
Specific feedback : Overall concept & direction are both okay. I was advised to research the brand’s official color palette to ensure design consistency and authenticity throughout the project.
Week 4
Exercises :
Specific feedback : Make changes to the wireframes, and make sure that for the loading page it appears professionally, check out theFWA website for more references & inspirations.
REFLECTIONS
Comments
Post a Comment