Interactive Design - Final Project

23/06/2024 - 28/07/2024 

Week 11 - Week 14

You Siyuan (0366978) / Bachelor Of Design In Creative Media

Interactive Design / Final Project | / Design, Exploration and Application

TABLE OF CONTENTS

1. Lecture

2. Instructions 

3. Project 2: Work web page

4. Reflect

Lecture


Instructions 





Project 2: Work web page
Project Overview:
In this web design project, you will create a single-page website dedicated to your favorite topic. This project will help you develop your web design and development skills while allowing you to showcase your passion for the topic of your choice.

Project Requirements:
Artist Selection: Choose your favorite topic as the subject of your website. Ensure you are genuinely interested in the topic, as this will help you create a more engaging website. Decide the site's goal to ensure that the site has clear content.

Content:
Your content should have at least 5 sections that explain the topic of interest. It should engaging and significant to the topic. You should also include one CTA button that reflects the content.  

Design Elements:
Choose a color scheme and fonts that reflect the artist's style or your taste.
Ensure a visually appealing layout with a balanced use of text and multimedia.
Create a responsive design that adapts to different screen sizes (mobile-friendly).

Navigation: Implement smooth scrolling navigation or a simple menu that allows users to jump to different sections of the page.

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


I chose a game design and production that I really like.

Fig .1.1color selection




Fig.1.2figma draft



Fig1.3process

HTML



CSS





Reflect

This semester is my first contact with website design. Starting from the basics, I learned basic code, syntax, and logic. Gradually, I realized that it's not easy to create the web pages we visit every day. Coding requires not only skill, but also beauty and functionality in the design of the layout, and this is the importance of CSS. I also taught myself JavaScript and added some sliding effects to the web page to make it more lively and interesting.
​In this process, I deeply understand the importance of patience and perseverance. Learning to code for the first time opened my eyes to the fun of it. Although the process of making the web page was a little difficult, I felt a great sense of accomplishment when I saw the results achieved through coding. Although my future major does not involve coding, this learning experience will be invaluable for me to learn any new knowledge in the future.
​I am very grateful that I have been exposed to different knowledge this semester, and I look forward to creating more excellent works in the future. This learning experience not only enriched my skills, but also increased my confidence in tackling challenges.





















Comments

Post a Comment

Popular posts from this blog

Sonic Design/Project 3: Audio Storytelling

Image
  09/11/2024 - 30/11/2024 (Week 08 – Week 11) You Siyuan / 0366978 Sonic Design / Bachelor of Design (Honours) in Creative Media / Taylors University Project 3: Audio Storytelling INSTRUCTION EXERCISE We did a little exercise in class. We need to choose a short story to voice. I chose Valley View Automotive. 1.Valley View Automotive Item Description Gender Male or Female Length :30 Target Demographic Men between twenty and forty years of age Character / Narrator Announcer Vocal Direction Hard sell, anticipation, authoritative, thrilling Are you ready for this? Valley View Automotive's got all of the hottest SUVs you've been looking for! This week only, enjoy a test drive and the opportunity to drive one of these powerful vehicles off the lot for half the price! Yes, half the price! Nows the time to get yourself to Valley View, by car, on foot, or even by air to take advantage of this outrageous sale - you'd better get here quickly, ‘cause this promotion is only going on for...
Read more

Information Design/Final Project

Image
  03/02/2025 - 17/03/2024 (Week 01 – Week 07) You Siyuan / 0366978 Information Design / Bachelor of Design (Honours) in Creative Media / Taylors University Final Project CONCENT INTRODUCTION FINAL PROJECT FEEDBACK REFLECTION INTRODUCTION FINAL PROJECT Introduction Based on FLIP group topic research, produce a basic video animation. Using a processed design framework, you will now produce an infographic report to present the given information to a ‘target audience’ with the purpose of: Creating awareness Explaining a process Defining a concept Any time based media and software using photography, vector imagery. Organization Principles – LATCH and Content Organization Aesthetic Principles – Animation principles Cognitive Principles – Principles of visualization The presentation must be deliberated on, consider each assessment rubric of sorts to your final outcome: Show causality Multivariate graphics and visuals Integrate word number and images Content count Within eye...
Read more

Information Design Progect 1&2

Image
You Siyaun / 0366978 Information Design / Bachelor of Design (Hons) in Creative Media  Progect 1&2 CONCENT INTRODUCTION LECTURE PROJECT 1&2 FEEDBACK REFLECTION INTRODUCTION LECTURE WEEK 3 Key Concepts: Chunking  – People can better remember information when it is grouped into meaningful  chunks  rather than presented as individual elements. Cognitive Load  – If too much information is presented at once, it exceeds the brain’s processing capacity, leading to confusion or forgetfulness. Applications in Design & Communication: User Interface (UI) Design: Menu options or navigation links should be grouped into 5-9 items per section for better usability. Education & Learning: Breaking down complex concepts into small, manageable chunks enhances comprehension and retention. Marketing & Advertising: Product messages should be short, concise, and structured within the memory limit to maximize impact. Limitations & Modern Updates: Some later resea...
Read more