Task 1: Thematic Interactive Website Proposal - Advanced IntDes



24/09/2024 - 15/10/2024  (Week 1 -  Week 4)  

Alya Rahima Zahra (0363588)  

Advanced Interactive Design / Bachelor of Design (Hons) in Creative Media  

Task 1: Thematic Interactive Website Proposal - Advanced Interactive Design


⋆. 𐙚 ˚ Exercises In Class .☘︎ ݁˖


- Week 3

We are asked to use Adobe Animate and make a simple moving ball animation as the class activity.

Fig 1. Week 3 Class Activities

- Week 4

Using Adobe Animate, we are taught to create a more advanced animation such as Moving letters and spider.

Fig 1.2 Week 4 Class Activities

Fig 1.3 Week 4 Letter animation Result


⋆. 𐙚 ˚ Task 1 : Thematic Interactive Website Proposal .☘︎ ݁˖

▸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)


◉ Rough ideas:

I've decided my 5 potential topics, along with my visual references examples, including the website ideas too. Which are as follows:

I showed my rough ideas to Mr. Shamsul and he said that it's best if I'll do the SONY x Lesserafim collab instead of the other choices on the list. I'm planning to create a promotion website to convey this new launch of product from SONY. Hence, here is the website proposal:



• Week 1
General Feedback: Make sure to read the Module Information.
Personal Feedback: -

• Week 2
General Feedback: Mr. Shamsul asked us to install Adobe Animation on our laptop. We are required to list down 5 potential topics for the final project. Get visual references and also Website references.
Personal Feedback: -

• Week 3
General Feedback: We should not forget the shortcut keys on how to insert/delete key-frames and etc, in Adobe Animate.
Personal Feedback: Try making the frames longer, so that the animation will run more smoothly and don't forget to use Ease-Out, Quad.

• Week 4
General Feedback: Gotta add 1 more frame at the end, in order for it to make a perfect loop. Don't forget to submit the website proposal on google classroom.
Personal Feedback: So far, my animation turns out good.








Comments

Post a Comment