Interactive Design - Final Project - Single Page Website for Your Favorite Artist
23/10/2023 - 10/12/2023/ Week 9 - Week 15
Amelia Intan Cahyani/ 0355211
Interactive Design/ Bachelor of Design (Hons) in Creative Media
Final Project - Single Page Website for Your Favorite Artist
Instructions
Final Project - Single Page Website for Your Favorite Artist
Requirements:
Make a one-page website for your favorite artist. Put the artist's name at the top with a short tagline. Write a brief introduction and add a section about the artist's life. Include a gallery of pictures and provide contact details.
Choosing an artist:
From the beginning, I chose to focus on the singer Niki Zefanya
because I genuinely enjoy her music and am a fan.
Sketches and Prototype:
Sketches and Prototype
Prototype
Based on this, I received feedback to place the headings
(such as 'About Me,' 'Listen,' etc.) at the top.
Final Prototype
For the final adjustments, I decided to change the font to Helvetica -
Bold, and I made "NIKI" the logo.
Coding Process:
To start the process, I established a file titled "About Niki" to better
manage files in order to start the HTML and CSS.
Coding Progress
Here is all the links that I've linked to my file.
For the nav bar i use bootstrap in order to link the heading elements
into different sections
Nav Bar CSS
Nav Bar HTML
Biography Section - About Me
HTML
CSS
Listen Section
HTML
CSS
Album Section
HTML
CSS
Tour Section
For this section, I only included the world tour Poster that I
found on Niki's social media during my research.
HTML
Last Section
This is the last section where I include Niki's picture in its
entirety, along with social media icons linked to her
accounts.
HTML Final Outcome
CSS Final Outcome
Feedback
Make sure to create sketches first to get a clearer view. Also, ensure that the navbar (About Me, Listen, etc.) is placed at the top.
Comments
Post a Comment