What Makes a Good Band Website?

Published: Aug 20, 2010

This article will explore the components of good web design for bands and musicians. We will look into their common characteristics, what looks good, as well as go through popular bands sites that are already out there.

Keep in mind that these examples are the results of what I’ve gathered through the web as I was looking for inspiration. It does not guarantee the best results, nor yield the highest output. It is simply a starting point of what current band websites are doing.

Streaming Audio or Video

This is your product, the merchandise, the "goods". Every band website must have a form of streaming audio somewhere in their pages. It doesn’t have to play right away as soon as someone hits your site, but it’s nice to have a player that is real accessible. You make music right? So let’s hear it!

Shinedown

Shinedown’s website features multiple media players right in the front page.



Civil Twilight

Civil Twilight’s streams their latest tracks as soon as the page loads.



One Republic

One Republic has their video player right with the large header image:



A Blog

Definitely a must have for a band website. This lets the fans know what’s going on with the crew. It can be as simple as their daily ramblings or what goes on behind the scenes. A blog can transform that voice in the radio, into a real human form. It also provides a way for fans to interact through comments and forums.

The Temper Trap

The Temper Trap website is an active blog of the band. You will see a solid following of readers, twitterers as well as facebook fans.


blank

Thirty Seconds to Mars

Thirty Seconds to Mars’ blog features their latest press release and performances. The blog runs a dynamic intense debate commenting system for each post:


blank

The Flaming Lips

The Flaming Lips’ blog is about anything from T-Shirts, interviews and food.


blank

Unconventional Layout

Classic Rock n’ Roll behavior: We don’t want no rules! Borders? Headers? Footers? – We just want a website that’s cool, fun – a website that rocks!

Cage the Elephant

Cage the Elephant’s website has no visible frames, unpredictable patterns, paint splatters as well as hand-drawn elements. Be sure to check the drawing game in the home page – which plays the band’s music simultaneously (quite genius).


blank

The XX

Another unique setup. This website simply show a large “X” overlay of scenes of the band performing. Very original.


blank

Broken Bells

Be sure to check Broken Bells. See the large audio player with a ball-like-thumping thing in the middle. Pretty cool.


blank

Giant Header

Ahhh, the modern giant header is more like my style and arena. It has more of that "awe" factor which viewers of various niches all agree: It’s simply stunning (of course, if its done right).

Three Days Grace

Three Days Grace’s band photo is beautifully placed as the website’s header. Big and bold – nicely done.


blank

The Dirty Heads

A collage of photos acts as this website’s large header.


blank

Jimmy Eat World

The same as The Dirty Heads, Jimmy Eat World’s website also has a large collection of rotating polaroid snapshots for the header.


blank

Good Design

I guess this goes without saying – overall, you need good design. Band websites must be appealing, inviting and of course pleasing to the eye. You need reason to attract viewers – which in turn will browse through your site, listen to your material and convert them to loyal fans.

Below are some more musician websites that I think have inspiring designs:

Mumford and Sons

Also featuring a large photo as a the header. Real nice font treatment.


blank

Muse

Busy and unruly backgrounds laced with transparent containers for the content. Muse’s website is very modern and progressive. *Side note: One of my all time favorite bands of all time.


blank

Neon Trees

I’m loving the color schema of this one. Nice solid Futura Fonts – very cool.


blank

Arctic Monkeys

Artistic logo partnered with a cool swirled navigation. Arctic Monkey’s website is quite traditional and effective.


blank

Rick Monroe

Rick Monroe’s website is a mixture of grunge, country and subtle web 2.0 components. Nice large photo backgrounds and gradients, transparencies…the works.


blank

Star Sailor

Bizarre grid structure, loud neon-like color scheme.


blank

Bad Religion

I’m really feeling Bad Religion’s web blog. Really good grid spacing, and beautiful font (sifr) effect.


blank

Switchfoot

Beautifully done background of the sky with birds. Color schema is amazing as well.


blank

Weezer

Large rotating images as the header / banner featuring band’s photos of their performances.


blank

K’Naan

Large header slideshow, video blog and audio players all over.


blank

Conclusion

So the bottom line of a good band website? All of the above? None of the above? You be the judge. The trend is to always push the boundaries outside the norm. Web designers are always faced with a challenge of how to create the ultimate page – one that no one else has. Band websites are certainly amongst one of those challengers. It will be interesting to see what the future has in store for such sites.

Be sure to check these other articles for band design inspiration:

Stay tuned for future articles that may include themes, PSD files and tutorials. Subscribe to my feed or follow me on Twitter.

Did you know you can Write for us?

Check out our Guest Post Guidelines to see what it takes.

Submit an Article

6 thoughts on “What Makes a Good Band Website?

    Beth Olson says:

    I have to disagree with the idea of autoplay music being a good thing. That’s one of my biggest pet peeves and even clients I wasn’t able to talk out of autoplay music on their new site, always come back and have me change it. Users hate it! It’s like the audio version of a flash intro.

    I also have a hard time understanding why so many bands have traded in the fantastic designs of their old sites for more confusing (visually busier), less interesting magazine blog style sites. You can see this in the examples above. “Content, sidebar. Content, sidebar. Content, sidebar…” They all look basically the same, it’s kind of a bummer.

    Ben Gregory says:

    I couldn’t agree more! The website should be an positive experience for the fan, not something that feels like a hoard of attention seeking 5 year olds holding small chunks of content. Marketing department shouldn’t panic if the content is spread out for the user to wander through.

    Anthony says:

    I agree Peter, keeping it simple is so important, there are so many cluttered websites and band myspaces where it is impossible to find information

    Peter J says:

    I think the main emphasis is on showing of the band and who they are directly on the front. A large image with top navigation above the image does well. The image showing the band members. A very minimalistic design is the key.

Comments are closed.