INTERACTIVE DESIGN - FINAL PROJECT


Wu ziyang / 0368325

Interactive Design / Bachelor of Design (Honours) in Creative Media

Final Project - Mental Health Theme Website

Introdction



Project Overview:
In this web design project, you will create a one-page website dedicated to your favorite topic. This project will help you develop your web design and development skills while allowing you to demonstrate your passion for your chosen topic.

Project Requirements:
ARTIST CHOICE: Choose your favorite theme for your website. Make sure you are genuinely interested in the theme as this will help you create a more attractive website. Determine the goals of your website to ensure clarity of content.

Content:
Your content should contain at least 5 sections explaining the topic of interest. It should be engaging and relevant to the topic. You should also include a CTA button that reflects the content.  

Design Elements:
Choose a color scheme and font that reflects the artist's style or your taste.
Make sure the layout is visually appealing and balances the use of text and multimedia.
Create a responsive design that adapts to different screen sizes (for mobile devices).

Navigation: Implement smooth scrolling navigation or simple menus that allow users to jump to different parts of the page.

Interactivity: consider adding interactive elements such as image sliders, hover effects or lightboxes for multimedia content.

Sketch



Prototype Progression



HTML






CSS






This is the effect of the website I finally made.



I made a jump in my popular songs and ablums section, where I can always show different pictures!

Website link：https://musical-longma-3ac0dd.netlify.app

Reflection：
This phase of the assignment was the most difficult of all the phases I went through. First of all, the star I chose was the Chinese pop singer Xue Zhiqian. I found her songs and sincerity very appealing to me, and my story with her was very suitable for this website, so I chose her as the main character of the website. Secondly, I did encounter some technical problems while writing this website, which I solved by searching the Internet and discussing with friends. I think this experience is very valuable to me. When this website was finished, I was very excited because my learning this semester bore fruit and proved that programming is very regular. Once you find the pattern, you can do anything you want. I found this very interesting.



Comments

Post a Comment

Popular posts from this blog

Brand Corporate Identity | Task 1: Breaking Brand

Image
23.09.2024 - 07.10.2024 / Week 1 - Week 3 Wu Ziyang / 0368325 Brand Corporate Identity / MKT62404 / Bachelor of Design (Honours) in Creative Media Task 1: Breaking Brand Table Of Contents LECTURES  INSTRUCTIONS TASK  FEEDBACKS  REFLECTIONS  FURTHER READING Lectures Brand Corporate Identity is an integral part of graphic design discipline as it focuses on the visual integrity of a brand. As such the module introduces students to the basics of identity design and the effective use of symbols in the area of visual communication. What is a brand? "A brand is a person's gut feeling about a product, service, or company while companies can't control this process, they can influences it by communicating the qualities that make this product different than that product. "When enough people arrive at the same gut feeling, a company can be said to have a brand. In other words, a brand is not what you say it is. It's what they say it is." It is a mental construct shared b...
Read more

Publishing Design

Image
WU ZIYANG / 0368325 Publishing Design / Bachelor of Design (Honours) in Creative Media / Taylor's University Task 1 INSTRUCTION Lectures Lecture 1  （Formats） The book Publications: books, nnewapapers, magazines The book is a medium to document andtransmit, ideas, knowledge, records, historyand so much more. Format Question:  In your view, what factor/sinfluence and determine the format of abook? age user Historical Format lran-lraq =Mesopotamian civilization Egypt = Ancient Egyptian civilization, India-Pakistan-Afghanistan = Indus Valley civilization, China = Han Chinese civilization Europe (Turkey & beyond) = European civilization Innovation almost always shadows technologyNew technology creates opportunity. lf thetechnology has potency it would have acascading effect on other areas of life. Fig. 1.1 Regions For  Mesopotamia Denise Schmandt-Besserat(1995)   contends in her essay on the token system “Record Keeping Before Writing,” that“lt is remarkable that the ...
Read more

Interactive Design-EXERCISE 1&2

Image
Interactive Design- Exercise 1 23/4/2023- 2023（week1-week ） Wu Ziyang/0369288 Interactive Design / Bachelor of Design (Honours) in Creative Media Exercise 1 - Web Analysis TABLE OF CONTENTS  1. Instructions 2. Lectures  3. Exercises  Instructions Lectures Week1 The teacher asked us to choose two websites we want to analyze among the given links. 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 organization. Consider the website's performance, including its load times, responsiveness, and compatibility with different devices and browsers. Week 3 Key Elements of a website: Header Body Footer ...
Read more