How Should I Get To Meadowlands?

How should I get to Meadowlands? from Harry Winter on Vimeo.


Vimeo don't mind that I've used 6 Day Riot's song :)  (yet)  Shh don't tell them!

Mockup 39

Gradient now the same as the current site, new headings with coloured backgrounds. Sponsors in the sidebar in black and white so as not to spoil the colour scheme.

Promo Video

We're all making promotional videos for meadowlands festival to go on the youtube channel. Mine is here:

The audio is wrong :(

Mockup 33

Full size: http://dl.dropbox.com/u/19475314/Blogger/Mockup33.jpg

Is it finished?

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:

Web App Mockup

Website Workings

Illustrator version of the mockup I did the other day:

Today me and Simon worked on the wireframe some more.

We've condensed the main navigation bar down from 7 sections to 5

And made it nice and modern and that. Now It's time for me to make it as a mock up. Then I'l give it to Simon and he can do all the coding ;D

More illustrator mockups. Nearly there with the top one. Louis is working on the background colours, gradient and footer image. The sponsors that are currently in the footer will be moved to a new sponsors page as in the current www.meadowlandsfestival.com site. That means a new button needs to be put on the nav bar too.

Once I've made a pixel perfect photoshop version, Simon can splice it up for the new Wordpress site. I'll do that in the morning.