Advanced Interactive Design - Task 1

23/9/2024 - 14/10/2025 (Week 1 - Week 4)
Shawn Wong Kai Hen / 0375372
Major Project 1 / Bachelor of Design (Hons) in Creative Media
Advanced Interactive Design - Task 1

---

  INTRUCTIONS  

---

  Week 1  

• Intructions

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
2. Movie promotion
3. Game release promotion.
4. Gallery/Museum exhibit launch
5. Band/Artist latest release.
6. Or anything else you have in mind (subject to the module
coordinator's approval)

1. Brainstorming & Idea Research

At the beginning, I started brainstorming potential topics for my project. I explored three different directions — Movie Promotion (F1 Movie) , Branding (New Balance) , and Gallery Exhibit . For each idea, I conducted research to define the objective , target audience , and design direction . I also gathered visual references and created a simple moodboard to guide the styling approach.

Currently, I'm most interested in and focused on developing the Movie Promotion (F1 Movie) concept.

  Week 2  

We are no class on Week 2 due to Mr.Shamsul are sick, so just send our blog link to google classroom and review by Mr.Shamsul. Mr.Shamsul will review our work and give us comment and below of our blog which idea that we will proceed to create on our project.

  Week 3  

At Week 3 we are required to show our styling and mood and reference to Mr.Shamsul in class to comfirm the idea styling. But i was absent that day because of not feeling well. But i have send my thing i have done to Mr.Shamsul to have review and for my styling and mood comfirmation.

Here are the reference research, styling research and mood research after confirm topic by Mr.Shamsul. I have start to reearch what stylingi want to design my website. Lastly i also started to create the flowchart also.

  Week 4  

At this week, we need to submit out Proposal inccluded flowchart and wireframe. For my styling i decided to use Elegant style cocombine with my nature title and theme. For my moodboard and color pallete and more closure to nature like forest, leaf and also ocean and Desert.Here i will show the overview design for my 3 different idea wireframe.

Wireframe Design_1

Fig 1.1 Wireframe Design 1

Wireframe Design_2

Fig 1.2 Wireframe Design 2

Wireframe Design_3

Here are the 3 different wireframes that i have create, so after that will choose the best wireframe to create my interactive website design!That quite rushing to complete the wireframe because i thought just need to create 1 wireframe design. But luckly im done!

Below are the link for my Final Proposal and Figma Workspace:

Final Proposal

Access Canva For Better View - Echoes Of Nature

Access My Figma Workspace - Figma

---