ADVANCED INTERACTIVE DESIGN - TASK 1 - THEMATIC INTERACTIVE WEBSITE PROPOSAL

24/04/26 - 17/06/26 (Week 6-8)

SUN YUTONG (0377440)

ADVANCED INTERACTIVE DESIGN / Bachelor of Design (Honours) in Creative Media

TASK 1 - THEMATIC INTERACTIVE WEBSITE PROPOSAL


INSTRUCTION



TASK 1 - THEMATIC INTERACTIVE WEBSITE PROPOSAL

Website idea:

These are the three ideas I initially conceived:

1. Explore Music:

This is an interactive website that helps users explore and understand different music genres through visual, auditory, and emotional experiences. The website introduces various music genres, each accompanied by a clear description, key characteristics, and cultural context. While exploring each genre, users can listen to representative musical excerpts that embody its unique style and atmosphere. The website includes genre exploration, a timeline, and personalized discoveries.

2. Personality Lab:

My idea is to create a website based on the MBTI personality type, explaining the different personality types through a story. The content will include an overview, detailed explanations, and comparisons. For interactivity, I plan to use simple animations, such as scrolling effects, hover interactions, and smooth transitions, to enhance the user experience and facilitate the introduction.

3. MoodSpace:

This is a website about emotional experiences, allowing users to explore different emotional states, such as happiness and sadness, through an immersive experience. The website content will include an overview of emotions, pages for each emotion, and animated transitions between different emotional states. For interactivity, I plan to use simple animation effects, such as color changes, scrolling effects, and smooth transitions, to reflect the differences in emotions.

Next, I chose the first option and made some modifications. Introducing all music genres would be too broad, so I chose to introduce the music corresponding to each era.


After deciding on the website theme, I completed the website's moodboard.


Site map:
Next, I completed the sitemap for the website.


 I drew music players related to each era to add a sense of time to the relevant pages.







Next, I added a music recommendation page, where users can choose their favorite albums to enjoy on the website.

Final proposal

Final Prototype


FEEDBACKS

WEEK 4: Mr. Shamsul said my website was good, and he thought the quiz section could be an option.



Comments

Popular Posts