Advanced Interactive Design [ Final Compilation ]

-

24.09.2024 - 29.12.2024  / week 1 - week 14

Sheryne Axellia Putri / 0367267 / Bachelor of Design (Honours) in Creative Media
Advanced Interactive Design

 Final Compilation 

TABLE OF CONTENTS
1. Instructions
    - Task 1
    - Task 2
    - Final Project
2. Reflection

Links


          INSTRUCTIONS          


Figure 2.1 Week 1 (24/09/2024) Module Information Booklet.

Task 1 _Thematic Interactive Website Proposal

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. 

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.

 SUBMISSION 

Figure 1.2 Week 4 (15/10/2024) Final proposal ppt.



Task 2 _Interaction Design Planning and Prototype

Students are required to work on their visual design and start planning their website’s interactive design elements and features. Unlike traditional static website, when it comes to interactive design where animations are present, the plan not only should include the layout visuals but also the animation example or reference. Students can build their animation or user-reference animation to demonstrate the intended idea.

Requirements:
  • Walkthrough Video presenting the plan and showing the animation examples and/or references.
  • Online posts in your E-portfolio as your reflective studies with links to any resource involved in the creating of the plan. (i.e.: Figma link, Miro link, etc.)

 SUBMISSION 

  
Figure 1.3 Week 8 (12/11/2024) Figma prototype link.


Figure 1.4 Week 8 (12/11/2024) Figma link.

Figure 1.5 Week 8 (12/11/2024) Video presentation.




Final Project_Thematic Interactive Website

Students will synthesise the knowledge gained in task 1, 2 and 3 for application in task 4. Students will create integrate visual asset and refine the prototype into a complete working and functional product experience.


 SUBMISSION 


Submission: ILIAfinalproject




          REFLECTION          

I learned a lot about creating a website using Adobe Animate thanks to Mr. Shamsul's guidance. He taught us patiently, and at first, I was unsure if I could make my website as accurate as my prototype. However, I found that the final outcome was even better than my prototype. I did encounter some errors while using Adobe Animate, such as frames disappearing and some buttons not working, but I'm glad I was able to finish everything on time.


Comments

Post a Comment

Popular posts from this blog

Design Principles [Task 1 : Exploration]

-
Image
02.06.2024 - 02.20.2024  / week 1 - week 3 Sheryne Axellia Putri / 0367267 / Bachelor of Design (Honours) in Creative Media Design Principles   Task 1 TABLE OF CONTENTS 1. Lectures 2. Instructions 3. Feedback Task 2 →            LECTURES                   Week 1    02.06.2023 - Introduction 1. Recap the design principles listed below: • Gestalt theory • Contrast  • Emphasis  • Balance • Repetition  • Movement  • Harmony & Unity • Symbol • Word and Image  Visual Communication → Utilising a well-thought-out design to convey purposeful messages to the target audiences. A Work Of Design↷  ↪Elements of design (Individual "building blocks") - Point - Line -Shape - Form - Texture - Space - Colour ↪Principles of Design (Fundamentals that result from the arrangement of the elements) - Contrast - Balance - Emphasis - Rules of Third - Repetition/Pattern/Rhyth...
Read more

Advanced Typography [Exercises: Typographic Systems & Type & Play]

-
Image
22 .04.2024 - 15.05.2024  / week 1 - week 4 Sheryne Axellia Putri / 0367267 / Bachelor of Design (Honours) in Creative Media Advanced Typography Exercises TABLE OF CONTENTS 1 . Lectures 2. Instructions     - Task 1     - Task 2 3. Feedback 4. Reflection 5. Further Reading Task 2→ Task 3 →            LECTURES           Week 1    22 .04.2024 Typographic Systems There are eight major variations with an infinite number of permutations: Axial Radial Dilatational Random Grid Modular Transitional Bilateral The typographic systems are akin to what architects term shape grammars. The typographic systems are similar in that the systems have a set of rules that is unique and provides a sense of purpose that focuses and directs the decision making." (Elam. 2007) A shape grammar is a set of shape rules that apply in a step-by-step way to generate a set or language, of designs.  While some may fee...
Read more

Intercultural Design [Project 1: Proposal]

-
Image
  02.05.2024 - 02.23.2024  / week 1 - week 3 Sheryne Axellia Putri / 0367267 / Bachelor of Design (Honours) in Creative Media Intercultural Design  Project 1 TABLE OF CONTENTS 1. Lectures 2. Instructions 3. Feedback 4. Reflection Project 2→            LECTURES           Week 1    02.05.2024 - Introduction Culture & Design  Figure 1.1 Week 1 (02/05/2024). Visuals → Everything that can be seen  →   This definition is wide, all-inclusive including nature (nature is not culture), unless there’s meaning and representation attached to it.               →  Everything produced or created by humans that can be seen →   proposes that the visual is everything that can be seen and which is produced or created by humans for the purpose of visual representations that have functions, content, and communicative purpose. Figure 1.2 Week 1 (02/0...
Read more