Application Design Task 3 : Task 3: Interactive Component Design & Development

13/11/2024 - 4/12/2024 (Week 08 – Week 11)
Zhao GuanMei / 0363166
Application Design II / Bachelor of Design (Hons) in Creative Media

Task 3: Interactive Component Design & Development

---

Index

Task 3: Interactive Component Design & Development

a.logo Animation

b.Navigation Menus

b.Pop-up Boxes

c.Call-to-Action Buttons

d.Page Transitions
e.Payment successful

Reflection

---

Instructions

---

Task 3: Interactive Component Design & Development

This task builds on Task 2 by creating functional, animated interactive components using HTML/CSS and JavaScript, ready for app integration.

Interactive Components

• loading page
• Navigation Menus: Animated transitions for menus/icons.
• Call-to-Action Buttonss.
• Page Transitions: Seamless screen changes.
• Payment card selection
• Payment successful

Tools

• HTML/CSS for structure and styling.
• JavaScript for functionality.
• Optional frameworks (e.g., GSAP, Anime.js) for advanced effects.

a.Loading page & prelaunch page

b.Navigation bar

Submission 

• Project Files & Video Walkthrough
• HTML File with Linked Assets

---

Reflections

---