Interactive Design - Final Project

 11/11/2022 - 2/12/2022 (Week 11 - Week 14)

Anna Chin Siaw Fong / 0354370 
Interactive Design / Bachelor of Design (Honours) in Creative Media / Taylor's University
Final Project


LECTURES

Completed. All lectures can be found in Interactive Design - Exercises.


INSTRUCTIONS

<iframe src="https://drive.google.com/file/d/1dnGXD7LLgJc6rPdothtAfZVSbIth7_PS/preview" width="640" height="480" allow="autoplay"></iframe>

Final Project

For this project, we were to code an entire working website. I started off by doing sketching my ideas for my pages. 
Fig 1.0 Tour and merch page sketch
Fig 1.1 Music and videos page sketch

After I had an idea on how my pages should look like, I started coding the pages. 

Fig 1.2 Coding landing page

Fig 1.3 Styling landing page

Fig 1.4 Coding tour page

Fig 1.5 Styling tour page

Fig 1.6 Coding merch page

Fig 1.7 Styling merch page

Fig 1.8 Coding music page

Fig 1.9 Styling music page

Fig 1.10 Coding videos page

Fig 1.11 Styling videos page

After I was done coding the entire website, I proceed to style my website so that it suits mobile view. I had to style it on every CSS of my page.

Fig 1.12 Styling for mobile view

Final Project Submission

Link: https://annachin-finalproject.netlify.app/


FEEDBACK
  • Looks good
  • Can use inspect to check what's wrong with that part

REFLECTION

I really enjoyed this final project. It was really fun. There were times where I struggled because I did not how why the pages appears that way but in the end, I was able to solve it. I have learnt a lot and this has definitely added to my knowledge of coding. The knowledge gained will definitely be helpful for the future module which is "Advanced Interactive Design".
 

Comments

Popular Posts