Michelle (0373843)

23.06.25 - 21.07.25 (Week 10 - Week 14)  Michelle (0373843) Interactive Design / Bachelor of Design (Honours) in Creative Media / Taylor's University Final Project: Website Redesign Proposal TABLE OF CONTENTS 1. Instructions 2. Process Work 3. Feedback 4. Reflection INSTRUCTIONS For final project, we are expected to create a website, realizing our ideas and plan from both the redesign proposal and prototype. PROCESS WORK Chosen Website: CV Nice Socks Redesign Website Link:  Google Drive Folder: FEEDBACK Week 10 No class, tutorial is shared in classroom, so no feedback. Week 11 Create containers first (div) and make sure everything is inside of it. Getboothstrap.com & w3school - Remember to insert CDN & JavaScript code. But script must be the last element before Components: card, carousel, accordion, button,  Carousel - change height to 100vh - make sure each image are the same size Project name needs to be named index, if not when deploy ...

21.05.25 - 20.06.25 (Week 6 - Week 9)  Michelle (0373843) Interactive Design / Bachelor of Design (Honours) in Creative Media / Taylor's University Project 2: Website Redesign Prototype TABLE OF CONTENTS 1. Lectures 2. Instructions 3. Process Work 4. Feedbacks 5. Reflection LECTURES Week 6 (12/05/25) CSS : Rule how the style of content in an element displayed. 2 different type of element Block element: elements added in a new line (e.g. body, p, h1). By default, the display width of block element is 100%. Inline elements (e.g a, bold, italic). ID & CLASS attribute can be applied to all HTML to uniquely identify (give a name to element) ID   2 elements can't have the same ID value. CLASS Can have several html with the same value. Property and value separated with a colon ends with semi colon Method to employ CSS External CSS (most common): create a separate document for CSS, then link to the HTML fil...

21.05.25 - 26.05.25 (Week 1 - Week 6)  Michelle (0373843) Interactive Design / Bachelor of Design (Honours) in Creative Media / Taylor's University Project 1: Website Redesign Proposal TABLE OF CONTENTS 1. Lectures 2. Instructions 3. Process Work 4. Feedback 5. Reflection LECTURES Week 1 (12/05/25) Lectures in exercise 1 post . Week 2 (12/05/25) Lectures in exercise 2 post . Week 3 (05/5/25) Website Structure - foundation of an accessible and user-friendly website. Affects: UX . Target: User finds information easily and keeps engaged. First impression: determining credibility/trust. SEO (Search Engine Optimization): Keywords for the website content. Website performance. Website's 3 Key Elements (Website deconstruction) Header : provide quick access to essential information. E.g. logo, navigation, search. Body : main content. E.g. multimedia elements:...

28.04.25 - 04.05.25 (Week 2)  Michelle (0373843) Interactive Design / Bachelor of Design (Honours) in Creative Media / Taylor's University Exercise 2: Web Replication TABLE OF CONTENTS 1. Lectures 2. Instructions 3. Process Work      3.1 HYPE: Tatto Studio      3.2 Purely Elizabeth 4. Feedback 5. Reflection LECTURES Design thinking process - main concern is user. Observe problems & empathize Ideate solution (problem solving) - Doesn't need to be huge solutions. Prototype Test Repeat Usability = The effectiveness of a design/product to be utilized by user. Part of UX. High usability = guide user to easily achieve goals. User should be able to find their way easily to ahieve objective without any expert knowledge. 5 Usability Principles Consistency , harmony across different elements, navigation ...

21.04.25 - 28.04.25 (Week 1)  Michelle (0373843) Interactive Design / Bachelor of Design (Honours) in Creative Media / Taylor's University Exercise 1: Web Analysis TABLE OF CONTENTS 1. Instructions 2. Process Work     2.1 First Website: End Speciesism     2.2  Second Website: KBS Kids       2.3  Third Website: HYPE Tattoo       2.4  Fourth Website: Lusion       2.5  Fifth Website: Career Pathways   3. Feedback 4. Reflection INSTRUCTIONS In class on the first week, an overview of the whole module (from MIB briefing to useful instructions and advices) was given by Mr. Shamsul.  Summary: Will learn Front End Coding: HTML & CSS + JavaScript.  HTML is open source: copy-paste is not plagiarism. This module will use teams fully. Necessity: Adobe Dreamweaver/Microsoft Visual Studio Code. We must bring our laptop in every class. Ne...