Hanson Pea Wei Hao 0359463

22 April 2024 - 24 July 2024 || Week 01- Week 14 Hanson Pea Wei Hao || 0359463 Interactive Design || Bachelor of Design (Honours) in Creative Media || Taylor's University Final Compilation & Reflection Lists 1. Instructions 2. Submission 3. Reflections Instructions Exercise : Exercise Project 1: Prototype Design (Digital Resume/ CV) Project 2:  Working Web Page Project 3: Creating a Single-Page Website Back To Lists Submission Project 1: Prototype Design (Digital Resume/ CV) 13.05.2024 - 31.05.2024 || Week 04 - Week 06 Fig 1.1, Final Prototype Design (JPEG) Fig 1.2, Final Prototype Design(PDF) Project 2 | Working Web Page 19.06.2024 - 29.06.2024 || Week 09 - Week 10 < Digital Resume > Project 3 | Creating a Single-Page Website 04.07.24 - 03.08.24 || Week 11 - 15 < A Fan Page For IU > Back To Lists Reflections Experience: My experience in this class was very fun and challenging. Interactive design made a lot of changes in my idea with code and building a website. ...

04.07.24 - 03.08.24 | Week 11 - 15 Hanson Pea Wei Hao || 0359463 Interactive Design || Bachelor of Design (Honours) in Creative Media || Taylor's University Project 3: Creating a Single-Page Website Lists 1. Instructions 2. Reflections Instructions In this web design project, I need to create a single-page website dedicated to my favorite topic. This project will help to develop my web design and development skills while allowing me to showcase my passion for the topic of my choice. For Artist Selection, I have chosen IU which is a very famous K-pop for my website. After doing some references. I have made a proposal for it and ask feedback from Mr. Shamsul. Proposal: After getting approval from Mr. Shamsul, I started working on the prototype and this is what the phototype looks like. Fig 1.1, Prototype for website I started building code based on this prototype. Fig 1.2, First page of the website After doing the first version of my website, I got some feedback from my friend and...

19.06.2024 - 29.06.2024 || Week 9 - Week 10 Hanson Pea Wei Hao || 0359463 Interactive Design || Bachelor of Design (Honours) in Creative Media || Taylor's University Project 2: Working Web Page Lists 1. Instructions 2. Reflections Instructions This assignment aims to transform our static prototype from Project 1 into a fully functional and interactive web page. You will apply your knowledge of web layout class to create a working website that closely aligns with our original prototype. Review our static prototype from Project 1 and analyze its layout, typography, color scheme, and imagery. We need to use HTML and CSS to translate the design elements into code, ensuring a faithful representation of the original prototype. Project 1 (Static prototype): Fig 1.1, Static Prototype for digital resume Website for Project 1: Fig 2.1, preview for Html \ Fig 2.2, preview for CSS Fig 2.3, a preview of how the website looks Fig 2.4, a preview of how the website in difference device Final Ou...

13.05.2024 - 31.05.2024 || Week 04 - Week 06 Hanson Pea Wei Hao || 0359463 Interactive Design || Bachelor of Design (Honours) in Creative Media || Taylor's University Task 1: Prototype Design (Digital Resume/ CV) Lists 1. Instructions 2. Feedbacks 3. Reflections Instructions In this part of the assignment, we will need to focus on creating a UI design prototype for our digital resume or curriculum vitae (CV) using prototyping software such as Adobe XD or Figma.  Sketch Idea: fig 1.1, 5 Sketch idea Among all the sketch ideas, I choose Idea number 2 for my main design. Color Palette: For the color palette, I have chosen some popular colors from Coolors. Fig 1.2, C olor palette 1 Fig1.3,  color palette 2 Fig 1.4, Color palette 3 Fig 1.4, Color palette 4 Fig 1.5,  color palette 5 Among all the color palettes, It was really suffers to choose one to work with, so I experimented and chose palette 4 for my final color choice. Digitalize it in Figma: After I have chosen the sketc...

22.04.2024 - 16.06.2024 || Week 1 - Week 8 Hanson Pea Wei Hao || 0359463 Interactive Design || Bachelor of Design (Honours) in Creative Media || Taylor's University Exercises: HTML Document Development & HTML, CSS Document Development, CSS Layout Mode Lists 1. Lectures 2. Instructions 3. Feedbacks 4. Reflections 5. Further Readings Lectures Week 1: Understanding Website Structure Week 2: Anatomy of a Website For week two we need to read and understand this website: < The Anatomy of a Web Page: 14 Basic Elements > Week 3: Usability: Designing Products for User Satisfaction Week 4: The Web and Language Week 5: HTML & CSS Week 6: CSS Selector Back To Lists Instructions Exercise 1: Web Analysis For this exercise, we need to choose two websites from the link given and review the websites, which are The Webby Award , Awwwards , and Csswinner . and write a brief report summarizing our findings and recommendations. We have to analyze the purpose and goals of the website and...