Interactive Design - Final Project: Single-Page Website for Favourite Artist
24/10/2023 - 10/12/2023 Week 9- Week 15
Ng Jia Ern 0363033
Bachelor
of Design (Honours) in Creative Media
Interactive Design
Final
Project: Single-Page Website for Favourite Artist
LECTURE NOTES
Refer to another blog
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.
PROCESS
Do some research on my favourite artist and prepare the information that I
need for my web page.
Use Figma to do a low-fidelity prototype:
Prototype 2:
I find images and create assets that I need.
Fonts chosen:
Design a profile pic for the artist:
Design a distribution line:
How to add video background:
Layered parallax effect:
Coding:
Final Outcome:
Link to Wlop artist webpage:
https://ngjiaernfinalproject.netlify.app/
REFLECTION
I found this assignment extremely enjoyable, primarily fueled by my
admiration for the paintings of a particular artist. I just love the
characters, art style, and colour palette in his works. Without
hesitation, I chose to create a website dedicated to this painter.
I realized that creating a desktop website is relatively
straightforward, but things get challenging when it comes to making it
responsive. I spent more time on the responsive part, encountering
many puzzling aspects. There were moments when the code seemed
flawless to me, yet the outcome wasn't as expected. In the end, I put
in my best effort to achieve the best possible results, leaving a few
unsatisfactory elements unaddressed due to time constraints. If I have
the opportunity in the future, I plan to self-learn HTML, CSS, and
JavaScript to refine and solve the existing issues.
Comments
Post a Comment