Construction Post 6: Website post-production

The software we used to create our website was Wix. Once again, this task required a lot of our time and a lot of effort.

Summary of the process

1. We used a template to get our website started. We thought this would save time and as we knew that we wanted a black style, we liked the look of the template.
2. We decided what pages we needed to have and what would go on the navigation bar, and this was based on our flat plan 
3. We started to create each page and fill the website with information, links, music and photos 
4. We made the website as interactive as possible 

Useful tools

Here is some evidence of some important things we did in the process of making the website:

Adding content to our 'meet the girls' page

Adding content to our music page

Adding content to our tour page 

Adding content to our news page

The store page took a long time:

Overview of the store page process

List of the products that we created

Changes we made:

• Layout of meet the girls page
• Adding contact page 
• Not using rollover images(experiment)

Our original 'meet the girls' page had all four of us on the same page and was arranged in a box-like fashion. There was nothing particularly eye-catching about it and it was all very compact. Therefore we thought that we should rearrange the layout of this to make it more interesting and visually appealing. As you can see below, the new layout is much better as we have a page each and there is more to see. For example, we all have a large photo of ourselves in black and white as the background. Furthermore, the new questions - "What's your biggest fear?" in my opinion sounds better than the old one - "What superpower would you have?"

Therefore, there was no need to keep the rollover effects I had added to the old layout of the page. I had done this to make the old page more interesting but as we found a way to make it even better, there was no need to use rollover images at all. Moreover, when we showed the new layout to our target audience focus group. they agreed that the rollover image effect would be too much. However, this experiment was still valuable as I learnt how to add this effect on this website.

Rollover image effect

Finally. we added a contact page as a result of some feedback from a teacher, who said that this is something that most professional artists' websites have. We decided that we needed to follow the conventions of other websites and so this page cannot be located on the navigation bar. Instead, you have to click "contact us" at the bottom of the page. There are details of our record label - Soho Records but also Universal Music Group UK. I ensured that the number we used for our company was a fake one.

Problems and solutions 

My Contributions

• Whilst other members of the group focused on the album cover, I would say that I took a lead role in the creation of the website. I think that editing the website was one of my strengths and I felt much more confident using this software.
• I wrote a lot of the content for the website. This included: the tour page, the meet the girls page, creating the 12 products for the store page,the music page, the news page and helping with the contact page. I also edited some of the photos that we used. 
• We could improve the website by perhaps making it even more interactive. For example with the meet the girls page, we could have animated the pictures. We also could have added more links to other sites, for example iTunes to make it more conventional.