Interactive Design (GCD60109)/Final Project

 Jovan Cornelius Irwan / 0364526

Interactive Design / Bachelor of Design (Honours) Creative Media / Taylors University 

LECTURE

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.

INSTRUCTION

PROGRESS

First i made some presentations about they website layout, color palette, topic, and font 

and then start working in figma apply all the guide line for the layout and insert all images 

after that i continue adding models above the homepage and insert all the content that i need to make my website and i am doing some research what brand that support Ducati and the history of Ducati Panigale V4 and the end i create "contact us'

after completing the design i asked my lecturer for feedback and my lecturer told to proceed it

and then i move to dreamweaver to make a code

first i make html code after that i make a style css to make it similar to my design also i make navigation and hover effect at the button

after all done i upload it to netlify and here is the link

: https://ducati-v4-jovanwang.netlify.app/   (here)

REFLECTION

At first, I thought it would be easy, but I realized it's a bit difficult and requires some research to reflect on the topic that I picked. Honestly, it's quite fun exploring how we can create navigation and hover effects in buttons just by using code. This module is difficult for me because it's the first time I've encountered coding. Because of this module, I've learned a lot since I've never had experience in designing a website and turning it into usable code.