© 2007 Kev Adamson | E-mail : kev@kevadamson.com
" ... Talking of Design ... "
<span>all genres</span>
Welcome. This here is a place where myself and others can gather and type words that hopefully form coherent sentences of some worth (or not) ... [Blog-Home]
Mar 13 the WOMBATS new websitePermanent Link
Mercy Design , KevAdamson.com and Behind Design proudly present … a guide to the new ‘the WOMBATS’ website!
The WOMBATS are an awesome pop / rock / punk / indie band from Liverpool, UK who have had all their brand, album and marketing designed by the talented guys over at mercydesign.co.uk, who’ve now teamed up with m’self and Behind Design to do web stuff for it and that …
I’ve only been lucky enough to meet Dan (drummer) a couple of times, and haven’t met the other boys in the band (Murph and Tord), but Dan seems like a well sound chap – typical friendly cheeky scouser – and Doug and Joe say that both Murph and Tord are groovy chickens also: very funny and down to earth. So that’s all good.
I was lucky enough to live, study, laugh, cry, drink and, yer know – stuff, with Joe and Doug from Mercy back in our wild un-tamed uni days at Liverpool Art School, and – to be honest – it’s about time that we got together and collaborated on a project. It’s been great and really took me back to the ‘Graphics Arts’ days. Joe and Doug approach their work with vigour and enthusiasm much like they did during uni, with their design and solutions focused on building strong ideas, the way it should be – a focus that is often drowned by process and/or ‘trends’ (especially on the web).
OK. Now onto the design of the site itself:
One thing we were all up against right from the start was a really rather tight lead-time on the project, and also a very tight budget. But we were all agreed that we must follow a good solid game-plan in order to provide a good solution – so lots of late nights ahoy from all concerned! Let’s number the main stages:
1. Planning: The site plan and architecture was planned by myself, based on: the existing site, other successful band websites (reference to Arctic Monkeys and Bloc Party), and a combination of thoughts and ideas by myself, Doug, ‘Elk’ at Warner Music and also Graham at behinddesign (from a programmatical stand-point).
2. Concepts: The initial layout concept was the brain-child of Doug at mercy, who supplied a rough main template layout and also ‘mood board’. This was important for the Mercy guys to do, as they are the ones who’ve had the biggest exposure to the overall feel of the band and what they are all about, through all the design work they have done thus far. They were involved with the band when no one knew them from ‘Adam’. We also needed to carry through the ‘brand’ and graphical style, that had already been established in the print marketing, through into the web.
3. Design: My role was to pull these initial ideas together and add some of my own ideas. It’s something that I got into quite quickly, as the grungy hand-rendered style is something that I have experience translating into web many times before, on sites such as my own (this, my in progress re-design, and also my .co.uk site).
As per usual, I designed a couple of web visuals of the main pages for the client to sign-off before build (based on Doug’s ideas), and, as always, I designed them to be as close as possible (to near pixel perfection) as the design would display as a html page, so that the client had a good idea of what to expect. Very important for the smooth running of a project. Especially one with such a tight deadline. The last thing you want to be doing is back-tracking during the mark-up / programming stage of development.
4. XHTML and CSS build: Next up I had to build all the pages using web standards XHTML and CSS. One thing I did do with this project is make heavy use of transparent .pngs. This has meant quite a few crappy hacks in my ie6 stylesheet but, tbh, I’m really past caring when it comes to ie6. It’s a slowly dying browser and the quicker it becomes totally redundant the better. The important thing is that the site still looks and works decently in ie6.
I’d almost set my own brief of designing something that was quite unique, whilst still showing a good awareness of our current ‘web environment’ in terms of mark-up and also user experience.
I wanted it to be web2.0 without the clichéd visual style. This is something that I feel is missing in many bands websites. Many of the sites out there may look aesthetically cool, and, indeed, get the traffic and do the job, but they all seem to lean heavily on little bits of flash and that ‘fixed-height-in-the-middle’ look that we all know can often hold back a site in terms of growth. None of them, to be fair, are clichéd in terms of a look, but they do seem to do all the same things using all the same methods. It’s almost as if it’s like: “Oh, ‘such and such’ are a big and good band, therefore their website must also be great. Let’s follow their lead” Whereas, more often than not, in terms of a bands website as a web2.0 aware and savvy application, many just seem to miss the boat.
The new Wombats website may not be entirely there yet, but it’s certainly on the way and has the potential to perhaps be one of the first to fully embrace the benefits of web2.0 thinking (like I said, we’ve only had 3 weeks so far!). Hopefully, anyway.
One thing that helps give the design something different to others it that none of the elements of the design have been digitally rendered: Each navigational word has been hand rendered by Jon Greenbank – the chap responsible for the Logo and also many of the great album cover illustrations, the ‘card-back’ was created using card and paint in the Mercy studio, and so it goes on – the only ‘computerised’ reference is the html content itself and also a few other touches etc.
The site also makes good use of social marketing with user interaction in the womblog , and also with gig reviews and gallery photos that can be added by visitors to the site. The site also integrates the band’s own TWITTER updates. I may be wrong, but I think that this may well be the first high profile band to do this. Could be very interesting to see if this feature really takes off. It brings an unprecedented level of personalisation to the site, with members of the band able to update content on the site using a mobile phone whilst on stage performing. I’ve ‘got wood’ just thinking about it!
5. Programming: Once all the dummy templates for each page were complete, it was then over to Graham at behinddesign to program a bespoke CMS for the pages. I won’t go into that too much as it’s not really my expertise, but it’s all working dandy.
All this in 3 weeks! Pats on the back for all me thinks!
Anyways, get over there and have a look – both in terms of the site design and also the ‘bats glorious sounds! I’d be interested to hear your reaction and thoughts on it all …
Oh. Also. Talking of Liverpool music and bands: check out Wave Machines, Soft Toy Emergency and The Delta Fiasco. Unsigned but certainly not ‘un-good’ (although ‘the fiasco’ may now be signed – not sure??) ...
- post to digg
- post to ma.gnolia
- post to del.icio.us
- post to designfloat
Who are you??!!
Hey there! How tha' doin'?
My name is Kev Adamson and I am an Award Winning Freelance Web Designer, Graphic Designer, Animator and Illustrator living in the UK ... [more]
Similar Stuff ...
Twittering
- This is an everlasting twitter to stop a certain wining foreigner getting all smug about this page not validating ... idiot
Yum yums!
(as in del.icio.us ...)
Flickr'ing ..
TxP'ness
Resources
- aardman
- Bite Size Standards
- Bubble Tooltips
- CSS Beauty
- CSS Mania
- csshot99
- Design Can Blog
- Design Firms
- Design Melt Down
- DFCKR
- Dojo JS Toolkit
- illustrationmundo
- Kaliber 10000
- mad.co.uk
- Mini Ajax
- Moo FX
- Net Diver
- pixelsurgeon.com
- portfolios.com
- Split the Atom
- studioAKA
- Stumble Upon
- Style Gala
- tagsociety.com
- theaoi
- Threadless
- TXP Plugins
- View Creatives
- W3C Sites
- Web Standards Awards
- Zen Garden
Blog-Log
- Elliot Jay Stocks
- Hicks Design
- John Oxton
- Joshuaink
- Just Dan
- Pixel Design
- Sonspring
- spEak You're bRanes
- The Big Noob
- The Rissington Podcasts
- Veerle's Blog
- Web Designer Wall

Nice one, really good to read a bit “behind the scenes” of a big website. :)
@Ben: Cool. Glad you found it interesting. The site is doing well. A few issues server-wise but they are being sorted with haste as we speak.
BTW ye’all, here is a little more about the Wombats:
Review
by David McGuire
02 November 2007
It’s been a while since Wombats in general have been in the press. And why would they? They’re slow and embarrassingly easy to hunt. In contrast to the burrowing Australian marsupial, The Wombats are slick and ready to take on the world. Comprising two Scousers and a Norwegian, they have blasted out from behind the curtain of the capital of culture (how’s that for alliteration) more like a ravenous eagle than an endangered fur-ball that eats grass all day. With plays from the likes of Colin Murray on his Radio 1 show, The Wombats hype makes for high expectations.
The album opener “My First Wedding” is jerky, powerful and opinionated – just what you’d expect from northern indie grit. More of the same follows with “Patricia The Stripper” and it becomes clear that the lyrics mirror the sound; direct and not philosophical in the slightest.
But it’s the honesty of the songs which shine through beyond the catchy hooks and three-part harmonies. Lead singer Matthew Murphy gushes that ‘she’ll grind it out with friends but not me’ in “Little Miss Pipedream” and even adds that he’d ‘cheat a priest’ to get the girl. Latest single “Let’s Dance To Joy Division” is one of the catchiest songs released this year and “Kill the Director” forces anyone listening to jump on the nearest lamppost and wail with delight. However, caution must remain. The Wombats need to keep an air of aggression if they don’t wish to become extinct.
Source: http://www.bbc.co.uk/music/release/gpjw/
Very nice.