Advanced Interactive Design / Task 1: Thematic Interactive Website Proposal

24/4/2026 - 14/6/2026 (Week 1 - 8)

Rachel Ng Jie Ting/ 0378902

Bachelors of  design (Honours) in creative media

Advanced Interactive Design /  Task 1: Thematic Interactive Website Proposal




Table of content

Instructions

Task 1: Thematic Interactive Website Proposal (30%)


Feedback

Reflections



Instructions



Module Information Booklet



Task 1: Thematic Interactive Website Proposal (30%)

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/site map)
  3. Prototype


--------------------------------------------------------------------------------

Getting Started: Website ideas

First we were instructed to come up with 3 website ideas/ topic. 

I presented my ideas to Mr Shamsul, and we both agreed to proceed with idea 3: The dairy diary, a website to introduce different types of dairy products to kids and adults.



Fixing aspect ratio and wireframe...





Making Assets...






Final Task 1: Thematic Interactive Website Proposal slides



Final Prototype (Still under construction)

https://www.figma.com/proto/M1Etx9G8qzDg1JuRubzC5u/Dairy-website-Wireframe---Prototype?node-id=227-2519&t=Wlt7HAttGKnHYMkh-1&scaling=scale-down&content-scaling=fixed&page-id=201%3A1561&starting-point-node-id=226%3A2467




Feedback

Week 1

The dairy product idea looks good, go with that. 

If possible, add a short animation at the "how is it made" page for each product.


Week 2

Looks good, proceed with making the wireframe and collect picture references for your asset creations


Week 4

- Looks good, some of the items in "Shop" and "Cafe" looks a bit cramp, do consider separating the contents into 2 pages.

- Add a journey tracker on the "Factory" part of the website


Week 7

- For the prototype, at least 3 main pages should be done



Reflections








Comments