Interactive Design Project 3

28.8.2023-27.11.2023 (Week 8-Week 14)
ZHAO GUANMEI / 0363166 
Interactive Design/ BDCM
Project 3-Creating a Single-Page Website for Your Favourite Artist

---

INDEX

Ideation

Research

Sketches

Degitalisation

Final Project 3:Creating a Single-Page Website for Your Favourite Artist

---

INSTRUCTION

---

Project 3:Creating a Single-Page Website for Your Favourite Artist

In this web design project, we 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:
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.

Ideation

Thw artist I choosed (G)-Idle,I created G(I)-DLE's page to share information with other fans, and create a passionate and resonant community. This website is also a platform for me to express my creative and design talents, and I hope to make a small contribution to the group.

Fig 1.0-1.1 (G)-idle group photo 

Research

Refference from pinterest:

Sketches

I have create three deffrent website layout.

Degitalisation

gallery refference:How To Create an Image Gallery With Horizontal Scroll (w3schools.com)

logo and header HTML view

members photo introduction HTML &CSS

Contact logo &hyperlink-HTML

Final Project 3:Creating a Single-Page Website for Your Favourite Artist

Final webpage link:https://creative-raindrop-a3268c.netlify.app

---

Reflections

Experience:

I like to design a web page by myself, which I think is a good experience, but I still often face the design that I can't do alone, which means that I need to study the design of the web page more hard. I think writing code is a very new field for me, I am very interested in it and it is also very challenging.

Observations:

Before starting, I often look for inspiration by looking at a large number of web design works.After repeatedly checking the teacher's teaching and searching the Internet for how to show different designs in code, I observed that most of the code changes have a lot of reasonable rules, mainly do more exercises will be familiar with the master, can save time, but also have more opportunities to make ideal web design.

Findings:

This task is very time consuming for me, and I still need more learning to master the relationship between design and code. I often find that the webpage does not work after writing css code, or I am not sure whether some functions should use html code or css code, and I am always confused and confused in the process. It takes a lot of time to fully understand how it works, but I'm happy that I learned what I love about design, I understand the basics of user interface design, and I want to continue to strengthen my abilities.

---