Flow Chart and Preferred Website Template

With an idea on what to do and what to avoid, we have been tasked to create a flowchart to plan the layout of the website. Planning beforehand can certainly save us time in designing and it gives us clear goals to accomplish we can be easily measured. Using some online software, we decided on this on this layout.

Its quite conventional and effective, there’s a front page, an about section, tour dates page, media page, merchandise and contact pages. They all fulfil aspects of the Uses and Gratification theory, and if that is fulfilled effectively, then its a successful website.. Information by tour dates, links to social media and the messages/themes present in the media (music videos and photographs). Entertainment by media, amusing biographies and an interactive website. Social Interaction will be fulfilled by the social media links and the contact web page. Personal Identity will be fulfilled by the websites look and feel and the media present, if an distinct identity is established of course. Convergent links will be present every on each page, again another convention, as this lets the fans easily message and see the band’s contents on social media.

One thing that we decided to focus on its promoting the brand image of the band. The thing we noticed that previous student’s websites lacked was the promotion of the band. OK, the look and the feel of the band did gave an idea about the band, but some text like a biography that appeals to the customer target segment. In order to make sure we’ll pick up the marks, we’ll make sure to get a short biography of each of the band member in the about section. We also got a few ideas about the merchandise section that could also further give an impression of the band. One idea is to sell “invisible shirts” and “pet rocks”, which is quite cheeky, considering the fact that they’re worthless and one of them does not exist. We feel this would present the band as cheeky and potentially questioning, they’re making a statement selling objects of no value, a criticism of our consumer society.

On Wix, the online website editor, we have chosen the above template. Its colour palette and sans serif fonts fits our digipak perfectly. it It’s bit too edgy, but we can definitely blunt it down.


Website Terminology

As expected, before we set out to design a website, we need to learn the conventions of a website or more specifically, a website that promotes the music artist(s). By knowing what are the conventions and proper terminology, we have a better chance of creating an effective website of conveying the band while offering the fans easier access to purchase merchandise and see tour dates. The more effective the website is the more revenue is going to generate, which many consider it as a sign of success. After learning a few and their purposes, we have been given the simple task of annotating a website with its conventions. No analysing, yet.

Overall, some of the terms are quite similar to the ones we used when we were producing music magazines. Instead of a main cover shot, its a “hero shot” while a masterhead it’s a “leaderboard”. Being quite similar, its not going to take a lot of effort to get these terms into your head. With similar terms and similar themes (the aim of the website and the magazine are to conform to a target audience in order to sell), making an effective website won’t be that tough, as we already had practice making a something similar in the beginning of the course.

Below is Foo Fighter’s website and its conventions listed.

Skip to toolbar