Interactive Design - Final Project

 

18.9.2023 - 1.10.2023 (Week 10 - Ending Week )
Tai Tong En / 0363164
Interactive Design / BDCM
Final Project / Creating A Single Page Website for Favourite Artist

INSTRUCTION

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 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

First, I need to open image, index and style.css folder. Then, I open DW and link the html and css file.





The progress in the DW. (html code and css code)




The image that I put inside the website.





My artist's primary skill is dancing, therefore I wanted a cooler look, so as I was working on this project, I wanted to utilise black, white, and grey as my primary colours.




Final Outcome

https://taitongen-finalproject.netlify.app/





Comments

Post a Comment

Popular posts from this blog

Publishing Design - Task 1

Image
  Week 1 -Week 7 Tai Tong En / 0363164 Publishing Design / Bachelor of  Design (Hon) in Creative Design  Task 1: Exercises INSTRUCTION LECTURES 1. Lecture 1 -Historical Format Numerous civilizations have had a significant influence on how we record and disseminate knowledge, according to research on the historical format growth of books. 1.1 Mesopotamia Civilization (Iran-Iraq) According to Denise Schmandt-Besserat's research, the earliest writing system replaced counting technology. Bullae developed from simple and sophisticated tokens, paving the way for pictographic writing on clay tablets.   1.2 Ancient Egyptian Civilization (Egypt) The only people who could read and write Hieroglyphics were Egyptian scribes, who recorded information on papyrus, a unique paper created from the pith of the papyrus plant. 1.3 Indus Valley Civilization (India-Pakistan-Afghanistan) One of the oldest writing systems was cuneiform, which was employed on soft clay tablets for trade, gov...
Read more

Publishing Design - Task 3A

Image
  Week 5 -Week 11 Tai Tong En / 0363164 Publishing Design / Bachelor of  Design (Hon) in Creative Design  Task 3A: Book LECTURES Lectures are done in  Task 1 - Exercises INSTRUCTION WEEK 1 - WEEK 4 1. Task 1 & Task 2 - Content Generation & Visual Design 1.1 Text Formatting - Visual Design Before start doing task 3A, we need to do a write up of 3000 words on on any subject that are familiar with and divided into 3 chapters and each chapter must have 2 subtexts and 1 pull quote. Identify 16 areas in written text for visualization, I use medium that is suitable for my topic - illustration. 1.2 Text Formatting - PDF 1.3 Content Generation - Visuals Design - PDF WEEK 5 - WEEK 7 Task 3A - Book 1. Book - Instructions The binding method shall be predetermined to be staple binding (saddle binding). The book is of 32 pages, which is smaller than A4 and bigger than A5.  After developing content (text and visuals) the next stage is to determine the format (size...
Read more

Publishing Design - Task 3B

Image
  Week 9 -Week 13 Tai Tong En / 0363164 Publishing Design / Bachelor of  Design (Hon) in Creative Design  Task 3B: E-Book-Brand Guideline LECTURES Lectures are done in  Task 1 - Exercises INSTRUCTION WEEK 9 Task 3B - E-Book - Brand Guideline 1. Brand Guideline - Instruction In this task will be required to adapt the printed book have designed for the purpose of on-screen reading or the like.  The design of the digital publication will be dependent on the device it will be read from or the type of format used - ePub/PDF/HTML.  Presently most digital books are in the ePub/eBook format (How To Create a Fixed Layout Ebook with Adobe InDesign CC) or a PDF interactive.  To explore and decide on an appropriate format subject to the task type or hardware used. Focus on is navigation between pages; this has to be well thought through, as the user interface must not be an obstacle to seamless reading.  Innovative use of the relevant features to increas...
Read more