REGGAE WEBSITE

DESIGN FOR WEB - HISTORY OF REGGAE

RESEARCH

reggae.com

reggaetopsite.com

bobmarley.com

I researched different reggae websites in order to get an idea of what was already out there. I was quite shocked to find that pretty much every site out there was terrible. There was no use of colour on allot of the sites and if colour was used it was garish and ugly.

From a distance this does not say anything about reggae.

Poor use of colour. Easy Navigation though.

This was one of the better sites I came across. Much better colour scheme and theme. More natural, this is how I imagined more of the sites to be.

niceup.com

rastaites.com

reggae-reggae.co.uk

Yet again another poorly designed reggae website. Useful information but poorly laid out and does not say anything about reggae. Small use of rasta colour scheme.

Awful website. Terrible colour scheme. The background gives you a head ache.

This was another one of the better sites I came across. Much better colour scheme and theme. Quite simple but works very well.

DESIGN FOR WEB - HISTORY OF REGGAE

INITIAL IDEAS

SITE MAP

Boxes?

Reggae Tree

I planned to have a 5 Page website including the home page.

I have decided that the page will not have a scroll down function. The page will be fixed all the information will be available without having to search about

This was one of the better sites I came across. Much better colour scheme and theme. More natural, this is how I imagined more of the sites to be.

Hand Drawn Site?

Circles?

At first I wanted to go with a hand drawn site but realised that this would wind up quite hard to code. So i thought it would be better to go with something a bit more symetrical and structured.

I liked the Idea of the cirle in the center as a focal point. I wanted to experiment with this aspect of the design. A bit too simple though.

Final Design This is my final design for the home page. There will be bottons in the four corners which link to the relevant pages. These buttons will have a roll over feature too.

DESIGN FOR WEB - HISTORY OF REGGAE

Center Circle Changes I drew up how the central Circle pannel would change on its relevant page. As the site will be made up of 9 jpegs I thought the easiest option would be to redesign the center panel and replace it for each page.

DEVELOPMENT

Reggae Tree Too childish and bright

Roll Over

Wire Frame

This is how the home page might look with the roll over function.

I measured out the wire frame on illustrator to work out how many pixels each panel was and where the buttons might go when coded.

The colour scheme is a bit too garish really, needs to be alot more subtle.

After coming up with this initial digital designs I decided to change them slightly.

I didnt think they looked rough enough so I went on to experiment with textures.

DESIGN FOR WEB - HISTORY OF REGGAE

Legends - Bob Marley and the Wailers For the legends page I concentrated on 3 artists. With more time I would include more. I went on to add 3 buttons in order to allow the user to scroll through the artists. I think maybe the text could be more legible

History of Reggae

FINAL DESIGNS

Toots & the Maytals

Lee Scratch Perry

Festivals & Events

Cut Up Page

I am not too happy with this page. I feel the layout doesnt work that well. The square images within the circle clash I feel.

As you can see here this is how I split the page up in Photoshop. This meant it was quite easy to code as everything just needed to slot together.

DESIGN FOR WEB - HISTORY OF REGGAE

WEBSITE IN CONTEXT