More Website Changing

So this is where we were at last time I blogged about the website:

Mockup11

Mockup12

Now making the mockup in photoshop because it allows you to be more precise with selections, so i can make accurate margins etc. for Simon to implement in the CSS.

Floaty banner removed.

Social media reduced to Youtube and Facebook (is there going to be any content on last.fm and flickr?)

Sponsers moved from footer to their own page to reflect the current site.

Orange brightens it up!

Mockup20

Reduced the size of the logo because when i tested opening it is a jpeg at actual size in my browser, there was hardly any room for content above the fold:

Made some banners on the top right  - based on those on the existing site:

Made social media buttons square as in the original sketch.

Got an S curve below the sidebar - Simon's idea to make it blend in better.

Quite like the effect of the site sitting on the field.

issue of it being a soft line in a very crisp, hard edged design(?) 

Mockup23

Simon suggested I tone down the colours and pointed me to an article about making colour schemes on Smashing Magazine. It said you should have 5 colours for your site. 2 of them are neutrals for text and background, and the other three should be chosen carefully using the colour wheel.

Toned them down:

Also got a nicer image for the footer, but its not Meadowlands, I got it off google :/

Mockup25

Tried using the flowers to make it more in keeping with the printed branding but it looks a bit messy.

Got a nice blue tit sitting on the nav bar though.

Footer is now hills.

Removed the curve at the bottom of the side bar.

Six social media buttons now! after discussing in class. (yes there will be content on last.fm and flickr) and we need a twitter button, not just the feed, and radio reverb has to stay because they are closely linked with Meadowlands.

Mockup26

New brighter colour scheme & video on home page.
After reading some of Designing Interfaces by Jenifer Tidwell and showing the mockup to my Mum. I decided that there wasn't enough showing the general vibe of the festival; who its for, whats it all about? And what else to show but our promo videos!

A lot of people visiting the site wont know much about the festival, and probably wont know many/any of the bands, so rather than having the lineup as the first thing they see, they should really see a video about the atmosphere / range of bands / location. Perfect

Would be nice to have it show a different video on each reload, don't know if thats possible in wordpress. All of the videos will be available in the gallery section also.

Mockup31

More thinking about colours. Discussed with Simon, used Kuler to pick the main colours from the latest Meadowlands poster: 

Really new colour scheme. Taken from the latest poster.

Also, centered the logo - experiment but I prefer it.

The font is still Futura, but the weight is Medium, rather than condensed medium that I was using before. Now it's the same as all the official branding. 

Starburst! Louis made a starburst using the colours from the poster which livens it all up.

 The sidebar is now semi-transparent. Simon thought that it would look good with the burst background. Which it totally does!

Mockup32

Another colour scheme - using this poster as a guide:

New when/where banners:

It's still not finished, I'd like to have some more birds, bees and buttercups. And daisies. But they look a bit rubbish cut out from jpegs - which is how I'm getting them at the moment.
Should probably mock up the other pages too D: