Advanced Interactive Design - Final project & portfolio

LI YANXI ( 0361436 )

Bachelor of Design In Creative Media

Final project

                                                                                                                                            

Instructions 

                                                                                                                                            

Final project

Website page layout design

First，i design the layout on Figma with Task 1-2, and i'll following the deign to make my final project.

Fig 1.1 Website design(Figma)

Website Animation

First, sir let us doing the website on An, so i start to doing the first part : Welcome page.

Fig 2.1 Welcome page

So this is what i'm doing with the welcome page.

Fig 2.2 Welcome page

Fig 2.3 Welcome page

This is the final with the welcome page, i put the icon and the speech bubbles into it， and in the final, it will have the moving and sounds on it.

Fig 2.4 Welcome page

This is what i'm doing with the loading page, this little dot will jump when you see it.

Fig 2.5 Loading Page

And this is one of the page of my website, when you click the cat bag , then you will see the page, and you can see this arrow, it can jump, even if you don't click on every picture on the home page, but you can reach every picture by clicking the arrow

Fig 2.6 One of page for Cat Bag

Final Outcome

Final website : Cat house - presentation & walkthrough video

• Netlify link: 

https://liyanxi-finalproject.netlify.app/

• Google Drive link:

https://drive.google.com/drive/folders/1rG_YvYWs4JAvqOqv4MQMknpMa4qly_iA?usp=sharing

• Video presentation & walkthrough link:

https://youtu.be/0OEA7PnER3k

Feedback

• It looks OK, but some places may be a bit monotonous.

Reflections

This semester, the teacher took us step by step in class to learn a lot about An software, and we learned a lot. Moreover, our entire offline course was arranged very full by the teacher. Even when we did not meet online, the teacher would record the screen or courseware for us to learn some professional knowledge, which is a point that I am very satisfied with.

The teacher was very responsible this semester, so I also learned some skills and practical techniques of An software, although it really takes time and energy to complete. When the teacher assigned us the website homework, he hoped that we could practice the results from the learning, and I think I did it. I am still quite satisfied with my results, and the final project effect looks good. Although it is not a particularly complex result, I think the learning process is very valuable.