INTERACTIVE DESIGN - FINAL PROJECT

-

23/10/2023 - 10/12/2023 / Week  9 - Week 14
Thanaphorn Daensaad  / 0350930
Interactive Design / Bachelor of Design in Creative Media / Taylor's University
Final Project / Single-Page Website for Your Favourite Artist 

List:

Instruction
Project 3: Single-Page Website for Your Favourite Artist

Feedback

Reflection

Instruction




Final Project
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.
Biography: Include a brief biography or description of the artist's life and career.
Gallery: Showcase images, videos, or other multimedia related to the artist's work.
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.


1. References





I went on Pinterest to look for some inspirations of layout to study on. From the references on top, I planned to make a simple minimalistic layout design with a simple form of navigation bar so that it's easy to navigate and not that eyesore to look at. 


2. Study on the Artist's Web

I've discovered that the artist has a site that I could refer on that might help with my content. From the site, I took the iconic sloth image to make it as a favicon for the site. Since the site went on with a minimalistic style, I remained on the style I thought on before.





3. Choosing color scheme
I've chose on the color scheme from the images of his live performance and music video as I find it to be contrasting towards one another. The first image has sort of like a warm sunset shade color while the second image has sort of a cool color.




4. Sketches







5. Prototype on Figma



6. Coding on Dreamweaver

Html Code


CSS Code


Final Web Design



Feedback
Week 14
Continue exploring more options on Pinterest to get ideas on the blend of both colors in one site.



Reflection
My journey during this project was fine but there was so much work piled up that I neglected this work to the point that the time was getting closer to the submission date. Due to that, my work looks rushed to me at least since I know that I would have done better than that. To top it off, I've done web design for a favorite artist during my foundation year though it was through the use of wix. I kept with the same artist as I already have the info needed to start working on it.

This project made me wanting to hit my head against my desk alot due to the times that my codes were not working the way I want them to work. I was also mad when the work looks different as I was working on both my laptop and desktop. Due to that, the space to work on is different in terms of the final look. I was able to work on it after getting a hang on checking the work once every few codes here and there. 

Thankfully the internet was helpful when it comes to getting my codes fixed and also the youtube guiders that had helped me countless amount of times. Though mostly it's just me going on the video to get the link to the code for me to copy and paste then work on it to suit my site. The work is sort of fun if I had more time to add things like animation and so on. On top of that, I thought I was not allowed to add in Javascript since we didn't learn anything about it until I saw a student doing it which got me thinking that I could have done a better job. I would say I'm somewhat happy with the final outcome.

Comments

Post a Comment

Popular posts from this blog

SONIC DESIGN - EXERCISES / AUDIO FUNDAMENTALS

-
Image
21/04/2025 - 13/05/2025 (Week 1 - Week 4) Thanaphorn Daensaad / 0350930 Sonic Design / Bachelor of Design (Hons) in Creative Media Audio Fundamentals List Lectures Instructions Exercise 1: Equaliser Exercise 2: Sound shaping Exercise 3: Sound in space Feedback Reflection Lectures Week 1 / 21/4/2025 On the first week of self-directed learning. we were required to have Adobe Audition installed for the upcoming tutorial class we would be having on Tuesday. We are also required to create a blog as this week's attendance submission. We first learnt about the fundamentals of sound, how the sound travels and how we percieve sound. Lecture 1: Sound Fundamentals and Equaliser Sound - a vibration of air molecules that stimulates our eardrums. Nature of sound 3 Stages of sound: Production - source of sound Propogation - medium where sound travel...
Read more

ANIMATION FUNDAMENTALS - LECTURE & EXERCISE

-
Image
23/09/2024 - 23/01/2025 / Week 1- Week 14 Thanaphorn Daensaad / 0350930 Animation Fundamentals / Bachelor of Design (Hons) in Creative Media Weekly Lecture & Exercises List 1. Instructions 2. Weekly Lectures 3. Exercise 1: Bouncing Ball 4. Exercise 2: Ball With Tail 5. Feedback 6. Reflection Instruction Weekly Lectures Week 1 This is the first week of class. Mr. Kamal briefed us on the work that we will be working on throughout the semester. The assessment consists of exercises, project 1,2 and a final project. We were first asked on our knowledge on animation in terms of the principles and the history of it. He talked on the birth of Toys Story being the first 3d animated film and also Bugs' life. He gave us a brief introduction to frames and more. It could lead up to 24 or 12 frames per second. We were shown examples of past students' work in order to get a brief understanding of the expectation's of our outcome. The founder of Pixar, John Lasseter wrote an article on...
Read more

MINOR PROJECT

-
Image
23/09/2024 - 06/01/2025 / Week 1- Week 14 Thanaphorn Daensaad / 0350930 Minor Project / Bachelor of Design (Hons) in Creative Media Final Compilation & Reflection / WarisanXR List Instructions Minor Project Feedback Reflection Instruction Minor Project Proposal Presentation TrueXR Proposal G8 Minor Project by Ian Choo Xin Zhe Final Presentation WarisanXR Final Presentation by REEMA ARIF HAMZA MIRO Board Final Project Tracking Document Feedback Refer to Project Tracking Document for weekly feedback.  Reflection Week 1 D – Describe Objectively What Happened In the first week, Mr Mike introduced us to the class briefly before he told us to get in a group of 7 people of mixed specialisation. He showed us the past projects that the semester before us had done which was quite interesting. Mr Mike was trying to prove to us the point that it doesn't matter what background we have whether it being design, computing or etc as long as our first initiative was to solv...
Read more