Billboard Top 40 Design Showcase

Advertisement

When searching for web design inspiration it’s easy to get caught up looking at the same portfolios, blogs and the typical sites that appeal to fellow designers. However, as a designer there is a strong need to be able to create a website that truly works for the client and their visitors, not simply a site that fits into our ideals.

From time-to-time it’s helpful to step out from the familiar sources of design inspiration to see what is being used in a particular industry. The music industry is obviously big business, and as artists and record labels struggle to make the transition from declining CD sales to more profitable uses of technology, examining band and artist websites can be a practical learning experience.

What is the Purpose of a Band’s Website?

While each artist or band may have a different approach with their website, there are certainly some common goals. Typically a band’s website serves as a home for fans to come and get any information they want, such as a bio, discography, and perhaps some lyrics. Most importantly, the site also helps the growth of the band by promoting upcoming tour dates and selling CDs, downloads, and merchandise.

In addition to providing information and selling products, the website is also an increasingly important factor in branding the artist or band. You can usually get an idea of the style of music based on the style of the website’s design. When new visitors arrive at the site they should get an idea of what the band is like very quickly.

What will the Audience Expect to Find?

You can tell a lot about the band or artist’s target market based on the style of design. You’ll see in the screenshots below that even for those bands with whom you are not familiar, you could probably identify the audience fairly accurately based on the style of the site. Whether the style appeals to us as designers or not is of course not nearly as important as if it appeals to its target audience.

Katy Perry591
The choice of style on Katy Perry’s582 site meets the expectations of its visitors who are mostly teenagers.

The features and content on band websites are usually very standard. Band photos, tour dates, album info, audio and video are all common. Visitors come to the site to find this information, so that’s what is available. Audio and video clips have obviously become more common in recent years to the point that a band’s website seems incomplete without these items.

The design of the site also comes back to the situation of the site meeting the expectations of the audience. If a band’s audience primarily fits into a specific demographic, it only makes sense that the site’s design will appeal to them and it will be created to make this audience feel comfortable on the site.

The Billboard Top 40

Since we’re looking at band websites, it makes sense to evaluate the official sites of successful artists and bands. For this article we’ll be looking at 40 artists with top selling albums on the current Billboard charts (there were three albums in the top 40 that were compilations or soundtracks from various artists. These albums do not have official band websites, so they were skipped and the next three bands/artists were selected). These sites are shown in the order in which they appear on the charts, not ranked in order of design.

It may be assumed that all bands that sell a lot of albums would have strong websites, but as you’ll see from the list, this is not the case. Some of the sites are good and others leave a lot to be desired in terms of design and usability.

1. AC/DC – Black Ice

AC/DC3 has a top selling new album and a website that delivers about what you would expect from a popular rock band. The design is dark and grungy with some audio and video, including a welcome message from Brian Johnson. The homepage has relatively little content, but it does include some news headlines with links to full posts.

AC/DC4

2. Pink – Funhouse

Pink’s5 website also uses a grungy style, but in a different way than AC/DC. Designers may be interested to note that her site is more of a traditional blog layout with post excerpts on the front page and an interactive sidebar that includes photos, videos, a poll and more.

Pink6

3. John Legend – Evolver

John Legend’s7 website takes a different approach. The site uses only black, white, gray and red and a rather clean layout. The homepage uses a few large images of John that randomly rotate, tour dates, news headlines, and a section that promotes the album mixed in with some video. The footer of the site is large and distinct.

John Legend8

4. Toby Keith – That Don’t Make Me a Bad Guy

Toby Keith’s9 official website is located on MusicCityNetworks.com10 rather thank at its own domain. The site uses a blue background and most of the space on the homepage is used for promoting products, as well as some upcoming tour dates. Audio and video are available on specific pages.

Toby Keith11

5. Rascal Flatts – Great Hits Vol 1

Like John Legend, Rascal Flatts12 also uses a few rotating images on the homepage. The splattered effects give the design an obvious grungy feel, and some of those splatters are also incorporated with the primary navigation menu of the site. Navigation throughout the site can be a bit awkward.

Rascal Flatts13

6. T.I – Paper Trail

T.I.’s14 website uses a background image of a bulletin board and a sheet of paper. Video is front and center on this site, and a blog is located right below the video with post excerpts being shown on the front page. Audio options are at the top of the left sidebar. The site is set up similar to a typical three-column blog with a lot of video in the posts and some in the sidebars. The site actively promotes the album and the music on iTunes.

T.I.15

7. Celine Dion – My Love: Essential Collection

Celine Dion’s16 site uses a dark background and a landing page with options for English or French (which makes sense for a Canadian artist). There is a large amount of video available on the site, as well as photos and audio. The site does include a link at the bottom of each page for a non-flash version (or for a flash version if you’re already on the non-flash version).

Celin Dion17

8. Snow Patrol – A Hundred Million Suns

Visitors of Snow Patrol’s18 website are greeted with a splash page that gives three options: buy tickets, buy the album, or enter the website. While this page seems unnecessary it may increase sales, and it does give very clear options, which minimizes its inconvenience. Once inside the site you’ll see a dark design with colorful decorative stars in the header. The site is laid out like a three-column blog with news items in the middle and video in the right sidebar. The left sidebar includes a member’s login area and an ad for their album on iTunes.

Snow Patrol19

9. Kenny Chesney – Lucky Old Sun

Kenny Chesney’s20 site makes use of a splash page that seems to serve little purpose. The page includes a big picture of Kenny, a link to enter the site, and a big banner ad. Once inside the site, the homepage still has essentially no content which means at least three pages must be viewed to see just about anything. The page includes links to all the typical band website items, with a large background picture and some grungy text.

Kenny Chesney21

10. Ryan Adams and the Cardinals – Cardinology

The website of Ryan Adams and the Cardinals22 uses a dark background, a large image with little content on the homepage. Although it doesn’t have much content visible right away, the site does have clear navigation that makes it easy to find what you want. The homepage also includes links to band profiles at social networks such as MySpace, Facebook, Twitter, Tumblr and Digg. The Digg profiles seems a bit out of place with little activity.

Ryan Adams23

11. Metallica – Death Magnetic

Metallica’s website24 is dark, as expected, and grungy. The main content area of the site is dedicated to news headlines and excerpts, while the sidebar is used to promote things like the band’s tour, t-shirts, an interview with James, downloads and ringtones. The design of the site may not be up to what you would expect from one of the most popular rock bands of the past 25 years.

Metallica25

12. Kid Rock – Rock and Roll Jesus

Kid Rock’s26 website is also dark and grungy. A nice texture is used on a large background image with a cutout picture of Kid Rock in the center of the header. The site’s navigation is logical and the layout features video, news headlines and tour dates.

Kid Rock27

13. Jennifer Hudson – Jennifer Hudson

Jennifer Hudson’s28 website is similar to John Legend’s in that it uses black, white and gray, plus one other color. In this case purple is the color of choice. Below the large picture of Jennifer, the home page essentially becomes a typical blog layout. The site of course includes audio and video with some promotion of the album to be purchased via Amazon or iTunes.

Jennifer Hudson29

14. Ne-Yo – Year of the Gentleman

Ne-Yo’s30 site is another that is laid out much like a typical blog. There is video included in the sidebar as well as within some of the blog posts. Ne-Yo’s site actually calls the blog a blog rather than “news” like many of the sites examined here. One of the oddities of the site is the presence of banner ads for Burger King, which seem to be common on sites of Def Jam artists. Most bands and artists use the space to promote their own music, merchandise or tour.

Ne-Yo31

15. The Cure – 4:13 Dream

Visitors to the Cure’s32 website will first come across a splash page where they can buy the album via Amazon or iTunes, or they can enter the site. Once inside the site you’ll see a rather typical two-column blog layout with an unusual abstract background image. The blog posts appear under the news section in the main content area with video in the right sidebar.

Cure33

16. Lady GaGa – The Fame

LadyGaga’s34 website uses a dark background with a heavy dose of Flash. The scrolling and navigation of the main content area can be a bit frustrating, but fortunately there is simplified navigation menu at the bottom of the page. This site also contains Burger King banners on secondary pages.

Lady GaGa35

17. Bloc Party – Intimacy

Bloc Party’s36 website is rather unusual for a band. The homepage includes news, tour dates and links to iTunes, but little excess. Aside from the background image there are only three small pictures on the homepage. Other than the pictures page, the secondary pages are also very plain.

Bloc Party37

18. Michael W. Smith – A New Hallelujah

Michael W. Smith’s38 site includes rotating content in the main area, including video, merchandise promotion and tour info. Upcoming tour dates and news items are displayed in the sidebar. Despite the dark background, the site has a more uplifting feel as opposed to a grunge-styled site, which fits with the Christian/religious music of Michael W. Smith.

Michael W. Smith39

19. Lil Wayne – Tha Carter III

Lil Wayne’s40 site includes a splash page that gives visitors the option to watch a video or enter the site. While splash pages always feel unnecessary, at least the ones that are promoting products may be resulting in more sales, but this one seems less useful. Once inside, the site has a large header image, a textured background and a blog-style layout with news in the main content area. The site includes banners for Burger King and for the fan club, video, mailing list and more.

Lil' Wayne41

20. Coldplay – Viva La Vida or Death And All His Friends

Coldplay’s42 site uses a white background, which is not very common for a rock band. There’s not a whole lot going on at the homepage. Tour dates are posted on the left, news is on the right, and navigation is in the center. Hand written fonts are used throughout the site.

Coldplay43

21. Adele – 19

Adele’s44 website is a dark gray with a video section in the header that is not typical. The video plays behind the title of the site, and there is a video selector that allows the user to choose between six different options. Below the header the site uses a two-column blog layout. The blog post headlines use white capital letters that stand out, and blog posts actually link back to Adele’s blog on MySpace.

Adele45

22. Rihanna – Good Girl Gone Bad

Rihanna’s46 homepage has a section right in the center that displays three rotating images of Rihanna. At the top left of the page there is a picture of her CD, but if you click on it you’re not led to a page where you can directly purchase the CD. Instead it takes you to another page where you can continue to iTunes or Amazon to buy the album if you like. At the right hand side of the homepage are news headlines and excerpts.

Rihanna47

23. Jason Mraz – We Sing. We Dance. We Steal Things.

The website of Jason Mraz48 features an artistic, hand drawn style of design. It’s a flash-based site with an audio welcome message. Refresh the page and you’ll get a different message. Aside from the illustration, the homepage also includes a link to purchase the CD, upcoming tour dates and an invitation for fans to submit photos to be a part of the fall tour. In addition to getting a welcome message from Jason, users can click to have music play or to have silence.

Jason Mraz49

24. Mary Mary – The Sound

Mary Mary’s50 homepage features a large photo of the duo on a red background with a floral design. This is another flash-based site and like many others on this list, news items are about the only content available on the homepage. However, the Mary Mary news is shown in a text area that can be scrolled, as opposed to a blog format that’s popular on many other artists’ sites.

Mary Mary51

25. Jonas Brothers – A Little Bit Longer

The Jonas Brothers’52 website features an attractive dark design with a big background picture of the group under umbrellas in the rain. Aside from having one of the nicer designs on this list, the element that stands out about this site is the extensive usage of social networking sites. The main content area consists of a Flickr photo stream, blog headlines from the band’s MySpace page, and three recent YouTube videos. The band has put social networking to good use and obviously rely on these sites for connecting with fans.

Jonas Brothers53

26. James Taylor – Covers

James Taylor’s54 website starts with a splash page that asks visitors to subscribe to his email newsletter and includes a welcome video from James. When you arrive at the site after leaving the splash page you see a rather simple site, but one that includes all the usual information for an artist’s site. One thing that is less than ideal, if you click on the “tour dates” link you’ll be led to another page that doesn’t actually give you the tour dates, but rather prompts you to click on another link to ultimately see the details.

James Taylor55

27. Young Jeezy – The Recession

Young Jeezy’s56 official site is actually hosted on defjam.com rather than on its own domain. The site features a dark design and a header image with Young Jeezy in front of an American flag. Like a few other sites on the list, particularly those of rappers and hip-hop artists, the site include banners for Burger King. Below the header the news updates are located to the left, with comment counts like you would see on many blogs. A link to buy the album through Def Jam is on the right, located just above video content.

Young Jeezy57

28. Katy Perry – One of the Boys

Visitors to Katy Perry’s582 site are greeted by a splash page with phone numbers to call for updates. There are also links to buy the CD through Amazon or iTunes, or to enter the site. Once inside the site, there is a large picture of Katy on top of a light and soft color scheme of pinks and blues. The homepage includes Flickr photos and YouTube videos as well as a link to her MySpace page.

Katy Perry591

29. Sugarland – Love on the Inside

Sugarland’s60 website uses a large, colorful and illustrated header image. Below the header is a news section that is basically a blog with a link to buy the CD and upcoming tour dates in the sidebar. The news section includes a recent post announcing that fans can follow the band on Twitter, which is another possibility for bands to connect online with fans.

Sugarland61

30. Leona Lewis – Spirit

The website of Leona Lewis62 displays video very prominently in the center of the layout. News and blog headlines are shown in the right sidebar and upcoming events are towards the bottom in the center of the page. This site also has its own forums for fans, with recent posts being shown on the homepage.

Leona Lewis63

31. Jazmine Sullivan – Fearless

Jazmine Sullivan’s64 site includes also includes video prominently. From a design perspective, like Jennifer Hudson’s site, a black, white, gray and purple color scheme is used. The site also uses a two-column blog layout. At the top of the sidebar to the right of the main content is a form to subscribe to a newsletter, with upcoming tour dates right below it.

Jazmine Sullivan65

32. Taylor Swift – Taylor Swift

Taylor Swift’s66 site uses an artistic design with buttons on top of scrapbook for navigation. Tabs sticking out of the notebook are also used as a navigation menu. Click on a link and the book opens to take you to the page. Throughout the site there is a lot going on, which may appeal to the site’s primary audience, but it can also become distracting.

Taylor Swift67

33. The Game – LAX

The Game’s68 website is dark and grungy with a red and black background. Again, Burger King banners are shown in the header and the sidebar, as well as the footer. News headlines and post excerpts are shown in the center of the page with video in the right sidebar. The sidebar also includes icons for links to social media profiles on sites like Facebook and Last.fm.

The Game69

34. Faith Hill – Joy to the World

Faith Hill’s70 homepage features three rotating pictures of Faith with snowy trees in the background. The homepage contains little content but links to all of the usual content such as media, tour, merchandise, news and more. The homepage also includes a link to buy the album through iTunes.

Faith Hill71

35. Robin Thicke – Something Else

72The website of Robin Thicke73 features a large, bright red header with a picture of Robin and a red and black halftone effect in the background. There’s not much content on the homepage, a banner to promote the album is the most prominent element in the layout. Avatars of members online are shown in the sidebar. This is helpful for getting visitors involved, but it seems that other items like upcoming tour dates or news headlines should also be included on the homepage.

Robin Thicke74

36. Duffy – Rockferry

Duffy’s75 website has what is probably the most pointless splash page of any site on this list. It simply contains a logo and a link to enter the site. It’s puzzling to think about why this page even exists. Once inside, there is a black and white image of Duffy on a black background with a video to the right and audio options above the video. The navigation menu includes a link to her MySpace page.

Duffy76

37. Slipknot – All Hope is Gone

As fans of the band would expect, Slipknot’s77 website is dark. The main content shown on the homepage is news in a blog-type format. The main navigation is to the left of the site and is incorporated with the background image. Throughout the site a link to launch Slipknot radio and a link to join the mailing list appear at the top of pages.

Slipknot78

38. Kottonmouth Kings – The Green Album

As you might guess, the website promoting The Green Album is green. Independent artists Kottonmouth Kings79 use a two-column blog layout with some video mixed in on several posts. At the top of the content area is a slideshow of fan pictures from MySpace. The sidebar includes common blog items such as a tag cloud, recent post links, recent comments, and category links.

Kottonmouth Kings80

39. Kings of Leon – Only by the Night

The website of Kings of Leon81 uses a three-column blog layout with main content in the middle. The site has a dark background and a picture of the band as a header images. News items are in the center with tour dates in the left sidebar and photos to the right. Logged in visitors can submit photos, which are hosted on the site rather than through another site such as Flickr.

Kings of Leon82

40. Darius Rucker – Learn to Live

Former Hootie and the Blowfish front man Darius Rucker83 has a website that is a bit different than many others on this list. There are no dark colors or grunge effects, and the news posts appear in a horizontal list rather than vertically. The site includes user prompted audio and video and generally gives a a better user experience and ease of use than most band/artist sites. The footer also includes links to profiles at social media sites like Facebook, MySpace and YouTube.

Darius Rucker84

Downfalls of Band Websites

Music industry websites often contain aspects of design styles that do not appeal to many designers, such as excessive use of flash, splash pages, audio that starts without user prompting, and sometime obnoxious graphics and design. However, if these items truly fit with the needs and wants of the site’s visitors, they can hardly be considered downfalls.

Lessons to be Learned from Band Websites

From the perspective of a web designer, you will most likely love the creativity of some band websites and hate the functionality and practicality of others. Regardless, it’s a good opportunity to see how a site can and should be designed with a very specific audience and purpose in mind. You can learn from both the good and the bad and you can evaluate the site based on how well it meets the needs of its users.

One trend that designers may find to be interesting is the common use of blogs in modern band sites. Some artists include blog posts on the front page of their site, and many show headlines labeled “news.” The news items are really just blog posts with a different name, one that may be more relevant or useful for the audience. This is a great example of how a blog can be used in a somewhat non-traditional blogging method that helps to improve a site, keep it fresh, and to provide information that visitors want.

Final Observations

After browsing through the sites there are a few additional trends that are worth noting. A high percentage of these bands are using blog-style layouts, with most of them displaying news or blog excerpts on the homepage. Additionally, many are using social networking sites and promoting their profiles actively from their official sites. Not only are Flickr photos and YouTube videos very common, but so are links to MySpace and Facebook pages. Lastly, many of the bands promote the sale of their music through iTunes and/or Amazon rather than attempting to handle the sale themselves.

What are your thoughts on the state of web design in the music industry? Which sites on this list do you like or dislike, and why?

(al)

↑ Back to topShare on Twitter

Steven Snell is a Web designer and blogger. In addition to maintaining his own blog and writing for a number of other top design blogs, he also manages an online shop that offers premium graphic design resources.

  1. 1

    katy perry & pink are my favs!

    0
  2. 2

    What about this one from SOULWAX

    0
  3. 3

    I am suprised by the lack of quality from artists that make millions. I think it is hillarious that many of these sites have ads for whoppers :D.

    2
  4. 4

    Another great post, if not for tracking down 40 relevant and recent music industry sites then for looking at these sites as they apply to the modern web standards designer, not just your modern flash only guru, as many music sites are “flash only”.

    0
  5. 5

    With the exception of Katy Perry, Mary Mary, and a few others, most of these site designs are strikingly unoriginal and executed rather poorly. You’d think that with the amount of money these guys are raking in, artists like lil wayne, James Taylor, and ACDC would have less hack-y websites. Regardless, it is an interesting look into web design in the music world with insightful commentary. thanks Smashing!

    0
  6. 6

    All I can say is.. Wow. The fans must have as little taste in visual stimulus as they do in music. I’d hate to see how they dress..

    :P

    Seriously, though, I can’t even begin to fathom why the business end of music would be so averse to a well presented front-end on the web. Only a select few of the sites listed are actually attractive, let alone well laid out.

    It reminds me of the (less) recent redesign of the clothing designer Lip Service (which targets the hardcore/club and rock/metal/industrial music scene). The previous site, while not standards friendly, necessarily, was at least well laid out and attractive. The new site is incredibly unattractive, and has a number of poor examples of interactivity and use of space.

    1
  7. 7

    Yeah, wow, ho-freakin’ hum.
    Then again, I’m not the target audience for any of these, so mission accomplished?
    :

    0
  8. 8

    Wow! To echo everyone else I’m amazed how many of these sites are poorly designed. I also don’t understand why bands think its a good idea to make their website look like their myspace page, great no you have two ugly sites!

    0
  9. 9

    My personal favorite band website would be Moonspell’s:
    http://www.moonspell.com/

    0
  10. 10

    there wasn’t one that wowed me. i’m really disappointed. sheesh

    0
  11. 11

    edouard duplessis

    November 24, 2008 5:21 pm

    kate perry …

    0
  12. 12

    I was surprised too. I had the idea for writing this post before looking at the sites. I was pretty surprised that there weren’t more sites that I liked, although I knew many would be lacking in usability. I also thought the Burger King ads were funny :)

    0
  13. 13

    Katy Perry’s website is well designed, I love it. Very cute and original. Can’t vouch for the others, I’m not into top 40 music mostly. I only went to her site to research a design thing I had to do based on one of her songs.

    Some of those are awful in terms of design. Can’t say anything about coding or function, I’m not visitng them ;-P I would bet my last dollar that they rely too heavily on Flash.

    0
  14. 14

    I love Kid Rock and Katy Perry website.

    0
  15. 15

    CouchSurfingOri.com

    November 24, 2008 9:20 pm

    This is a great article. I think that one main reason they use blogs, is because blogs are so easy to setup / customize / use / maintain. Someone sent me to QueenLatifah’s page which is good ol’ HTML…. with a tiny bit of flash embedded. Even someone who can afford an army to maintain their site (Such as Queen Latifah) may eventually get burnt out on the maintainance. QL’s site hasn’t been updated since October of 2007.

    0
  16. 16

    Nice article

    0
  17. 17

    Although they aren’t Top 40, the Linkin Park family of websites are awesome.
    http://linkinpark.com

    0
  18. 18

    Most big name artists sites are created and run by the record companies, not by the artists themselves. They are updated by interns and low level staff with little to no programming or design experience. Most record companies use the same template for many of their artists, they just change the appearance. “Myspace” or blog like designs present something that both the people reading, and the people updating the site are familiar with. The Burger King ads? Lil’ Wayne isn’t making that money, its the record companies squeezing every last dime out of their product.

    In the end, its people who don’t care or know about design, creating sites for people who don’t care or know about design.

    0
  19. 19

    I think that most of the sites aren’t that good i didn’t look through the code but the most of the design’s don’t make me happy at all…

    0
  20. 20

    Great designing by TenMinuteMedia (katy). But the source code doesn’t make me happy indeed like Soap said.

    0
  21. 21

    Thanks for this article! I really enjoyed reading and gave me some help, designing the new website of my band. I know it’s pretty damn hard to design a band website, but i think it’s going to work.

    Besides that, i really like the Paramore website. Not only it’s design, but also the feature’s that the band can send in mobile pictures and video’s, makes it really personally! That’s what i like about it.

    If i had to choose between all the websites from this article, i would choose the website of the Kings of Leon.

    0
  22. 22

    I like most of the Designs the Music Business especially the Urban and Independent Labels do great Stuff on the Web and on the CD Cases. Thank you for this intresting Post.

    0
  23. 23

    Maybe not on the top 40 right now, but Nine Inch Nails – http://www.nin.com – and it’s subsites are always pleasing.

    0
  24. 24

    Money money money… we want your money. This kind of “artists” are mere (gorgeous and beautiful) pawns of the music industry, only because the big chiefs of big record labels are fat and ugly and they need them in order to maintain their “celebrity lifestyle”. It would be nice a post with underground great artists with great design covers and websites… for example the record label 4AD (Vaughan Oliver anyone?), The Swans, Underworld (do you like Tomato?) and many more.
    Listen to Slowdive and support good and true musicians!

    P.S. this is only my humble opinion, so don’t get me wrong, I enjoy your website a lot!

    0
  25. 25

    I like the glossy designs of some of these artists, but please, leave the splash pages alone! Splash pages are so annoying..

    0
  26. 26

    Great post, really like this one. Some really nice sites, a lot of band sites are just awful. My fav band are the Red Hot Chili Peppers and their site is probably the worst band website I’ve ever seen.

    0
  27. 27

    I think many people don’t realize how the music industry works. The artists themselves normally have nothing to do with the promotion and sale of their music. This includes the artwork and content of websites, photos used for promotion, cover art, etc. All this is handled by the company hired to distribute them; Sony, BMG, etc. or in some cases by the producer.

    99% of the artists don’t have the right to sell their music, selling music is actually selling a license to listen to it and this right is signed over to a distribution company. That is why the links to buy the music go to iTunes or Amazon. Mainstream artists don’t own their music.

    It’s just a big corporate machine, very few of these websites represent the artists in any way. Moby, M.I.A. and for some strange reason Britney Spears seem to be exceptions to the rule and actually transmit their own, often horribly written, thoughts directly to their public.

    2
  28. 28

    Nice list, and nice gimmick on the title. I wasn’t expecting this kind of list when I read it on my RSS feed. More bandsite please..

    0
  29. 29

    I especially like Kings of Leon’s site. I’m probably biased though since I love their music. This post couldn’t have come at a better time as I am currently working on a design for a mate’s band. I”m doing a custom wordpress theme for them so that thy can easily update the site. I wonder whether there are any bands that use WP.

    0
  30. 30

    Well you can’t expect artists to be geeks like Weezer, and of course not doing their websites themselves. From that, I guess there’s just some artists who are involved even a little bit and others who don’t care.

    The thing is, artists’ websites got a lot of redesign, like at each disc release, and I don’t think people spend lots of time on it. Put 2 wallpapers and photos, tour dates, news and voila.

    What get on my nerves is when I can’t fint any music to listen, then what’s the point ? :)

    0
  31. 31

    Check out other sites with social networking, and where fans can buy direct from the artist tickets without the crazy service charges of TicketMaster….MarkKnopfler.com, Yanni.com, lisahannigan.ie,…great artists who control their own sites

    0
  32. 32

    Again, Flash is mentioned as a possible “downfall” to music industry sites…

    Let’s stop this once-and-for-all. Flash is simply a tool—a tool to release ideas and communication. It doesn’t matter what platform is chosen: it’s about the message that the platform is carrying.

    If the technology gets in the way: then it is the designers fault, not the software.

    Also, in an industry that is all about sound, why would Flash even be questioned?

    0
  33. 33

    I was really expecting a better showcase of work. Most of these web sites are…lacking in fundamentals of good design. Not just web design — but visual communication overall.

    The featured James Taylor web site looks like it was made in the 90s.

    0
  34. 34

    A friend showed me this feature. Pretty interesting. I designed the Kid Rock site. Might look better in comp phase than live. Visit my site for to check it and for more Atlantic Records sites that may be of interest –

    0
  35. 35

    wow this is a nice reference for sure.

    0
  36. 36

    You should do a showcase of the best myspace pages designs!!!
    That would be sooooo interesting! I would love to see that!.

    By the way.. very nice article.
    Thanks

    0
  37. 37

    heather van de mark

    November 25, 2008 7:59 am

    This reminds me of the SM article about retails store designs for fall–so much profit obviously not going into creating a strong, dynamic and lasting web presence. They’ll be scrambling in the next five years. A lot of these sites lack creativity. But then again so does a lot of music nowadays.

    0
  38. 38

    wooooah !!! katty perry !!!

    beautifuuuuuuuul !!!

    0
  39. 39

    Interessting article and funny comments.

    As maybe two or three persons pointed out, the record industry is about making money. The artists themselves hardly ever deal with “their” websites. Those websites are supposed to represent the artist as a product – nothing else.

    Apart from that, one should notice that this is not the usual Smashing Magazine showcase delivering beautiful blog designs, minimalistic designs, big typography designs or whatever the topic might be. As stated in the introduction, this posting aims at giving an overview of web design within the music industry. And it does this very well.

    From a web workes point of view, you have to know that the music industry usually wants a website produced within a very short time frame. The result of this is developing the site under heavy time pressure. On the other hand, websites have to work together with determined CMS in use by the companies and thus, functionality and also design is sometimes limited by this. For instance, it seems that most of the Universal websites build upon the same template so I guess the latter point might apply here.

    Also, websites themeselves are not becoming less important but attention shifts to the artists profiles in social communites. Of course, especially myspace. It would be interessting to see a showcase of well-designed Myspace artist profiles (hard to believe, but they exist).

    Great article! Thank you

    0
  40. 40

    Crazy, I just did this myself the other day. A client wanted to make sure a design would “speak to the youth” and I thought I might as well double-check my design sensibilities by reviewing popular band sites. I was very disappointed, as I was expecting to see a lot more creativity.

    I’ve reflected a bit and wonder how many of these square, disorganized, boring sites look that way because of MySpace. It’s possible that these sites aren’t “uninspired” at all, but have been specifically (or at least subconsciously) designed to resemble what visitors are already familiar with.

    That scares me more than a little bit. :)

    0
  41. 41

    One more point that can be made is that these projects are generally poorly managed by artist reps and account execs. The creatives usually get little, if any say in the final product. Business agendas win out over sexy design every time when projects are handled completely by the suits.

    I also note a huge negative attitude toward the use of Flash. how many of you couldn’t see the Flash elements here? (chirp, chirp). If used correctly the content in the Flash portions of the site will still be usable even in the unlikely event that someone doesn’t have the most ubiquitous plug-in around or if they’re viewing the site by different means (like mobile). As someone mentioned above, it’s a tool to get the job done.

    0
  42. 42

    They shouldn’t use flash?
    C’mon people, great marketing is about adapting to your market, even if its not necessarily in line with “ideal” web practices. Kids respond to stuff that moves and makes noise. And flash is the most (cost) effective way to do that. Like the previous poster said, none of you had any trouble accessing this content, and none of these kids do either.

    0
  43. 43

    Even though I don’t enjoy the music of any of the following: ACDC, Katy Perry, Slipknot or Taylor Swift, I think these website are more successful because they capture the music in a visual environment.

    0
  44. 44

    fascinating
    what is your most important “take way” from this article?
    Marc Veeple

    0
  45. 45

    One suit said to another suit. “Let’s take the ad we ran in in Rolling Stone throw some buttons on it and call it a website.” Apparently some labels put as much effort into their website as they do their shoddy album art.

    0
  46. 46

    I like the Katy Perry site as well, but when I viewed the source, I was surprised to find some frameset and frame-tags…

    and apparently Taylor Swift as well..

    and some others just full-flash sites

    I agree that they are well “designed” when speaking graphics, and compared to the blog-like sites, but doesn’t SEO or semantic code matter to these people ?

    just an idea from someone who tries to keep his code within webstandards as much as possible..

    0
  47. 47

    What is the font utilized in the Jennifer Hudson’s site in the top-right. I’m sorry i’ don’t speak english very well, i’m italian

    0
  48. 48

    I find it hilarious that its mostly the rap artists with banner ads on their sites. Even funnier how they all appear to be from Burger King…

    0
  49. 49

    Nice article. Primal Scream have the best band website ever: (http://www.primalscream.org/flash.htm). It’s old but good!

    0
  50. 50

    I like the Katy Perry site as well, but when I viewed the source, I was surprised to find some frameset and frame-tags…”
    Thats for the online music I guess.. It would be irritating when the music would stop playing when u hit a button on the website.

    0
  51. 51

    weezy…freakin’ terrible
    makes you wonder what all that money is being spent on

    0
  52. 52

    Another great post that keeps ‘SM’ on top of the game! Thanks
    (Also great to see UK artists in there with the US). Keep up this quality.

    0
  53. 53

    Jan Tonellato . Synthview

    November 26, 2008 2:41 am

    Without judging his music nor web design, Nine inch nails have always been an avant-gardist. He created a totally community oriented web site before this 2.0 mode.
    What a pity you forgot him.

    0
  54. 54

    What is the Purpose of your post ?
    i can also google artists…

    0
  55. 55

    I vote for Kidrock website!!

    0
  56. 56

    Not as famous as the artists above, but a really nice site: http://www.sergioflores.co.uk/

    0
  57. 57

    I come from the usability school of thought, and spend most of my time teaching bands how to NOT go about building a site, especially using lots of flash, splash pages, etc.

    Most of the time they don’t listen! They think because big label sites do things a certain way they know what they are doing.

    Here’s a good example of a band that DID listen to me and I think they have a good balance of simple design, graphics, AND calls to action that meshes together very well!

    http://www.fearzero.com

    0
  58. 58

    It seems like a lot of bands are choosing layouts and designs that are very similar to social network profile pages such as MySpace. It makes sense I suppose, with their target audience already being familiar with this format, however it’s sad to think that MySpace is leading the way in any type of design :

    0
  59. 59

    you missed KanyeWest

    0
  60. 60

    no doubt, metallica is awesome!

    0
  61. 61

    Indeed, must of the sites suck (others are below that)… Haven’t found one enjoyable. Curious when CD’s are such artistic objects, websites are so poor. If someone finds a decent music website, please post it.

    PS. Fast food and fast music go together =P Junk

    0
  62. 62

    I can tell you, and it was mentioned above, that in the music industry, a majority of the time the final product is decided upon by people in management that have no business making artistic decisions.

    0
  63. 63

    In France we also have beautiful sites for our artists. Including Mylène Farmer http://www.mffcf.org

    0
  64. 64

    Hanson.net is a great-looking band website, as well! A far cry from their 1997 MMMBop days, I must say!

    0
  65. 65

    All the sites looks like they came from a music template site. Same crap, different names on top. But that’s the state of pop music these days. Like Jorge Landa said, “Fast food …”

    0
  66. 66

    Only the winner of the Preiliminary Round goes through to the final round.

    0
  67. 67

    This is a great post, There is a real lack of good articles about band websites…it’s something id love to see more of, rather than just the top 40, would you guys be able to do a featured article on music related websites?

    i think musician’s have it wrong just focusing on blog type layouts, I think that there is to much focus on social networks and bad design, over populated content…

    yeah best band/music websites post please !

    0
  68. 68

    As a musician and a web designer, first of all, thank you for compiling this list. Secondly, I think we have all realized that quality music doesn’t always equal a quality website. I was shocked to see Metallica’s website looking like something from 1997. It seems that in most cases, artist sites chose either form or function, rather than striving for excellence in both. I think they could learn a thing or two from movie websites, which I believe do a brilliant job of being both original and user friendly. Sadly, for many musicians, their website has become an afterthought, used to promote merchandise or their MySpace page, rather than providing their fans with something they couldn’t find someplace else.

    0
  69. 69

    Your are Great. And so is your site! Awesome content. Good job guys! Interesting article, adding it to my favourites!

    0
  70. 70

    what about: RADIOHEAD.com?

    They have a lot of good stuff there, and something called “Memory Hole” where u can access to the older websites

    0
  71. 71

    Collection of maturess

    0
  72. 72

    Top 40, are you kidding? Most of these sites are good examples of what not to do, as far as usability goes. They’re overdesigned, so you have to strain your eyes to figure out how to find the content you want.
    But that’s what happens when web designers get rewarded for this type of work.

    0
  73. 73

    Rebecca Bortman

    June 30, 2009 2:53 pm

    How about some band sites not in the Top 40? There are a lot of indie bands that have successful sites without the excessive flashiness.

    My suggestion for that post:
    http://www.myfirstearthquake.com

    0
  74. 74

    lol it means Top 40 in music you idiot haha.. Not the best top 40 sites..

    0
  75. 75

    WHY ALL THE WHOPPERS????

    0
  76. 76

    hello everybody
    i i have a shop
    and i need designs for my exterior sign
    please hit me

    0
  77. 77

    by the way,

    0
  78. 78

    Is social media going to kill SEO?

    0
  79. 79

    What’s up everyone, I’m new to the forum and just wanted to say hey. Hopefully I posted this in the right section!

    0
  80. 80

    interestinggggg :)))……..
    [IMG]http://smileyhost.net/56/B/i.png[/IMG]

    0
  81. 81

    Another great website is http://www.placeboworld.co.uk

    0
  82. 82

    Hi,

    Am fairly new to this forum and just wanted to introduce myself and say “wuzup”.

    This looks like a great site with colors that I can stare at all day – and that is a rare case!

    I’m here to make friends and get involved. How could I best contribute?

    Laters.

    0
  83. 83

    Greetings,

    I am new to this community and just thought it would be a good idea to introduce myself and say “hi”.

    This is a good website with active people that I can stare at all day – which is a seldom case!

    I’m here to make friends and get involved in the community. How would I best get involved?

    Laters Ya’ll.

    0
  84. 84

    Did you know that you need to update your anti virus software for it to be effective against viruses?

    0
  85. 85

    bigfatdudendude

    April 16, 2010 6:57 pm

    Hey Folks,

    Trying for advice about what are the easiest tooth whitening tools to purchase?

    It has been very difficult to source the truthful information as far as I can see. One place tells you one thing and a different person advises you something totally the opposite!
    Well, I thought the easiest thing to do is get real information from you folks as you could have personal experience re this area.

    Any information will be greatly appreciated.

    Thanks in advance folks.

    0
  86. 86

    Im fairly completely new to this kind of community talk thing nevertheless I am keen to support and learn a good deal, I really hope. Specifically in regards health and fitness and the certain areas of nourishment and in my instance working out.

    Anyhow, merely saying hello there and wish to be around for a while.

    0
  87. 87

    wow hot damn there good man…………..

    HELLO

    0

↑ Back to top