Interactive Design/Final Compilation & Reflection

29/8/2023 - 28/11/2023 / Week  1 - Week 14
Janice Marie Eng Chia Hui  / 0361521
Interactive Design / Bachelor of Design in Creative Media / Taylor's University 
Final Compilation & Reflection

---

Index

• Exercises
• Prototype Design
• Working Web Page
• A single page of your favourite artist 

---

Task

1. Exercises

Website analysis (29/8/23 - 5/9/23 )

Exercise 1 - Web analysis by Janice Eng

Web Replication (5/9/23-12/9/23)

Figure 1.1 Web Replication

Creating A Recipe Card (3/9/23-10/9/23)

===>Click here to view the Website<====

Figure 1.2 HTML code for final recipe card(10/10/23)

Figure 1.3 Final CSS code for recipe card(10/10/23)

Project 1: Prototype Design (19/9/23-3/10/23)

Figure 1.4 Final Prototype (2/10/23)

https://www.figma.com/file/WPw3qKzdTGakktZkW7l6cu/Prototype-Design?type=design&node-id=0%3A1&mode=design&t=7VvIQViYWK63bPH9-1

Project 2: Working Webpage (9/10/23-24/10/23)

------>>>>CLICK HERE FOR THE WEBSITE LINK<<<<-----

Figure 1.5 Final Webpage Screengrab(21/10/23)

Figure 1.6 Final HTML (22/10/23)

Figure 1.7 Final CSS (22/10/23)

Final Project: Single Webpage of your Favourite Artist (24/10/23-28/11/23)

Figma Link: Figma

=======>FINAL PROJECT WEBSITE LINK<=======

Figure 8.1 Screen grab of final web design (Week 15) (8/12/23)

Figure 8.2 Final Project Html + CSS + Js Code (8/12/23)

---

Reflection

In this module, delving into HTML, CSS, and JavaScript coding proved both challenging and surprisingly enjoyable. Recognizing there's always more to learn, especially in refining my design skills, I look forward to applying these concepts soon.

Coding, I've come to realize, is inherently logical and structured, akin to building blocks interconnecting. Understanding this logic makes the coding landscape more manageable, but without it, the journey can be stressful. Bootstrap and online tutorials were invaluable tools, simplifying this learning process and adding a layer of creative exploration to the experience.