Posts

Showing posts with the label Interactive Design

Interactive Design - Final Compilation

Image
24.4.2024 - 3.8.2024 Ruthlene Chua Zhen Si 0365222  Bachelor of Design (Honours) in Creative Media - Interactive Design Final Compilation and Refection Instruction Link To Task Exercise Project 1 (Prototype Design) Project 2 (Working Web Page) Final Project (Single Page Website) Reflections INSTRUCTION   Exercise 1  Website 1: https://www.thebluerenaissance.earth/ Website 2: https://www.sushidelic.net/ Design & Layout  Goal: The purpose of the website is to promote and sell their organic fruit drinks online and ship it all around the places.  Design & Layout : The product is to stress out the nature organic ingredients of this particular juice, therefore they choose forest as the main background color and blue as their ancillary color, this is because their mainly product of juice is blueberry, the combination of the colors makes good appearance to the product and so as the website. The layout and hierarchy are nicely placed, size of font are also in the...

Interactive Design - Final

Image
2.7.2024 - 3.8.2024  Ruthlene Chua Zhen Si 0365222  Bachelor of Design (Honours) in Creative Media - Interactive Design Final Project: Creating a Single- Page Website Jumplink  Exercise Project 1 Project 2 Final Compilation  INSTRUCTION   FINAL TASK Requirements: Lifestyle Theme Selection: Choose a specific lifestyle theme (e.g., fitness, travel, fashion, food, wellness) that interests us Design a single-page microsite with at least five distinct sections: Introduction: Captivating headline and brief description of the lifestyle theme. Featured Content: Core content related to the theme, such as articles, tips, or guides. Photo Gallery: Interactive gallery showcasing high-quality images related to the lifestyle theme. Expert Interviews or Testimonials: Quotes or short video interviews from experts or enthusiasts. Get Involved or Subscribe Call-to-action section for user engagement (e.g., subscribe or follow on social media). Visual Design: Create a visually appe...

Interactive Design - Project 2

Image
19.6.2024 - 29.6.2024 Ruthlene Chua Zhen Si 0365222  Bachelor of Design (Honours) in Creative Media - Interactive Design Project 2 - Working Web Page Instruction Task  Reflections INSTRUCTION   Task_Working Web Page For this particular task, we need to review and analyze our static prototype from Project 1, focusing on its layout, typography, color scheme, and imagery.  Next, use HTML and CSS to translate these design elements into code, ensuring the implementation closely matches the original prototype.  Strive for pixel-perfect accuracy while also ensuring the design is responsive and compatible with various devices and screen sizes.  Finally, upload the completed file to Netlify, update your e-portfolio with a detailed blog documenting the entire process, and submit the link as your final submission. The webpage for self-resume has been completed during project 1, therefore for this assignment, we can start to move forward to convert them into coding in ...

Interactive Design - Project 1

Image
13.5.2024 - 28.5.2024 Ruthlene Chua Zhen Si 0365222  Bachelor of Design (Honours) in Creative Media - Interactive Design Project 1 - Prototype Design  Instruction Task Feedback Reflections INSTRUCTION   Task Task Requirement:  We have to use either Adobe XD or figma to create our own resume. This prototype should include structured content such as personal details, education, work experience, skills, and projects, organized in a logical and prioritized manner.  Focus on designing the layout with consistent typography, color palette, and appropriate spacing, incorporating relevant visual elements like images and icons.  Ensure the prototype is responsive and adheres to web design best practices, including accessibility and usability.  At first we are told to create our own sketches before starting to digitized them. These are the few sketches that a draw and the references that I founded.  Sketches : I choose to digitized the first sketch and this ...