Website - Creation

I began by creating the menu section of the website. This includes a previously-made logo for the band that can be seen in the video and across merchandise, a navigation bar, and two animated records to keep in with the retro theme.

Website - Creation

Merchandise

When creating merchandise, I used Adobe Lightroom (photo editing) and Ibis Paint (illustrations) to edit photos I had taken. 

Here is the before and after of a t-shirt I made for the website:

BEFORE (photo without any editing):

AFTER (photo with editing and illustration, plus a version with a transparent background):

I removed any dirt or marks from the backdrop, changed the colour of the bag to fit the colour scheme, added the band's logo, and edited the overall appearance of the photo. I then also removed the background in case I needed to use a transparent version of the image.

Website - Planning

I first designed a mood board for the website so I knew what the visual aesthetic would be like.

I also created a mood board as inspiration for the photography on my website, which I then used as a reference when taking photos.

I then made two different rough plans for my website, the first for the ‘home page’, and the second for the ‘about us’ page. 

I used these plans to highlight the specific features I wanted to include on each page, such as:

Home page:

- Masthead (+ band logo)

- A menu to each website page

- A feature where a cassette tape appears when you hover over a menu option

- The music video (framed in an old retro TV)

- An interactive gallery

- A competition where fans send in photos of themselves dressed as their favourite 80s film character for a chance to win free tickets to a concert

- A brand deal with (BRAND)

- A newsletter sign-up and social media links at the bottom

- A merch pop-up when you open the website

About page:

- Photos of each band member alongside a description for fans to learn more about them

- A feature where, when you click on a member’s description, their favourite 80s film appears

- A charity collaboration, with a description that highlights the band’s ethos