Task 1: Thematic Interactive Website Proposal


Advanced Interactive Design / Task 1: Thematic Interactive Website Proposal

Week 1 - Week 4
WU ZIYANG / 0368325
Advanced Interactive Design / Bachelor of Design (HONS) in Creative Media
Task 1: Thematic Interactive Website Proposal
Introduction



Introduction:
Thematic Interactive Website Proposal for Brand Engagement. A thematic interactive website is a website that focuses on a specific theme or concept to incorporate interactive elements to interact with users. Most websites utilize multimedia such as videos, animations, interactive graphics displayed on the page, or other clickable elements with 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, and promotional campaigns to product launches. For example, a thematic interactive site could be a museum. Users can visit a virtual exhibition space through interactive tours, game simulations, or questionnaires. If 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. Any such site aims 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)


2. TASK 1: THEMATIC INTERACTIVE WEBSITE PROPOSAL

Workflow of My Thematic Interactive Website Proposal Project
1. Choices of Topics, Research & Visual References
2. Selected Topic - Concept
3. Moodboard
4. Wireframes
5. Flowchart
6. UI/UX Design

Choices of Topics, Research & Visual References


Option #1: Tom and Jerry


Option #2: Harry Poter


Option #3: Loreal 


Option #4: Apple


Option #5: Marvel



The following is my draft proposal:          

           



Lecture

Week 1: No class

Week 2: Adobe Animate (Exercise 1)
In our Week 2 lesson, we learned how to draw with Adobe Animate. We were trained on how to utilize several tools, including the form tool, selection tool, and paint bucket tool. After the tutorial, Mr. Shamsul asked us to draw a boat for practice purposes.

Week 3: Adobe Animate (Exercise 2)
This week, we studied the fundamentals of using animation with Adobe Animate. During class activities, we worked on producing the shapes moving and using ease-out and ease-in effects at various keyframes. At the end of class, we had a half-hour consultation session with Mr. Shamsul to go over our Project 1 possible topic.

Week 4: Adobe Animate (Exercise 3)
In class, we learned how to use shape tweening. In shape tweening, we studied how to draw a vector shape at one specific frame in the Timeline and then change that shape or draw another shape at another specific frame.

Fig.1.1  (Week 4, 15/10/2024)



Fig. 1.2 Spider. (Week 4, 15/10/2024)




FEEDBACK

Week 4  Mr Hamimi said my preliminary idea needs to be more detailed, and the content should include web page reference, picture reference, and what I want to show. Finally, I chose the theme of Harry Potter, because I know him very well and I have more ideas, and then I went to find relevant references to improve my preliminary idea.


Reflection

This is my first contact with An software, and I have a basic understanding of it. I feel that this course is not easy, and it is a new area for me, and I need to spend more time studying these contents

Comments

Post a Comment

Popular posts from this blog

Brand Corporate Identity | Task 1: Breaking Brand

Image
23.09.2024 - 07.10.2024 / Week 1 - Week 3 Wu Ziyang / 0368325 Brand Corporate Identity / MKT62404 / Bachelor of Design (Honours) in Creative Media Task 1: Breaking Brand Table Of Contents LECTURES  INSTRUCTIONS TASK  FEEDBACKS  REFLECTIONS  FURTHER READING Lectures Brand Corporate Identity is an integral part of graphic design discipline as it focuses on the visual integrity of a brand. As such the module introduces students to the basics of identity design and the effective use of symbols in the area of visual communication. What is a brand? "A brand is a person's gut feeling about a product, service, or company while companies can't control this process, they can influences it by communicating the qualities that make this product different than that product. "When enough people arrive at the same gut feeling, a company can be said to have a brand. In other words, a brand is not what you say it is. It's what they say it is." It is a mental construct shared b...
Read more

Publishing Design

Image
WU ZIYANG / 0368325 Publishing Design / Bachelor of Design (Honours) in Creative Media / Taylor's University Task 1 INSTRUCTION Lectures Lecture 1  （Formats） The book Publications: books, nnewapapers, magazines The book is a medium to document andtransmit, ideas, knowledge, records, historyand so much more. Format Question:  In your view, what factor/sinfluence and determine the format of abook? age user Historical Format lran-lraq =Mesopotamian civilization Egypt = Ancient Egyptian civilization, India-Pakistan-Afghanistan = Indus Valley civilization, China = Han Chinese civilization Europe (Turkey & beyond) = European civilization Innovation almost always shadows technologyNew technology creates opportunity. lf thetechnology has potency it would have acascading effect on other areas of life. Fig. 1.1 Regions For  Mesopotamia Denise Schmandt-Besserat(1995)   contends in her essay on the token system “Record Keeping Before Writing,” that“lt is remarkable that the ...
Read more

Interactive Design-EXERCISE 1&2

Image
Interactive Design- Exercise 1 23/4/2023- 2023（week1-week ） Wu Ziyang/0369288 Interactive Design / Bachelor of Design (Honours) in Creative Media Exercise 1 - Web Analysis TABLE OF CONTENTS  1. Instructions 2. Lectures  3. Exercises  Instructions Lectures Week1 The teacher asked us to choose two websites we want to analyze among the given links. Consider the purpose and goals of the website, and evaluate whether they are effectively communicated to the user. Evaluate the visual design and layout of the website, including its use of color, typography, and imagery. Consider the functionality and usability of the website, including its navigation, forms, and interactive elements. Evaluate the quality and relevance of the website's content, including its accuracy, clarity, and organization. Consider the website's performance, including its load times, responsiveness, and compatibility with different devices and browsers. Week 3 Key Elements of a website: Header Body Footer ...
Read more