Posts

Showing posts with the label Advanced Interactive Design

Advanced Interactive Design/Task 3

Image
Myra Elida Binti Abd Azis (0358516) Advanced Interactive Design | Bachelors of Design (Hons) in Creative Media Task 2:  Interaction Design Planning and Prototype Module Infomation Booklet Task 3: Requirement:  Students will synthesise the knowledge gained in tasks 1 and 2 for application in task 3. Students will create integrated visual assets and refine the prototype into a complete working and functional product experience,  a minimum of 5 working pages. Deploy the final website to  Netlify or GitHub . Add the link to your blog (e-portfolio). As a backup plan, upload the project folder to Google Drive as well. Make sure that the Google Drive link is set to public.  No video walk-through is required for this submission. I wanted to do everything in one file but figured that it might be easier to do in different files. I started working on the loading screen and landing first. Fig 1.1 Fig 1.2 Fig 1.3 At first, I wanted to combine loading, landing and homepage to...

Advanced Interactive Design/Task 2

Image
21/10/25-16/11/25 | Week 5-9 Myra Elida Binti Abd Azis (0358516) Advanced Interactive Design | Bachelors of Design (Hons) in Creative Media Task 2:  Interaction Design Planning and Prototype Module Infomation Booklet Task 2: We are required to work on our visual design and start planning on the website’s interactive design elements and features.  Requirements: Walkthrough Video presenting the plan and showing the animation examples and/or references. (Compulsary) 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.) I then started to look on Pinterest for images to use for the overall prototype. Fig 1.1 Pinterest Fig 1.2 Downloaded Images After finding all the images needed, I then began working on designing in Figma. Fig 1.3 Loading Page Fig 1.4 Landing Page with Component Used Fig 1.5 Landing Page Here is an overview of the wireframes. Fig 1.6 Wireframes 1 Fig 1.7 Wiref...

Advanced Interactive Design

 24/09/25-15/10/25 | Week 1-4 Myra Elida Binti Abd Azis (0358516) Advanced Interactive Design | Bachelors of Design (Hons) in Creative Media Task 1: Website Proposal Lectures Task 1 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 even...