Advanced Interactive Design / Task 1: Thematic Interactive Website Proposal

22/9/25 - 17/10/25 // Week 1 - Week 4

Chuah Shu En // 0368157

Bachelor of Design (Honors) in Creative Media

Advanced Interactive Design / Task 1: Thematic Interactive Website Proposal

---

Table of Contents

1. Lectures

2. Instructions

3. Task

4. Feedback

5. Reflection

---

Lectures

Week 4

Tips:

- Whenever you create a new file (ctrl + N), choose html file.

- For web it's always pixels (px), the frame rate should be at least 30fps.

Mr Shamsul started our lessons on Adobe Animate. We started with learning about drawing with the tools provided and object mode. 

Fig 1.1, Adobe Animate (14/10/25)

---

Instructions

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

Description

Thematic Interactive Website Proposal for Brand Engagement. A thematic interactive website is a website that focuses on a specific theme or concept with the aim of incorporating interactive elements to interact with users. Most such websites utilize multimedia such as videos, animations, interactive graphics displayed on the page, or other clickable elements which have interactive components that provoke the user. This dynamic experience is meant to keep the user interested in addition to the thematic concept. Themes in such websites vary from educational, cultural, promotional campaigns to product launch. For example, a thematic interactive site could be a museum. Users can go through a virtual exhibition space through interactive tours, games simulation, or questionnaires. In the event that it is a movie, the site can simulate movie universes offering virtual tours through time and space, or any other subject previously created in the movie. The aim of any such site is to keep the user engaged in the medium through interactive exploration.

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.

Or anything else you have in mind (subject to the module coordinator’s approval)

Submission

1.     Completed UI/UX proposal document.

2.     All processes (concept, wireframes, mood board, flow chart)

---

Task 

Week 2

The ideas I presented were as follows;

1. Baby Metal (Japanese metal group)

2. Chiikawa and Friends (Japanese TV Show)

3. Gen Alpha brainrot

After some discussion with Mr Shamsul, I decided to proceed with the first topic. 

Week 3

Here are my final proposal slides;

ad interactive website proposal by CHUAH SHU EN

 

---

Feedback

Week 2

Mr Shamsul suggested which topic I should go for. 

---

Reflection

I found that Adobe Animate was easier compared to Illustrator or Photoshop as I had past experience with using similar software. However, I still struggled with the first exercise of creating a sailboat.