The screen shot below shows us testing using dreamweaver. This was how we designed the buttons etc. It gave us a small grip on using the web designer.
Having already worked with dreamweaver we've started work on our website design. And so far so good. We're both really happy with the progress we've made with it and this is the website as it stand at the moment:
So far we've included some of the main features that we were positive we wanted to use. To start with we've added a wide selection of tabs at the top. This makes them noticable and makes the site accessible for users. It gives them gateways to different areas of the band and gives options for them to follow and support the band in their own ways. The tabs are in a bold, black font and are seperated with a modern dash effect (//) also with a space inbetween. This easily shows what's what and makes it clear for the user. Just below the tabs are orange stands. Whilst this also helps with the overall look it also acts as a barrier to seperate the rest of the webpage. We've also got a clear title where the name of the band is displayed. It again uses modern techniques of reversing the text and using scattered boxes as the background colour. It's noticeable both for it's unusual and individual qualities but also for it's size and how it sits on the page; i.e towards the top. Just below it are links to social networking sites. This is a feature on almost all band websites and is crucial for gaining fans and followers and boosting your profile as a band. It's a great way to talk to your fans and give them information and it gets them excited about having various formats of being able to follow you. Furthermore we have a news feed on the left hand side. It displays the bands latest news and is clearly outlined by the coloured box. It also uses the theme of the stands this time in the opposite colours (the box is orange and the stands are dark). There are hyperlinks within the news feed to offer users to access greater depth about the story on another page.
Whilst making this webpage we were also considering how the webpage and album should link. Band websites often adapt in accordance with their latest album to create a recognisable theme for the fans. Therefore we plan to use the band title in the same font on our album cover and then also use the image of the album itself on the home page. We also plan to put the finished music video on the website. This is a great way of cross advertising our product in different media forms.
Update:
We have now finished our website homepage. Here it is:
(official final website post will be in greater quality)
We have no added three new main areas; the album cover advert, the music video flashplayer and the photo gallery below. To do this we had to shuffle a few things around such as the social networking tabs and news bar. Firstly we originally tried to embed the actual music video. However, the video wouldn't work with our schools flashplayer so we decided that using a screenshot with the play button and options still available would be just as affective. We also added the album cover advert with information on where it is available. Finally the gallery is added for fans to gain an insight into the bands life of stage and out of the studio.
The two images below were made on Microsoft word. The orange dotted line is used as a divider at the top of the page and the arrow is used on the gallery to give it an interactive effect as if you can view it as a slideshow.
No comments:
Post a Comment