Interactive Design : Final Compilation


Week 1 - Week 14 / 22.4.2024 - 3.8.2024 
Angel Tan Xin Kei / 0356117
Interactive Design / Bachelor of Design (Hons) in Creative Media
Final Compilation

⋆ ˚。⋆୨୧˚ Index ˚୨୧⋆ ˚。⋆

1. Exercises 
  • Web Analysis 
  • Web Replication 
  • Creating a Recipe card  
2. Project 
  • Project 1: Prototype Design  
  • Project 2 : Working Web Page  
  • Final Project: Single Page Web-Page
3. Reflection   

Quick links to my blog post:  

⋆ ˚。⋆୨୧˚Exercise ˚୨୧⋆ ˚。

Exercise 1: WEB ANALYSIS
1st Website:  


 
Exercise 2 : Web Replication


Final outcome comparison between Original and the Replicated versions of the websites :

Comparison of Replication (Left) and Original (Right)


Final outcome comparison between Original and the Replicated versions of the websites :
Comparison of Replication (Left) and Original (Right)


Exercise 3: Creating A Recipe Card
1st Website:  

⋆ ˚。⋆୨୧˚Project ˚୨୧⋆ ˚。

Project 1:Prototype Design 
 
Project 2 : Working Web Page  
 

 
Angel Tan Xin Kei Digital Resume.jpg

Angel Tan Xin Kei Digital Resume.pdf

Final Project: Single Page Web-Page  



My Website in PDF:


Presentation of My Websites:



HTML Doc:

CSS Doc:



⋆ ˚。⋆୨୧˚Reflection˚୨୧⋆ ˚。

Observation 
Throughout these web development modules, I observed the critical role of structure and design in creating functional and appealing websites. The web replication exercises highlighted the diverse approaches to layout, navigation, and styling across different sites, providing a comprehensive understanding of best practices. Analyzing these elements reinforced the importance of semantic HTML for content organization and CSS for visual consistency. Additionally, my subsequent projects, including a recipe cookbook and my own portfolio, allowed me to apply these principles and witness the impact of meticulous design and coding on user experience.

Experience 
The cumulative experience of these exercises was transformative in my journey as a web designer. Replicating existing websites honed my attention to detail and deepened my understanding of web structures. Creating a recipe cookbook from scratch was particularly enlightening, as it required a balance of logical content organization and creative design. Designing my own portfolio was a culmination of these learnings, allowing me to showcase my skills and personal aesthetic. This project emphasized the importance of a cohesive and intuitive design that reflects my identity and expertise. Each exercise reinforced my coding abilities, enhanced my design sensibilities, and provided practical insights into the web development process. 

Findings 
Through these modules, I found that a strong foundation in both the technical and creative aspects of web development is essential for creating effective websites. The web replication exercises demonstrated the value of understanding and analyzing existing designs, which informed my approach to my own projects. Working on the recipe cookbook solidified my grasp of HTML and CSS, highlighting the importance of clean code and thoughtful design. Designing my portfolio brought all these elements together, underscoring the significance of a well-rounded skill set. Overall, these experiences have equipped me with the knowledge and confidence to tackle diverse web development challenges, fostering continuous growth and improvement in my craft.

Comments

Popular posts from this blog

Information Design / Exercises

Game Development // Task 2: Art Asset Development

Information Design / Project 1: Animated Infographic Poster