Wednesday, December 11, 2024

Music Video Final Submission

 

 On Youtube settings in bottom left corner, click 1080HD quality.




Backup Link



Website Final Submission

Website Link

My working pages are the 'Home' page and the 'About' page.

My website was designed and created on an Apple Mac computer, meaning the proportions when viewed on a regular PC may differ. To ensure the correct features appear as designed, I have also included screenshots of what the website should optimally look like.

Home Page:

As you first open the website, there is a pop-up advertising the band's latest merchandise.

As you enter the home page, featured at the top is a recurring animation directing the audience to the band's new single 'TALK' and the accompanying music video. The header includes a spinning logo.

Advertising the band's music video, the second section includes the video itself which can also be watched on YouTube, and decorative icons that reference the video, and directly link to it if clicked.

The third section is a 'Meet The Band' feature, introducing the trio's pictures and anchoring text. If their primary images are clicked, there are pop-ups that display a brief gallery of photos for each band member and their fictional Instagram handles. To the sides of these introductions, I have included icons of each members' instruments which, if clicked, link to their retailers. In the top left corner, there is a photography icon which also, if clicked, features a pop up directing audiences to discover more footage of the band via their social media.

The fourth section is an interactive slideshow, directing audiences back to the band's feature music video and engage further with the product. 

The fifth section displays the band's merchandise, with an animated shopping trolley icon.


The last sections of the home page are the band's tour dates and instructions for fans to subscribe to the band's newsletter.

About Page:

The first section of my 'About' page includes a paragraph of text introducing the band and social media application icons that link directly to their retrospective sites if clicked.

The second section includes some of the band's favourite music and a curated playlist which can be viewed if the image is clicked.

The third section is a charity collaboration which aims to raise money and awareness, encouraging fans to purchase a keychain where the profits are donated.

The fourth section displays social media posts 'made by fans' and encourages the audience to share their own images tagging the band to have a chance of being featured on the website.

The fifth section features my website's audio-visual, a Tik-Tok style interview with the band members. If the thumbnails for the bands 'other' videos are clicked, it takes the audience straight to the TikTok site.