ADVANCED INTERACTIVE DESIGN/FINAL PROJECT

-
17/06/2025 - 22/07/2025  /  Week 9 - Week 14
Marsya Arisa Binti Mahmud / 0359684
Advanced Interactive Design/ Bachelor of Design (Hons) in Creative Media / Taylor's University
Final Project
INSTRUCTIONS

<iframe src="https://drive.google.com/file/d/15RtAXVV0YGqVkjX9JhpHtlbuEgrzH9Fi/preview" width="640" height="480" allow="autoplay"></iframe>

FINAL PROJECT

Project Timeline
Figure 1.1: Project Timeline

Netlify Link

Google Drive Link

Website Overview
<iframe src="https://drive.google.com/file/d/1l_G-i4DHn78cIUizABS9aVDFsxsdtFbx/preview" width="640" height="480" allow="autoplay"></iframe>


REFLECTION
This semester felt like a learning curve in the best way possible. Advanced Interactive Design taught me how to treat websites as more than just visuals, they’re experiences that require thought and structure. From doing basic exercises like shape tweens and tracing graphics in Adobe Animate, to putting together my own interactive website. One of the biggest challenges was navigating Adobe Animate. I struggled a lot in trying to get it to look and behave exactly like my prototype. There were times it didn’t come out the way I initially imagined, and not everything translated perfectly. It made me realize that the gap between idea and execution is where real learning happens. Overall, this whole project gave me more learning experience as a designer. Even with the technical setbacks, I feel more motivated to keep improving, especially in animation. I’m excited to keep refining my skills and push my work even further in the future.

Popular posts from this blog

GAMES STUDIES/EXERCISES

-
Image
25.09.2024 - 06.11.2025 / Week 1 - Week 7 Marsya Arisa Binti Mahmud / 0359684 Games Studies / Bachelor of Design (Hons) in Creative Media / Taylor's University Exercises INSTRUCTIONS <iframe src="https://drive.google.com/file/d/11pN9wqCv5zQW0rTf4gPQfUoPLmY2Gv1m/preview" width="640" height="480" allow="autoplay"></iframe> EXERCISES EXERCISE 1 My most favourite video game and what makes this game playful: EXERCISE 2 Reviewing an established game developer: PROJECT 1: TABLETOP GAME DESIGN PROPOSAL <iframe src="https://drive.google.com/file/d/17Arm0y3YocnABBG1NK5qpxuV9Qm4eZPY/preview" width="640" height="480" allow="autoplay"></iframe> PROJECT 2: GAME INFORMATION AND DATA <iframe src="https://drive.google.com/file/d/1AfR0iB9ZZUFcGHuzanvoA9rVnG5jSsiP/preview" width="640" height="480" allow="autoplay"></iframe> PROJECT 3: TABLETOP GAM...
Read more

INFORMATION DESIGN/PROJECT 1: INFOGRAPHIC POSTER & ANIMATION

-
Image
20.02.2025 - 06.03.2025 / Week 3 - Week 5 Marsya Arisa Binti Mahmud / 0359684 Information Design / Bachelor of Design (Hons) in Creative Media / Taylor's University Project 1: Infographic Poster & Animation TABLE OF CONTENT Instructions Part 1: Infographic Poster Part 2: Minimal Animated Infographic Final Submission Feedback Reflection INSTRUCTIONS a) Part 1: Infographic Poster Choose 1 infographic poster reference from the Internet Redesign the poster into A4 size . Sketch the idea and process Redesign and simplify the poster based on visual hierarchy & typography Simplify the poster's design based on color, shape & pattern b) Part 2: Minimal Animated Infographic Animate your infographic poster into one static loop animation page Loop duration in between 15-30 second Upload to Youtube channel <iframe src="https://drive.google.com/file/d/15_7oSZJlle_U2-hIxEFakp5nFOyENVwR/preview" width="640" height="480" allow="autoplay"...
Read more

ADVANCED INTERACTIVE DESIGN/TASK 2: DESIGN PLANNING & PROTOTYPE

-
Image
20/05/2025 - 10/06/2025  /  Week 5 - Week 8 Marsya Arisa Binti Mahmud / 0359684 Advanced Interactive Design/ Bachelor of Design (Hons) in Creative Media / Taylor's University Task 2: Interaction Design Planning and Prototype INSTRUCTIONS <iframe src="https://drive.google.com/file/d/15RtAXVV0YGqVkjX9JhpHtlbuEgrzH9Fi/preview" width="640" height="480" allow="autoplay"></iframe> EXERCISES Week 6 - 27/05/2025 In Week 6, I learned how to animate buttons and add a hover effect. I was introduced to the button effect page that allows you to choose its state and a way to add lines of code to give its action.  This lesson felt highly important because I can apply this to my website later on.  Figure 1.1: Exercise Week 6 Week 7 - 03/06/2025 Mr. Shahmsul taught us how to create an animated introduction page for a website that leads to the main page. I learned new tools like masking and how to have sequence of texts appear naturally. Figure 1.2...
Read more