Website

Right, I have never done a website layout before and I have been incred-ibly sceptical about doing one mainly because in my few websites are far too dictated within their layout and look by the industry as to keep it “simple” for the user... So I decided for this project to do exactly what I want to do and see how that goes. This was my first initial layout, I had a look at some websites in similar markets and they all felt incredibly cluttered for the very little amount of information they actually had on them. So my first idea is to throw out all the crap I did not need which left me with a hierarchy of:

Designed in Web safe colours and to 800x600 to make the site accessible to everyone.

Navigation barWhat is on that corresponding weekendNewsClear club logoImage

The colour scheme I went for was based on the black poster I produced, the black and red really popped but I didn’t want to produce a black and red website, So I picked a Cyan which worked really well for screen and web.

Home Page Layout’s and idea’s

The one problem I encountered early in making these is that all the pages looked really flat, which was odd, with this colour scheme it was very hard to get around that I realised, but for the image and text to sit nicely together this colour scheme worked the best. The club also connotes a dark, underground, sweaty vibe so in that aspect it was very relevant.

I did not want to do the standard Photoshop grunge design for my sites as this would allow it to sit better for web but not match up to my posters very well.

This is what it would look like if I put it through photoshop and add a bit of inner drop shadow/drop shadow. Looks weird without a textured or a grunge background so I ejected this idea early on.

The one thing I was not really happy with is the stock image I was using with the milk, it was ‘cool’ but really didn’t fit well with the website, most club websites would have images of the actual club. So I started introduc-ing some of those types of images to try and make it more relevant.

Basically from this initial development I am doing another set of web layouts without my personal photogra-phy image. But with actual in club photography to make it slightly more relevant.

Home page Events

Contact

A little bit of experimentation just getting the headers to make it look like a website a little bit more, The problem I had encountered was that my logo was a bit too.... fat. Compared to the navigation bar, I also didn’t have enough content to extent the navigation bar so kind of tried to get around it best I could in the timescale I had instead of entirely redesign-ing the webpage.

These are the sites which use relevant photography from a photographer called Sarah Ginn. Problem is I like both layouts but not sure which one so going to go with whats the most relevant. One problem I would say is that The pages are very similar although clear, they might need to have a header saying “events, Con-tact” to make it user friendly.