Interactive Design Final Project

28.10.2023-.10.12.2023(week10-week15)
Guan Wee Lun/0364012
Interactive Design/Bachelor of Design in Creative Media
Project 1 CV Prototype

Content

  1. Lectures
  2. Instruction
  3. Final Project
  4. Feedback
  5. Reflection

Lectures

    refer to lecture in task 1


Instruction 



Final Project 

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 artist's name and a brief tagline.
Introduction: Provide an overview of the artist's background and why you admire them.
Gallery: Showcase images, videos, or other multimedia related to the artist's work.
Biography: Include a brief biography or description of the artist's life and career.
Contact Information: If applicable, include contact details or links to the artist's social media profiles.

Design Elements:
Choose a color scheme and fonts that reflect the artist's style or your personal 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.

Progress

Idea

For this project, I first think of Hayato Miyazaki, as it's my childhood animator, I adore it when I am a kid, watching spirited away. But later on, I am thinking of local artist that I adore of which is Zeen Chin a Malaysian Chinese artist. his illustration style is with darkness and a little of sexual. All of his character all Japanese flat design. 

Figure 1.1 Zeen Chin artwork 1

Figure 1.2 Zeen Chin artwork 2

Visual Reference


Figure 1.3 reference 1

Figure 1.4 reference 2


Figure 1.5 reference 3

Sketches


Wireframe

Figure 1.5 wire frame

Color Pallet

Figure 1.6 Color Pallet

HTML


CSS Style




Figure 1.7 screenshot 


Feedback


Reflection

Experience


Observation


Findings

Comments

Popular Posts