Advanced Interactive Design: Task 1

|| 09/24/2025 - 10/15/2025 (Week 1 - Week 3)

|| Bertrand Alden Gani / 0370471

|| Advanced Interactive Design

|| Bachelor Of Design In Creative Media

|| Task 1: Thematic Interactive Website Proposal

TABLE OF CONTENTS

1. Instructions

2. Task 1

3. Feedback

4. Reflection

INSTRUCTIONS

Fig 1.0 Module Information

<< back to top >>

TASK 1

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)

Processes:

Week 1

In this week, we were given some briefing and instruction. Mr. Shamsul showed us some past student works as an example. We were also told to download Adobe Animate and start to find ideas for the task.

Week 2

In this week, I found 3 ideas for my task.

- Planet Education/Country Promotion Website

Fig 2.0 Idea 1 - Planet Education Website

- Album Promotion Website

Fig 2.1 Idea 2 - Album Promotion Website

- Introducing Indonesian Islands and Cultures

Fig 2.2 Idea 3 - Introducing Sulawesi

Out of the three ideas, Mr. Shamsul prefers the third idea and he suggest to focus on Sulawesi islands because it's not as well known as the other islands.

Week 3

I decided to go with the third idea so I began preparing my proposal.

Introduction

Sulawesi, one of Indonesia’s most unique and diverse islands, is known for its distinct culture, rich biodiversity, and stunning natural landscapes. From the Toraja highlands known for their intricate wooden architecture and ceremonial customs, to the coastal city of Makassar famed for its maritime history and cuisine, Sulawesi offers a captivating blend of nature and culture. However, many people outside Indonesia and even within the country are still unfamiliar with its full potential as a travel destination and cultural heritage hub.

Objectives

1. Introduce Sulawesi in an engaging and interactive way.
2. Highlight Sulawesi’s traditions, ethnic diversity, and heritage.

Target Audience

1. Local and international tourists who are looking for new travel destinations.
2. Young audiences (Gen Z and Millennials) who enjoy interactive, visually-driven, and educational web experiences.

Project Direction

The website concept will include:

1. Interactive map where users can click on different provinces
2. Short stories, visuals, and photo galleries introducing Sulawesi
3. A “Cultural Quest” quiz where users answer questions after exploring a region.
4. A “Find & Explore” game where users click hidden icons on the interactive map to reveal local facts or hidden stories.

Artstyle:

1. Illustrative Style: Hand-Drawn, Classic, Cartography Style
   
   Fig 2.3 Illustrative Style

   
   
2. Color Palette: Muted, Earthy
   
   Fig 2.4 Color Palette
   
   
3. Typography & Iconography: Classic, Contrasting
   

Fig 2.5 Typography

Moodboards

Fig 2.6 Moodboards

User Flow

Fig 2.7 User Flow

Wireframes

Fig 2.8 Wireframes

1. Home Page, showcase the island and user can click “Explore” to go next page.
2. Select Region, when user hover to a region, it will highlight the region and showed the region name. User can click it to get more info.
3. Region Description, give a brief description or fun facts about the selected region. User can click on waypoints to explore more.
4. Explore City, show characters traveling the city. There are 4 menu user can access: culture, people, foods, landmark. Each will display different scene.
5. Cultural Quiz, at the end of exploring, there will be a “Cultural Quiz” about the region. User can collect badges after completing it or user can also choose to skip it.
6. Completion Badge, user will earn badge after completing Cultural Quiz.

Fig 2.9 Final Proposal

<< back to top >>

FEEDBACK

Week 2:

The first idea is not very useful because most people already know about planets in our solar system. It's only useful for children. The second idea is quite overdone, it's better to try other ideas. The third ideas is pretty good, you can try to focus on Sulawesi or Papua island because they are not as well known as the other island.

Week 4:

The wireframe is okay, except the 5th and 6th. If your theme is classic. It's better for the boxes to have sharp edges not rounded edges because it's more suitable for modern theme. You can also change the "skip" button to a classic style "x"button.

<< back to top >>

REFLECTION

<< back to top >>