Posts

Showing posts with the label Interactive Design

Interactive Design | Final Project

Image
Gao Yuan Yi  0373945 Interactive Design  / Bachelor of Design (Hons) in Creative Media / Taylor's University Final Project INTRUCTION Final Project Website Development: Implementation: Convert your prototype into a fully functioning website using HTML, CSS, JavaScript, and any other relevant technologies or framework (e.g., Bootstrap). Design Consistency: Ensure that the final design remains consistent with the approved prototype, including typography, color schemes, imagery, and layout. Responsive Design: The website must be fully responsive, adapting seamlessly to various screen sizes, including desktops, tablets, and mobile devices. Cross-Browser Compatibility: Ensure that the website functions correctly across multiple browsers (e.g., Chrome, Firefox, Safari, Edge). Core Features: Navigation: Implement a user-friendly navigation system that allows visitors to easily access all key areas of the website. Interactive Elements: Include any necessary interactive features, such ...

Interactive Design | Project 2

Image
Gao Yuan Yi  0373945 Interactive Design  / Bachelor of Design (Hons) in Creative Media / Taylor's University Project 2 INTRUCTION Project 2 The objective of this assignment is to translate your website redesign proposal into a functional prototype. This prototype should visually and interactively represent the proposed changes, demonstrating your ability to apply design principles and UX strategies effectively. Building upon your previous assignment (Website Redesign Proposal), you are now required to develop a prototype of the redesigned website. This prototype should reflect the proposed visual design and user experience improvements, providing a tangible representation of the final product. Prototype Development: Interactive Prototype: Develop a clickable prototype that includes key pages and features of the redesigned website. The prototype should allow users to navigate through the site and interact with essential elements. Tools: Use prototyping tools such as Adobe XD, ...

Interactive Design | EXERCISE 3

  Gao Yuan Yi  0373945 Interactive Design  / Bachelor of Design (Hons) in Creative Media / Taylor's University Exercise 3 INTRUCTION Exercise 2 -  Personal CV Page To design and build a personal CV page using basic HTML and CSS. This exercise will help organize information into sections, practice styling text, and create a clean, professional-looking page layout. Instructions: Add your name as the main header at the top of the page. Write a short paragraph describing yourself, your interests, and any hobbies. List your most recent education details. Include the institution name, year, and course or program. Create a bulleted list of at least five skills you have (these could be related to school, hobbies, or any other talents). Add a simple contact section with an email address and a link to any social media profile (optional).  Use different font sizes and weights to make sections and headers stand out. Choose a basic color scheme for the text and background. U...

Interactive Design | EXERCISE 2

Image
Gao Yuan Yi  0373945 Interactive Design  / Bachelor of Design (Hons) in Creative Media / Taylor's University Exercise 2 INTRUCTION Exercise 2 - Web Replication Our task is to replicate TWO (2) existing main pages of the websites given in the link below 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. You can use any image from stock image or free stock icon. The image that you will be using does not have to be an exact image from the original website. You may replace it with a similar image. Focus on the layout, type style, and color style. To find similar typefaces/fonts, you can download fonts from Google Fonts. You may need to screengrab the website and can begin to replicate the page. Links https://www.morg...

Interactive Design | Project 1

Image
Gao Yuan Yi  0373945 Interactive Design  / Bachelor of Design (Hons) in Creative Media / Taylor's University Project 1 INTRUCTION Project 1 Objective The objective of this assignment is to develop a comprehensive proposal for the redesign of an existing website. The proposal should demonstrate your ability to critically evaluate a website' s design and functionality, and to propose design solutions that enhance user experience, aesthetics, and performance. Assignment Description: You are required to select an existing website which you feel has several design and UX issue and prepare a detailed proposal for its redesign. The proposal should address the following key aspects: Website Analysis: Current Design Evaluation: Provide a critique of the current design, focusing on layout, color scheme, typography, imagery, and overall aesthetics. User Experience (UX):  Assess the site' s usability, navigation, accessibility, and responsiveness. Identify pain points or areas that c...

Interactive Design | EXERCISE 1

Image
Gao Yuan Yi  0373945 Interactive Design / Bachelor of Design (Hons) in Creative Media / Taylor's University Exercise 1 INTRUCTION Exercise 1 - Web Analysis Choose TWO (2) websites from the link given. Review the website that you've 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 summarising your findings and recommendations. What To Have in The Analysis: Consider the purpose and goals of the website, and evaluate whether they are effectively communicated to the user. Evaluate the visual design and layout of the website, including its use of color, typography, and imagery. Consider the functionality and usability of the website, including its navigation, forms, and interactive elements. Evaluate the quality and relevance of the website's content, including its accuracy, clarity, and organisation. Consider the website...