Tan Sin Mi (0368821)

21.04.2024 - 03.08.2024 (Week 1 - Week 15) Tan Sin Mi (0368821) Interactive Design  Final Compilation & Reflection INSTRUCTIONS Exercises:  Web Analysis Web Replication Creating a Recipe Card Project 1:  Prototype Design - Digital Resume / CV Project 2:  Working Web Page Final Project:  Creating a Single Page Website SUBMISSIONS PROJECT 1: Prototype Design - Digital Resume / CV 15.05.2024 – 28.05.2024 | Week 5 – Week 6 Figure 1.1 Figma Outcome.pdf Figure 1.2 Figma Outcome...

29.06.2024 - 03.08.2024 (Week 10 - Week 15) Tan Sin Mi (0368821) Interactive Design Final Project CONTENT Instructions Final Project - Creating a Single Page Website Reflection INSTRUCTIONS   FINAL PROJECT - CREATING A SINGLE PAGE WEBSITE Requirement: 1. Project Overview In this web design project, you will create a single-page website dedicated to your favorite topic. This project will help you develop your web design and development skills while allowing you to showcase your passion for the topic of your choice. 2. Project Requirements Artist Selection: Choose your favorite topic as the subject of your website. Ensure you are genuinely interested in the topic, as this will help you create a more engaging website. Decide the site's goal to ensure that the site has clear content. 3. Content Your content should have at least 5 sections that explain the topic of interest. It should engaging and significant to the topic. You shou...

29.05.2024 - 29.06.2024 (Week 6 - Week 10) Tan Sin Mi (0368821) Interactive Design Project 2 CONTENT Instructions Project 2 - Working Web Page Reflection INSTRUCTIONS   PROJECT 2 - WORKING WEB PAGE Objective: In this first part of the assignment, you  will focus on creating a UI design prototype for your digital resume or curriculum vitae (CV) using prototyping software such as Adobe XD or Figma. The UI design prototype will showcase the layout, visual elements, and user interface interactions of your digital resume. Objective: This assignment aims to create a fully functional and interactive web page based on our Project 1 static prototype. Using the skills we learned in web layout class, we will produce a functional website that closely resembles our initial prototype.  ...

04.06.2024 - 11.06.2024 (Week 7 - Week 8) Tan Sin Mi (0368821) Interactive Design Exercise 3 CONTENT Instructions Exercise 3 - Creating a Recipe Card Feedback References INSTRUCTIONS   EXERCISE 3 - CREATING A RECIPE CARD We are required to choose ONE (1) recipe from the link given. Review the website that we selected carefully, taking note of its design, layout, content, and functionality. Identify the strengths and weaknesses of the website and consider how they impact the user experience. First, I visited the website that given by lecturer to look for a recipe. I chose a Grapefruit Sorbet recipe as the recipe for this exercise. Figure 1 Grapefruit Sorbet recipe After chosen a recipe, I started design the recipe card by using Adobe Dreamweave...

15.05.2024 - 28.05.2024 (Week 5 - Week 6) Tan Sin Mi (0368821) Interactive Design Project 1 CONTENT Instructions Project 1 - Prototype Design: Digital Resume / CV Feedback References INSTRUCTIONS   PROJECT 1 - PROTOTYPE DESIGN: DIGITAL RESUME / CV Objective: In this first part of the assignment, you  will focus on creating a UI design prototype for your digital resume or curriculum vitae (CV) using prototyping software such as Adobe XD or Figma. The UI design prototype will showcase the layout, visual elements, and user interface interactions of your digital resume. Requirements: 1. Content and Structure: Prepare the content for your resume, including personal details, education, work experience, skills, projects, and other relevant sections. Decide on the order and hierarchy of sections base...

23.04.2024 - .02.2024 (Week 4 - Week 5) Tan Sin Mi (0368821) Interactive Design Exercise 2 CONTENT Instructions Exercise 2 - Web Replication Feedback References INSTRUCTIONS   EXERCISE 2 - WEB REPLICATION We are required to replicate TWO (2) existing main pages of the websites from the link given to gain a better understanding of their structure. Choose any two from the link given. Follow the dimensions of the existing website from the width and height. This exercise will help you develop your design skills using software such as Photoshop or Adobe Illustrator and gain insights into web design best practices.  Morgan Stanley Bandit Running Ocean Health Index Required: We can use an...

23.04.2024 - .02.2024 (Week 1 - Week 3) Tan Sin Mi (0368821) Interactive Design Exercise 1 CONTENT Instructions Exercise 1 - Web Analysis Reflection INSTRUCTIONS   EXERCISE 1 - WEB ANALYSIS We are required to choose TWO (2) websites from the link given. Review the website that we selected carefully, taking note of its design, layout, content, and functionality. Identify the strengths and weaknesses of the website and consider how they impact the user experience. Write a brief report summarizing our findings and recommendations. The websites that I have chosen are from CSS Wi nner. 1. CSS Winner [link] Purpose and Goals From the bottom of the website, we could clearly know that CSS Winner was a unique global platform awarding and showcasing the best websites and promoting innovativ...