Interactive Design/ Final Compilation & Reflection

23/04/2024 - 03/08/2024 / Week 1 - Week 15

Lim En Yu / 0354452

Interactive Design / Bachelor of Design (Hons) in Creative Media / Taylor’s University 

Final Compilation & Reflection

---

TABLE OF CONTENTS

Lectures & Exercise: Web Analysis, Web Replication & Recipe Card

Project 1: Prototype Design

Project 2: Working Web Page

Final Project: Single Page Lifestyle Microsite

---

SUBMISSIONS

Final Outcome for Exercise 1: Web Analysis

Fig 1.1.1 Final Outcome for Exercise 1: Web Analysis, Week 2 (30/4/2024)

Final Outcome for Website Replication 1- Morgan Stanley

Fig 1.2.1 Final Outcome for Website Replication 1- Morgan Stanley (JPEG), Week 3 (10/5/2024)

Fig 1.2.3 Final Outcome for Website Replication 1- Morgan Stanley (PDF), Week 3 (10/5/2024)

Final Outcome for Website Replication 2- Ocean Health Index

Fig 1.3.1 Final Outcome for Website Replication 2- Ocean Health Index (JPEG), Week 3 (12/5/2024)

Fig 1.3.2 Final Outcome for Website Replication 2- Ocean Health Index (PDF), Week 3 (12/5/2024)

---

Final Outcome of Project 1 Prototype Design:

Fig 2.1 Final Outcome of Project 1 Prototype Design (JPEG), Week 6 (28/5/2024)

 

Fig 2.2 Final Outcome of Project 1 Prototype Design (PDF), Week 6 (28/5/2024)

Fig 2.3 Final Outcome of Project 1 Prototype Design, Week 6 (28/5/2024)

---

Final Outcome for Project 2: Working Web Page

Final Web Page Link: https://project2-limenyu.netlify.app/

Fig 3.1 Final Outcome for Project 2 Working Web Page, Week 10 (30/6/24)

Fig 3.2 Final Outcome for Project 2 Working Web Page (Responsive Version), Week 10 (30/6/24)

Final Outcome for HTML and CSS code:

Fig 3.3 HTML code for the final outcome of Working Web Page, Week 10 (30/6/24)

Fig 3.4 CSS code for the final outcome of Working Web Page, Week 10 (30/6/24)

---

Final Outcome for Final Project: Single Page Lifestyle Microsite

------------ Final Website Link ------------

Fig 4.1 Final Outcome for Final Project: Single Page Lifestyle Microsite, Week 15 (31/7/24)

Fig 4.2 HTML code for Final Project, Week 15 (31/7/24)

Fig 4.3 CSS code for Final Project, Week 15 (31/7/24)

Fig 4.4 Javascript for Final Project, Week 15 (31/7/24)

---

REFLECTION

Experience

At the end of this semester, I cannot imagine I able to complete all the assignmenets and officially finish this module already! I was so satisfied but still a bit cannot believe that I will not meet this module anymore(haha). Throughout so many projects in this module, I know that my strength was not here :D However I did tried my best in all the projects and I think it is not that bad! My favourite project will be the final project, although it was the hardest and most frustrated one but I think I did the best for that project. May be this is because my knowledge for this module has been accumulated and I get used to it already.

Observations

The most obvious observation will definitely be my improvements throughout this semester! My knowledge for coding has start from 0 to 50 (I think 50 considered high already), and now I can even create a website! This is what I cannot do before this semester, and after this semester I have improved and able to do so. On the other hand, my improvements on website design also improved a lot, I know more and more throughout this journey. Until the last project I finnaly know what is javascript and also boostrap this very useful website!

Findings

As all of the coding related stuff I think it is very hard, therefore I really admire and think that every UI/UX designer that created amazing and incredible website. When I know nothing about coding, I did not think much when I saw those very nice website, what I thought was just "oh is this something I can do using Wix?" Now only I know that how many efforts and times they have put it, they definitely did not use Wix to do it! All in all, I find this module was very useful, and intersting, but I personally think it does not suits me :D May be that's why I go for digital animation.