Advanced Interactive Design/Task 3

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 together. But, I figured it might over complicate the process in the future. After that, I started working on the about and labor pages. I had to find different pictures as the ones I had before were different art styles. Thankfully, I found ones that have the same art style to make more consistent.


Fig 1.4


Fig 1.5


Fig 1.6


Fig 1.7


Fig 1.8


Fig 1.9


Fig 1.10

Lastly, finishing the website off with the aftermath after Heracles completed the 12 labors.


Fig 1.11

Netlify Link

Google Drive Link

Comments

Post a Comment

Popular posts from this blog

Information Design / Final Project

Image
Week 1 - Week 7 Myra Elida Binti Abd Azis / 0358516 Information Design Final Project INSTRUCTIONS INSTRUCTION: Based on FLIP group topic research, produce a basic video animation. DESCRIPTION:  Using a processed design framework, you will now produce an infographic report to present the given information to a ‘target audience’ with the purpose of: 1. Creating awareness (such as Global Warming, Recycle, etc.) 2. Explaining a process (such as "how to" video) 3. Defining a concept (such as "What is Fast Fashion", "What is Color Wheel", etc.) Any time based media and software using photography, vector imagery. Design Considerations: ● Organization Principles – LATCH and Content Organization ● Aesthetic Principles – Animation principles ● Cognitive Principles – Principles of visualization Output Expectation: The presentation must be deliberated on, consider each assessment rubric of sorts to your final outcome: ● Show causality ● Multivariate graphics and visua...
Read more

Publishing Design

Image
Week 1 - Week 14 Myra Elida Binti Abd Azis / 0358516 GCD61404 / Publishing Design Module Information Booklet Lectures Publishing Design : Formats (1) Typography Software Recommendation Adobe InDesign is the preferred software for book design; Adobe Illustrator is not suitable due to file size and workflow inefficiencies. Historical Timeframes Reference BC (Before Christ) dates count backward from year 0, CE (Common Era) counts forward; examples include Mesopotamian tablets (~7000 BC), paper invention (179–241 BC), and Quranic parchments dated close to Prophet Muhammad’s time. Mesopotamian Record-Keeping Clay tokens and tablets served as the earliest forms of written records related to accounting and a...
Read more

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...
Read more