Saturday, 2 December 2017

Design Process of the Website

Because I approached the task of creating the website incorrectly the first time, I had to twice. Here is the first website I made which proved to be insufficient:




Because the layout was automatically generated the website did not match the mark scheme requirements. Thus, I started again. The first step was to choose a different template: 



I then started modifying it by adding images of the performer and other components, such as playlists and videos, that would make my homepage unique: 



After finishing the homepage, I moved on to constructing the other pages of the website. The first one was music, where I had to create folders with my own audio files and images, which then became albums: 



The next one was Tour, where I typed made-up dates and locations of our artist's performances: 


Merchandise section was the most challenging, because apart from making the layout I also had to create the products. For that I used Photoshop, where I compiled images from my own photographs and then uploaded the results: 





Contact and Newsfeed sections were the simplest, I just had insert two interactive tables. One allows the user to type in information: 


The other expands as as the user clicks on the blogpost that he or she would like to view. I also added some images and text for the blogposts to look realistic: 



This is how the website currently looks, laid out page by page: 

Homepage 





Music



Tour 



Shop



Contact


Newsfeed






No comments:

Post a Comment