Posts

Showing posts with the label Advanced Interactive Design

Advanced Interactive Design - Final Project: Completed Thematic Interactive Website

Image
14.06.2024 - 05.08.2023 / Week 9 - Week 16 Lim Rui Ying / 0358986 Advanced Interactive Design / Bachelor of Design (Hons) in Creative Media Final Project: Completed Thematic Interactive Website INSTRUCTIONS FINAL PROJECT: Thematic Interactive Website In the final project, we need to refine the prototype and develop it into a fully functional interactive website using Adobe Animate. Task requirements: Publish files and folders (HTML, CSS, Javascript, etc) Upload the published files and folders to Netlify Video presentation and walkthrough of your project Process I began working on my website, page by page, based on the techniques Mr Razif taught us during tutorial classes. My website features interactive elements and animations including hover effects, endless horizontal scrolling text, custom cursors and page transitions. The development process was tedious and challenging which required extensive testing and debugging. The m

Advanced Interactive Design - Task 2: Interaction Design Planning & Prototype

Image
20.05.2024 - 13.06.2023 / Week 5 - Week 8 Lim Rui Ying / 0358986 Advanced Interactive Design / Bachelor of Design (Hons) in Creative Media Task 2: Interaction Design Planning & Prototype INSTRUCTIONS TASK 2: Interaction Design Planning & Prototype This is a continuation of Task 1. In this task, we need to plan the website's interactive elements by demonstrating the animations. This can be done using Figma or After Effects, or by finding animation examples or references. Task requirements: Storyboard the animations (on load, in page, off-screen) to showcase how the animations play. Create animations or find similar animation references to be included in the website. Storyboarding animations: On load animation: Animations that occur when a webpage or content initially loads.

Advanced Interactive Design - Task 1: Thematic Interactive Website Proposal

Image
25.04.2024 - 19.05.2024 / Week 1 - Week 4 Lim Rui Ying / 0358986 Advanced Interactive Design / Bachelor of Design (Hons) in Creative Media Task 1: Thematic Interactive Website Proposal INSTRUCTIONS TASK 1: Thematic Interactive Website Proposal A thematic interactive website focuses on a specific theme or concept and incorporates interactive elements to interact with users.  Task requirements: 1) Create a thematic interactive website proposal with one topic based on the following: A specific product of a particular brand launch/special (i.e.: Nike brand new shoe), Beauty product launch (i.e.: Sephora compact powder) Movie promotion Game release promotion Gallery/Museum exhibit launch Band/Artist's latest release Or any other topic (subject to the module coordinator’s approval) 2) Incorporate interactive components such as interactive graphics and clickable elements 3) The a

Advanced Interactive Design - Lectures & Exercises

Image
25.04.2024 - 02.08.2024 / Week 1 - Week 14 Lim Rui Ying / 0358986 Advanced Interactive Design / Bachelor of Design (Hons) in Creative Media Lectures & Exercises CONTENT Exercises Week 2: Animating Basic Shapes and Objects Week 3: Multiple Animations Week 4: Screen Navigation Week 5: Masking LECTURES WEEK 1 | Module Briefing We were given a module briefing on the lectures and tasks in this module. Mr Razif gave us an idea of the interactive website by browsing through existing websites on  FWA . Interactive websites engage users actively by allowing them to participate, explore and interact with the content in various ways. These websites usually incorporate  lots of visual feedback and interesting transitions and animations. WEEK 2 | Web Animation Fundamentals We learnt about the principles of web animations from Interactive Design Foundation and Ado