INTERACTIVE DESIGN/FINAL COMPILATION & REFLECTION

 

30.08.2023 - 29.11.2023 (Week 01 - Week 14)
TAN JIE YING / 0353959 / BACHELOR IN DESIGN OF CREATIVE MEDIA
INTERACTIVE DESIGN
FINAL COMPILATION & REFLECTION

Exercises 01: Web Analysis


Exercise 02: Web Replication

Website 01 

Figure 1.1 Final (Web 01)


Compare

Figure 1.2 Compare (Web 01)

Website 02 

Figure 1.3 Final (Web 02)

Compare


Figure 1.4 Compare (Web 02)

Exercise 03: HTML and CSS Document Development

Final HTML and CSS Document Development



Figure 1.5 Final Recipe Card


Project 1/ Prototype Design

Final Prototype Design

Figma Link

Figure 2.1 Final Chosen Color Palette


Figure 2.2 Final Prototype Design

Figure 2.3 Final Prototype Design PDF

Project 2/ Working Web Page

Final Working Web Page
WebPage

Figure 3.1 Final Web Page- Desktop Version

Figure 3.2 Final Web Page- Mobile Version


Figure 3.3 Final Web Page HTML and CSS 

Project 3/ Single-Page Website for Favourite Artist

Final Single-Page Website

Figure 4.1 992PX Size


Figure 4.2 430PX Size


Figure 4.3 HTML and CSS Code


REFLECTIONS

Over the past 14 weeks, I have gained a solid understanding of fundamental coding concepts commonly employed in website development. I am now proficient in using these concepts to construct a basic web page. Additionally, I have successfully incorporated more advanced features, such as carousels or photo galleries, utilizing code provided by Bootstrap and other coding resources.

However, this journey has been challenging, and I find myself experiencing fatigue and stress. Crafting a webpage is a complex task that demands considerable effort and concentration to prevent errors, such as misaligned positions or non-functional buttons. Despite the challenges, I have persevered and honed my skills, ultimately gaining a deeper appreciation for the intricacies involved in web development.




Comments

Post a Comment

Popular posts from this blog

DIGITAL PHOTOGRAPHY AND IMAGING - PROJECT 2

Image
Week 4 - Week 9 TAN JIE YING / 0353959 / BACHELOR IN DESIGN OF CREATIVE MEDIA DIGITAL PHOTOGRAPHY AND IMAGING PROJECT 2 Project 2A: Double Exposure Part 1 (Follow Tutorial) Figure 1.1 Part 1 Final Outcome Part 2 ( Own Portrait Double Exposure ) Figure 1.1 Part 2 Final Outcome Project 02B - Poster Design Final Poster: Figure 3.1 Maybank Final Poster Title: "Before The Storm" Summary: The concept of this poster draws inspiration from the yin-yang philosophy. Two tigers are positioned on opposite sides, locked in a captivating gaze, poised for battle at a moment's notice. The letter 'M' represents the sun. It was also the judge of this war. M= Maybank. The poster's composition, setting, and colors draw inspiration from the rich tapestry of Greek mythology. Reflection I have explored more layers, colors, and filters in this project to create a d ouble exposure. I 'm a changeable person. I consciously selected elements like clouds, rain, waves, and a grey backg...
Read more

INFORMATION DESIGN/ FINAL PROJECT

Image
    03.02.2025 - 23.03.2025 (Week 1 - Week 7) TAN JIE YING / 0353959 / BACHELOR IN DESIGN OF CREATIVE MEDIA INFORMATION DESIGN FINAL PROJECT INSTRUCTIONS Final Project: Infographic Video Animation In this group project, we have to create a basic video animation based on our FLIP research topic. Using a structured design framework, we aimed to present information engagingly to a target audience, focusing on one of three objectives : Creating awareness Explaining a process Defining a concept. Progress Week 1 - 3 We have grouped a team of 8 people.  Rachel Yeo Rong Qing (Group Leader) Jia Wen Bing Ruthlene Chua Zhen Si Liu Zi Yu Tan Jie Ying (Me) Isabel Tan Xen Wern Nadhrah Binti Abdul Razak Myra Elida Binti Abd Azis We came up with several topics, such as recycling, cybersecurity, women's safety, traffic safety, dengue fever, and more. After voting and receiving feedback from our lecturer, we finalized our FLIP topic as "Cybersecurity" . After confirming the topic, each of...
Read more

INFORMATION DESIGN/ PROJECT 1 & 2

Image
  18.02.2025 - 25.02.2025 (Week 3 - Week 4) TAN JIE YING / 0353959 / BACHELOR IN DESIGN OF CREATIVE MEDIA INFORMATION DESIGN PROJECT 1 INSTRUCTIONS Lecture Note Week 3 Miller’s Law states that the average person can hold 7 ± 2 items in their short-term memory at a time. I often apply Miller’s Law when I encounter words I don't know how to spell or complex words by breaking them into chunks to read and remember. For example: Unbelievable ( un - believe - able ) Week 4 Week 5 Tips for constructive workflow : 1. Understand the Question Clearly define what you are designing and its purpose. 2. Construct a Strategic Plan Gather data, analyze pros and cons, study case studies, and understand the workflow before proceeding. 3. Fill in the Blank Keep track of your progress by organizing, grouping, and labeling your work. 4. Get Some Inspiration and Ideas Explore references and insights to improve your design. 5. Set a Perimeter While ideas are limitless, focus on identifying strengths...
Read more