Advanced Interactive Design - Final Project

-

10.12.2024

Graciella Limpah / 0364517 

Advanced Interactive Design / Bachelor of Design (Honours) in Creative Media / Taylors University 
Task 3

INSTRUCTIONS


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.

For final project, I utilize my prototype and make it into a website in animate. For my prototype and final project, I was doing a new girl group band from korea, named Meovv and introducing them through this thematic website. Here is the process: 

First, the start page or loading page. I keep it simple by using shapes and make the shape tween from left to right with orange color.
fig 1.1 Loading page

Next, the homepage. There are two section on the home page, the first one is member popping out and introducing their names with the yellow banner, followed by the second page where there is a button to the member page and music page.

fig 1.2 First section of home page

fig 1.3 Second section of home page

Continue with the member page. In this page, the member picture pop-up one by one with the transition, each of the member picture can be click and opens out their own information. Moreover, there are also music and homepage button to go to music and homepage.

fig 1.4 Member page

Here is when the member picture are being clicked. There are information of the member, and few buttons including left and right arrow, and close button on the top right. The left and right arrow can change the member's picture and the close button can go back to the member page.

fig 1.5 Member page

fig 1.6 Member page after arrow being clicked

Lastly, is the music page. There are 3 buttons, the first one is to go to youtube page, second to go member page and last one is to go homepage.
fig 1.7 Music page

Submission Link : 

FEEDBACK

Week 12
Mr Shamsul said that everything was ok, and he suggest me to add sound to the button.

REFLECTION

Before starting this final project, I honestly doubted whether I could complete it. I was completely new to Adobe Animate and had no idea how to create a website using the software. It felt overwhelming, and I was really stressed about it. However, in Week 10, I began working on the project during class with my friend, and I managed to finish the loading page right there in class. That moment was a huge relief and a confidence boost because I initially thought I wouldn’t be able to handle Animate at all.  

As I continued working on the Animate file, I encountered plenty of trial and error, buttons not working, text displaying in the wrong fonts, and other frustrating glitches. But with persistence, I eventually got everything to work.  

For me, this task was quite stressful since it was my first time using Animate, but as I progressed, I started finding the process fascinating and even enjoyable. By the end, I was proud of what I accomplished despite the challenges.

Comments

Post a Comment

Popular posts from this blog

Publishing Design

-
Image
23.04.2025 Graciella Limpah / 0364517  Publishing Design / Bachelor of Design (Honours) in Creative Media / Taylors University  JUMPLINKS Lectures Instructions Exercises Book Final Layout LECTURES Publishing Design: Formats Types of Publications There are various types of publications, including books, newspapers, magazines, and digital publications. However, the primary focus is on books, due to their historical significance and influential role in the publishing industry. Designing Books Designing a book demands a deep understanding of typography, spatial awareness, an eye for detail, and proficiency in publishing software like Adobe InDesign. Key design considerations include target audience (e.g., children’s books), content type (e.g., visuals, diagrams), and physical factors (e.g., paper type, binding). Historical Context of Book Formats The course ...
Read more

Information Design - Exercises

-
Image
04.02.2025 Graciella Limpah / 0364517  Information Design / Bachelor of Design (Honours) in Creative Media / Taylors University  Exercises LECTURES Type of Infographics Infographics are effective to increase engagement and capturing audience’s attention. It is a powerful way of communicating ideas in a visual form. 8 types of infographics : List Infographics  Statistical Infographics  How-to Infographics  Timeline Infographics  Comparison Infographics  Map and location Infographics  Flowchart Infographics  Process description Infographics  1. List Infographics A list infographic is a visual way to present information using a written list. It combines text with design elements to make the content more engaging and easy to understand. By adding visuals, it grabs attention and helps people remember key points, especially when showing statistics.  2. Statistical Info...
Read more

Creative Brand Strategy - Project 1

-
Image
12.03.2025 Graciella Limpah / 0364517  Creative Brand Strategy / Bachelor of Design (Honours) in Creative Media / Taylors University  JUMPLINK INSTRUCTIONS TASK 1           TASK 1A          TASK 1B INSTRUCTIONS go up TASK 1 Week 1 - Meeting with TBS and SLAS Knowing what to do for the module, sharing the activities per week (timetable) until week 14 Creating a teams together with the supervisor Put in names in google sheet Task 1(A) - Rebranding Proposal Research First, we lookup through brands that have been rebrand. We first came out with Dior, but unfortunately...
Read more