Interactive Design / Final Compilation & Reflection
23/04/2024 - 03/08/2024 (Week 1 - Week 15)
Isabel Tan Xen Wern / 0355602 / Bachelor in Creative Media / Taylor's University
Interactive Design / GCD60904
Final Compilation & Reflection
JUMPLINK
INTRODUCTION
Figure 1.1
Mib (02/08/24)
EXERCISES SUBMISSION
EXERCISE 01 : WEB ANALYSIS
The goal of this website is to showcase the nominees and the winners for the title site of the day for April 27th. The title is very large in size and easily catches the viewers attention first, and below the moving words also easily catches the viewers attention which is also important information. The website very clearly shows the winners and neatly arranges each website with the links so that it is easy for the viewer to take a look at the winner websites.
On the computer there is a navigation tab that stays on your screen so if needed to change sections or go back up, you can easily press the home button or the section you are interested in and it would take you directly to that particular section of the website.
Even on a different device, in this case a phone, the navigation tab still remains but the design has been made smaller to accommodate the smaller device but it is still clear and easy for viewers to use and navigate their way around the website.
At the very end of the website, there is a navigation section that shows how you can contact them and other information related to the company site.
The website loads fine as the pictures al show up quick but on the phone when you scroll all the way to the bottom, it takes the website a few seconds to load every winner and their websites and makes it hard for viewers to reach the bottom to the contact section.
On the very top of the site there is a 2 line bar for phone and this —- for computer.
However this site takes slightly longer for the photos to load than the rest of the information
In most of the winners profiles, at the bottom there is a link to their information however how some, there isn’t which isn’t consistent.
They did include a search bar for the winners incase viewers are searching specifically for a particular winner
And at the bottom they showed very clearly each platform to contact them from and the link to their accounts
The color of this website is mostly black and white without including the photos included which isn’t very eye-catching in my opinion, the website appears very professional and formal.
This website doesn’t have too much information and sections however everything is more straight to the point and doesn’t add too much words that makes the viewers get bored.
The main points of the article are stated clearly.
EXERCISE 03 : RECIPE CARD
Netlify link: https://penneallavodka.netlify.app/
PROJECT 1: PROTOTYPE DESIGN - RESUME/CV SUBMISSION
FINAL PROJECT: DESIGN, EXPLORATION AND APPLICATION SUBMISSION
E-portfolio : CLICK HERE
FINAL REFLECTION
This Module truly tested my patience and served as a significant learning experience. Throughout the process, I encountered numerous challenges that required perseverance and problem-solving. One of the most frustrating aspects was figuring out where to place the ending </div> tags and how to structure my div elements correctly. This seemingly simple task often turned into a complex puzzle, and it took considerable effort to ensure that my HTML was properly organized. I also had problems organizing the CSS file in the Beginning which made me very confused and frustrated.
One of the key observations I made during this project was the discrepancy between how colors appeared in Dreamweaver compared to the actual website. This added another layer of complexity to the design process, as I had to constantly adjust and verify the colors to achieve the desired look. Another significant observation was the importance of file naming conventions when deploying websites. I discovered that the homepage file needed to be named index.html for Netlify to recognize and display it correctly. This seemingly small detail caused a significant delay and added to the overall stress of the project.
I realize that it has taught me invaluable lessons about HTML and CSS. I've gained a deeper understanding of the importance of proper HTML structure and the nuances of CSS styling. Moreover, I've learned the significance of patience and persistence in the face of technical challenges. This experience also highlighted the importance of having a supportive network. The guidance and encouragement of my friends and instructor played a crucial role in helping me navigate through the difficulties. This project has undoubtedly enhanced my web development skills and prepared me for future projects.
Comments
Post a Comment