Interactive Design - Final Compilation & Reflection
Ting Wen Yi / 0361799
Interactive Design/Bachelor of Design (Hons) in Creative Media
Final Compilation & Reflection
INSTRUCTIONS
Exercises 1-3 : Exercises
Project 1: Prototype Design
Project 2 : Working Web Page
Final Project : Single Page Lifestyle Microsite
SUBMISSION
Exercise 1 - Analyzing 2 Websites
29/8/2023 - 5/9/2023 : (Week 1- Week 2)
Figure 1.1 Analyzing 2 Websites - PDF slides, Week 1 (2/9/2023)
Exercise 2 - Web Replication
5/9/2023 - 12/9/2023 : (Week 2 - Week 3)
Website 1: Ocean Health Index
Website 2: Morgan Stanley
Figure 2.1 Website 1 Replication - Week 2 (9/9/2023)
Figure 2.2 Website 2 Replication - Week 2 (9/9/2023)
Exercise 3 - Creating a Recipe Card
3/9/2023 - 10/9/2023 : (Week 6 - Week 7)
3/9/2023 - 10/9/2023 : (Week 6 - Week 7)
Final Website Link: Click Here!
Figure 3.1 Recipe Card PDF- Week 7 (10/10/2023)
Figure 3.2 HTML Code - Week (10/10/2023)
Figure 3.3 CSS Code - Week 7 (10/10/2023)
Project 1 - Prototype Design – Digital Resume/CV
19/9/2023 - 3/10/2023 : (Week 4 - Week 6)Figure 4.1 CV Final Design - Week 4 (29/9/2023)
Figure 4.2 CV Figma Prototype - Week 4 (29/9/2023)
Project 2 - Working Web Page
9/10/2023 - 24/10/2023 : (Week 7 - Week 9)
9/10/2023 - 24/10/2023 : (Week 7 - Week 9)
 |
| Figure 5.1 Screenshot from Website - Week 9 (24/10/2023) |
 |
Figure 5.2 Screenshot from Website (Responsive View) - Week 9 (24/10/2023) |
Figure 5.3 HTML Code - Week 9 (24/10/2023)
Figure 5.4 CSS Code - Week 9 (24/10/2023)
Final Project: Single Page Lifestyle Microsite
24/10/2023 - 28/11/2023 : (Week 9 - Week 14)
24/10/2023 - 28/11/2023 : (Week 9 - Week 14)
Lauv Website Link: Click Here!
 |
| Figure 6.1 Screenshot of Final Web Design - Week 14 (28/11/2023) |
Figure 6.2 HTML Code - Week 14 (28/11/2023)
Figure 6.3 CSS Code - Week 14 (28/11/2023)
REFLECTION
Experience
Throughout this semester, I learned a lot of coding, HTML and CSS. It was a fun and enriching experience to leaning about HTML. Although I know that it was just a tip of an iceberg. But through the skills I learn I can create many more simple websites. However, there's a crucial aspect I aim to develop further: the ability to critique my own work without solely relying on a lecturer's feedback. Mastering this self-evaluation skill is the next step in my journey toward artistic autonomy.
Observation
Upon observing, I've noticed that using divs and containers significantly aids in organizing the HTML structure. Initially, I was confused about their function, but the more I work with them, the clearer their purpose becomes.
Findings
I've found that learning coding is like learning accounting —it's either you grasp it or you don't; there's no middle ground. When confusion arises, progress halts, but with understanding, deeper learning follows. I've discovered that coding demands patience and attention to detail since troubleshooting errors and identifying what doesn't work is crucial."
Comments
Post a Comment