Advanced Interactive Design | Task 1: Thematic Interactive Website Proposal

-
24.09.2024 - 20.10.2024 || Week 01 - Week 04
Hanson Pea Wei Hao || 0359463
Advanced Interactive Design || Bachelor of Design (Honours) in Creative Media || Taylor's University
Task 1: Thematic Interactive Website Proposal

Lists




Instructions



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)

Proposal:
We were tasked with developing few potential ideas for our final project, along with relevant visual and website references. The concepts I selected were Puma X monster hunter series and Seiko X monster hunter series. Among these option, I am more into Puma X monster hunter series.

Here is the Proposal Link to Google slide.
Fig 1.1 Proposal Ideas (Figma) | Week 03 (08/10/24)

After presenting my ideas to Mr. Shamsul for feedback, he suggested me that more focus on the shoes, and no need to make so much complicated stuff, just try to make it easy for this semester. 

After that, I start progress in Wireframe.
Here is the link to Figma:


After presenting my Wireframe to Mr. Shamsul for feedback, he mention that my wireframe is a bit too rough, some provide good layout, but hope can show more detail like mention what these colour for and use text to mention what is this box for. Some of the idea is sound too complicated and I shall know is these idea gonna work or not after next week class. but overall should be good for now.

Feedbacks

Week 3:
Specific Feedback: Both ideas can be work, but I would suggest more on the shoes. Lots of  Reference provided is good. study more on reference and all should be good and can start your wireframe.

Week 4: 
Specific Feedback: Wireframe is a bit too rough, i hope can get more detail on it. some provide good layout, but hope can show more detail like mention what these colour for and use text to mention what is this box for. Some of the idea is sound too complicated

Reflections

For this few week of experience, I gain more idea to know what is a thematic website and how to make website become more effectiveness. Exploring in different existing thematic website and other very creative website is get to help me think better in my website. Other than that, i also start to learn about how to use adobe animate, i would like to say this is a challenge for me, I will definitely take a lots of time to practice and fully understand about it .

Comments

Post a Comment

Popular posts from this blog

Digital photography & Imaging / Task 1

-
Image
5 October 2023-  26 October 2023 / (Week 2 - Week 5 ) Hanson Pea Wei Hao / 0359463 Digital Photography and Imaging / Bachelor of Design (Hons) in Creative Media  Task 1: Exercise 1 Lists 1. Instruction 2. Tutorials 3. Feedback 4. Reflection INSTRUCTIONS Task 1| Exercise 1:Digital Collage Our first task was to create a digital collage by only using a set of images provided to us.   Fig 1.1, Composition 1 Fig 1.2, Composition 2 Fig 1.3, Composition 3 After getting feedback from Mr. Martin, he suggested that my composition 3 would be my final art for digital collage. Task 1| Exercise 2: Digital Imaging 1. Hearst mansion For this exercise, We have been learning to combine a character named Shazam into the Hearst mansion. Fig 2.1, Hearst mansion Fig 2.2, poster of Shazam Fig 2.3, Combine of Shazam and Hearst Mansion After that, We need to recreate with the same process but this time, we need to change the Shazam to myself. Fig 2.4, Hearst mansion with full body Self-portrait Task 3: B&a
Read more

Typography: Task 3: Type Design and Communication

-
Image
13 November 2023-  17 December 2023 / (Week 8 - Week 12 ) Hanson Pea Wei Hao / 0359463 Typography/ Bachelor of Design (Hons) in Creative Media Task 3: Typographic Exploration and Communication Lists 1.  Lectures 2. Instruction 3. Feedback 4. Reflection 5. Reading LECTURES All Online Lecture Note Week 8: Summary of class:  Independent's Leaning Week Week 9: Summary of class:  In this class, Mr. Vinod showed us some past year students' excellent e-portfolios and told us how can we improve our e-portfolios. After that, He had a feedback section for each student individually for our sketch and taught us how to digitize it. Week 10: Summary of class:  This week, Mr. Vinod told us to send the typeface to give us feedback. after that, He talked about the importance of creating a correct and good E-portfolio. After that, he showed current students the best example to us, he told us to fix our e-portfolio if we had problems with the last two that we handed in.  Week 11: Summary of clas
Read more

Advanced Typography | Task 1: Typographic Systems & Type, & Play

-
Image
22.04.2024 - 12.05.2024 || Week 1 - Week 3 Hanson Pea Wei Hao || 0359463 Advanced Typography || Bachelor of Design (Honours) in Creative Media || Taylor's University Task 1: Typographic Systems & Type, & Play Lists 1. Lectures 2. Instructions 3. Feedbacks 4. Reflections 5. Further Readings Lectures Week 1: Typographic System "All design is based on a structural system". According to Elam, there are eight major variations with an infinite number of permutations, those are : Axial Radial Dilatational Random Grid Modular Transitional Bilateral The typographical organization is complex because the elements depend on communication to function.  Axial System : All elements are arranged on either side of an axis or line. fig 1.1, Axial System Radial System : all elements are organized to extend from a central point of focus like rays fig 1.2, Radial System Dilatational System :  type set along circular paths. fig 1.3, Dilatational System Random System : organizes the e
Read more