Berlian Johanna ( 0360054 )

Berlian Johanna / 0360054 Interactive Design/ Bachelor of Design in Creative Media (Hons)  Interactive Design: Final Compilation & Reflection Links Interactive Design work : Interactive Design: : Exercises 1 & 2 Interactive Design : Exercise 3 Interactive Design - Project 1 :Prototype Design Interactive Design : Project 2 - Working Web Page Interactive Design : Final Project - Creating a Single-Page Website for Your Favourite Artist   Exercise 1, 2 & 3 Fig. 1.1 Exercise 1 Web Analysis Interactive Design - Web Analysis - Google Slide Fig 1.2 Exercise 2 Web Replication ( Ocean Index ) Fig 1.3 Exercise 2 Web Replication (Morgan Stanley | Global Leader in Financial Services) Exercise 3 Creating a Recipe...

Berlian Johanna / 0360054 Interactive Design/ Bachelor of Design in Creative Media (Hons)  Final Project - Creating a Single-Page Website for Your Favourite Artist     Instructions Final Project  Project Overview: In this web design project, you will create a single-page website dedicated to your favorite artist. This project will help you develop your web design and development skills while allowing you to showcase your passion for the artist of your choice. Project Requirements: Artist Selection: Choose your favorite artist as the subject of your website. It can be a musician, painter, actor, or any other creative individual or group. Ensure you have a genuine interest in the artist, as this will help you create a more engaging website. Content: Your single-page website should include the following sections:  Header with the arti...

Berlian Johanna / 0360054 Interactive Design/ Bachelor of Design in Creative Media (Hons)  Project 2 - Working Web Page     Instructions Project 2 - Working Web Page The objective of this assignment is to transform your 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 your original prototype. Review your static prototype from Project 1 and analyze its layout, typography, color scheme, and imagery. Use HTML and CSS to translate the design elements into code, ensuring a faithful representation of the original prototype. Aim for pixel-perfect precision while maintaining responsive design principles to ensure compatibility across different devices and screen sizes. Upload the file in Netlify and submit the link here. Update your e-portfol...

Berlian Johanna / 0360054 Interactive Design/ Bachelor of Design in Creative Media (Hons)  Exercise 3 : Creating a Recipe Card Interactive Design : Exercise 1 & 2     Instruction In this exercise, you will create a recipe card using HTML and CSS. The goal is to design a basic webpage that displays a recipe's ingredients and instructions in a visually appealing format. Create an HTML file named "index.html." Create a section that displays the following information: Recipe title Include necessary images for the page List of ingredients Step-by-step cooking instructions Create an external CSS file named "style.css." Apply CSS rules to style your recipe card. Use CSS selectors such as element selectors (e.g., body, h1, ul), class selectors (e.g., .recipe-title, .ingredient-list), and ID selectors (e.g., #instructions) to style different parts of the card. Process Fig 1.1 Make html Folder Make ht...

Berlian Johanna / 0360054 Interactive Design/ Bachelor of Design in Creative Media (Hons) Project 1 : Prototype Design       Instructions Task For our first project, we need to create a special first page for a website that we think looks a bit strange. This first page is what people see when they come to the website for the first time, so it's really important to make it look good. We are going to fix the problems with how the website looks and make sure it's easy for people to use. 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 based on their importance and relevance. 2. Layout and Visual Design: Design the layout of your dig...

Berlian Johanna / 0360054 Interactive Design/ Bachelor of Design in Creative Media (Hons) Exercises   Instructions Exercise 1 Web Analysis Instructions : 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 summarizing 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 qual...