Menu Search
Jump to the content X X
Smashing Conf New York

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Showcase Of Music Night Clubs Web Designs

The time has come for the first showcase of music night club websites here on Smashing Magazine. We’ve scanned the Web up and down to find the most original and interesting online club identities. As usual, we have Flash websites and CSS eye candy. Please notice that the aim of the post was to showcase current web designs of music night clubs, so the gallery doesn’t necessarily showcase most usable or most beautiful night club web designs out there.

As we observed in the early Showcase of Fresh and Well-Designed Online Shops1, the most obvious trend is the use of big bold pictures, either as backgrounds, headers or just side graphic elements thrown in the design mix. Most of them start playing music automatically (which is extremely annoying from the usability point of view), but in this case it’s not weird or off-putting because they are music club websites after all.

Another trend is the use of bright, vivid colors and intense color schemes, borrowed from the clubs themselves. Also, Flash clearly dominates in such web-sites, presenting some very unconventional navigation menus and very distinctive layouts that aren’t intuitive at all at the first glance.

Please feel free to use the comments area to suggest other club websites that you like.

Showcase Of Music Night Club Web Designs Link

Anzu Club
Anzu radiates a great vibe that mixes fluid and electronic, with creative Flash and amazing usability.

Anzu

Sass Vienna2
A simple yet visually rich website, with great transparency and light.

Sass3

Bar Music Hall
At first glance, this looks like a horizontal navigation-based website, but a closer look reveals that the only horizontal thing that moves is the header. A nice original way to keep it simple yet effective.

Bar Music Hall

Lux Fragil4
Ever wondered what kind of website Alice (of Wonderland) would want for her club? Pretty much one like this.

Lux Fragil5

Matter London6
A simple and effective design that uses the right colors.

Matter London7

T Bar London8
Okay, this one is neither Flash nor the clean modern look, but it still looks classy without any fancy makeup. Just good old text (three columns) and images (one at a time).

T Bar London9

Club Silo10
Prepare yourself for this one. Enjoy a full 3-D experience, with a cube-like menu put right in the middle of the club.

Silo11

Blondie Bar12
This one is as cheap as it gets: static HTML with a flyer and embedded Tumblr blog. Not enough for a cool club? See for yourself.

Blondie Bar13

Sugar Factory14
Some black and yellow awesomeness, with a lot of AJAX and nice blog integration.

Sugar Factory15

Sub Club16
Minimal but definitely not simple, this one has the coolest menu in this entire showcase. Text at its best!

Sub Club17

Macarena Club18
Don’t be fooled by the Latino-nostalgic name, we have a good-looking and really compact website here. The best part: fantastic player integration.

Macarena Club19

Favela Chic
This one may be the only WordPress website in this roundup. A cool and efficient three-column theme. As visually random as the club itself.

Favela Chic

Week End20
What if we could reduce a club website to its core feature: the schedule? We’d end up with this simple and beautiful calendar from the Week End club in Berlin.

Weekend Berlin21

Cube Club
Very illustration-oriented, the Cube’s website must be the coolest entry by far for a CSS fan.

Cube Club

The Esplanade22
Also known as Espy, the Esplanade Hotel is one of the coolest live music venues in Melbourne and has a mesmerizing Flash website, with strong black and white graphics and beautifully crafted animations. I really like the cloud pre-loader.

Espy23

Michelberger24
Part website, part zillion-instrument club website, this one is a Web illustration masterpiece. You can turn some knobs on the remote in the lower-right corner.

Michaelberger25

Trouw 26
A simple grungy blog website, with all the info you need stored in small post-like areas.

Trouw27

Paradiso28
The audio player look and feel of this website is truly fantastic. Just zap around.

Paradiso29

Dice Club30
This one looks more like a fashion website than a club one because the header is huge and has nice photos of the staff.

Dice Club31

Baalsaal32
Another full-screen Flash-based website, with a beautiful illustration in the background.

Baalsaal33

Flex34
This one has a practical, down-to-earth approach, but with some cool graphics as well. Highlights: the calendar-like design and grid-based multimedia archive.

Flex Club35

Beta Nightclub36
The Apple Computer of club websites. Glossy and stylish, with a great navigation system.

Beta Nightclub37

Watt Rotterdam38
Why didn’t I think of that? A full-width header that scrolls like a carousel makes this website look slick!

Watt39

Residenz Lounge
Cool flashy menu, and a good overall experience.

Residenz Lounge

Barraca40
Amazingly seamless integration of large images and small widgets: audio player, live news feed, dynamic agenda, podcast and social media shortcuts.

Barraca41

Pacha Global42
Amazing Flash, with a dynamic menu and other interactive goodies.

Pacha43

Byblos44
What’s better for a club website than moving eye candy at full screen? Great execution and creative design.

Byblos45

Le General46
Nice communist propaganda design for Le General. You know why red is the color of choice!

Le General47

Smart Bar48
Practically a one-page website, with buttons only for extra info, the Smart Bar website sports a few digital sticky notes with a very a fresh look.

Smart Bar49

Club Disco
Another Flash production, this time in glossy-Matrix fashion.

Disco

Bourbon Street50
Great transparency and fake pop-up windows on this colorful Brazilian website.

Bourbon Street51

Ministry of Sound52
The legendary MoS club has a slick website with a glossy but clean look.

Ministry of Sound53

We Love Music
Great color scheme and some goofy illustration make for a simple but pleasant virtual trip to Ibiza.

We Love Music

Brica Bar
Here we have cool Reservoir Dogs-like characters for menu items. The colored bubbles in the back are a great choice for this.

Brica Bar

Bonus: Awdio54
Not really a club, but one of the biggest club-related achievements of the last years, Awdio is a jukebox that plays live music from the best clubs in the world. The layout is built around a Flash-based player that features various “stations” (live music venues).

Awdio55

(al)

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2009/09/05/showcase-of-fresh-and-well-designed-online-shops/
  2. 2 http://www.sassvienna.com/
  3. 3 http://www.sassvienna.com/
  4. 4 http://www.luxfragil.com/
  5. 5 http://www.luxfragil.com/
  6. 6 http://www.matterlondon.com/
  7. 7 http://www.matterlondon.com/
  8. 8 http://www.tbarlondon.com/tag/swayzak/
  9. 9 http://www.tbarlondon.com/tag/swayzak/
  10. 10 http://www.silo.be/#
  11. 11 http://www.silo.be/#
  12. 12 http://blondie-bcn.com/
  13. 13 http://blondie-bcn.com/
  14. 14 http://www.sugarfactory.nl
  15. 15 http://www.sugarfactory.nl
  16. 16 http://www.subclub.co.uk/
  17. 17 http://www.subclub.co.uk/
  18. 18 http://www.macarenaclub.com/
  19. 19 http://www.macarenaclub.com/
  20. 20 http://www.week-end-berlin.de/events/roof/
  21. 21 http://www.week-end-berlin.de/events/roof/
  22. 22 http://theesplanadehotel.com.au
  23. 23 http://theesplanadehotel.com.au
  24. 24 http://www.michelbergerhotel.com
  25. 25 http://www.michelbergerhotel.com
  26. 26 http://www.trouwamsterdam.nl/en/
  27. 27 http://www.trouwamsterdam.nl/en/
  28. 28 http://www.paradiso.nl/web/show
  29. 29 http://www.paradiso.nl/web/show
  30. 30 http://dice-club.de/
  31. 31 http://dice-club.de/
  32. 32 http://www.baalsaal.com/
  33. 33 http://www.baalsaal.com/
  34. 34 http://www.flex.at/flex_frontend/
  35. 35 http://www.flex.at/flex_frontend/
  36. 36 http://betanightclub.com/
  37. 37 http://betanightclub.com/
  38. 38 http://www.watt-rotterdam.nl/
  39. 39 http://www.watt-rotterdam.nl/
  40. 40 http://www.barracamusic.com/
  41. 41 http://www.barracamusic.com/
  42. 42 http://www.pacha.com/
  43. 43 http://www.pacha.com/
  44. 44 http://byblos.hr/
  45. 45 http://byblos.hr/
  46. 46 http://www.legeneral.ro/
  47. 47 http://www.legeneral.ro/
  48. 48 http://www.smartbarchicago.com/
  49. 49 http://www.smartbarchicago.com/
  50. 50 http://www.bourbonstreet.com.br/
  51. 51 http://www.bourbonstreet.com.br/
  52. 52 http://www.ministryofsound.com
  53. 53 http://www.ministryofsound.com
  54. 54 http://awdio.com/
  55. 55 http://awdio.com/
SmashingConf New York

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Catalin Zorzini is a design blogger with a content marketing background. He founded Mostash, Ecommerce Platforms and Inspired Magazine. He loves hot soup and hot jazz.

  1. 1

    I swear to god I was at the sass club vienna last saturday :D

    0
  2. 2

    Oh dear, some of those website are pretty bad.
    Spash pages, flash navigation, iframes?
    It’s cool to see how different all of them are though. I love the design of cubeclub-chemnitz.de

    0
  3. 3

    Cool selection.

    1
  4. 4

    Have never really ventured into this part of the web before. Interesting results.

    0
  5. 5

    Great post, I was just looking for music webdesigns for my new website about free music. Thanks!

    0
  6. 6

    Sorry to say but only two of them are good designed :[

    0
  7. 7

    some styles are a little doubtful. It’s a very controversial list.

    0
  8. 8

    cool :) there are loads of more examples ofc as clubs around the world seem to be more careful then other entities in relation to it’s online presences. thx.

    0
  9. 9

    It’s cool to see those. A lot of those site are pretty poor in terms of the techniques, like mentioned by Marlou – but it also reminds us of something that has imho gotten lost in the last years of the blog-era and that is, i think, way more present in music-related websites (clubs, festivals, bands):
    a lot of people still don’t really care about accessibility & good practices, but want a website to be some kind of entertaining experience no matter how much flash & splashes they are going to encounter. This is still very dominant in websites that don’t really need to produce a lot of traffic, but rather represent someone already widely or locally known.

    A lot of those designs would be unthinkable for a magazine or a company site, but they do just fine for a local night club.

    Also cool to see Vienna’s Flex website up there, this one is really well done!

    1
  10. 10
  11. 11

    cube club rulez!

    0
  12. 12

    i’m glad to see this because this leads me to a question:
    i’m really interested in portfolio designs for audio professionals, being a musician myself, I was wondering if there are any plans to put up a list of good practices for a portfolio that is based around audio?

    0
  13. 13

    Jules Tribuetche

    September 13, 2009 6:35 am

    Lately most of smahingmagazine’s articles suck. They really suck. Look at this article fgs.
    You can create this in 15 minutes

    0
  14. 14

    I agree with Marlou, some of these sites are bad. The T Bar site drives me crazy with their links that look like text and text that look like links. The week-end-berlin is my fave, purely because it gets the point across without doing anything silly.

    0
  15. 15

    Huge resource, keep it up Smashing!

    0
  16. 16

    I like Club Noa’s site: http://www.club-noa.nl

    0
  17. 17

    You may want to add this one to the list. http://www.asylumafterhours.com Its a late night club in hawaii. I designed and produced the entire project. Enjoy. It was built using WordPress, no flash, lots of JQuery.

    0
  18. 18

    bah.. only 2 of those are well designed. BAD LIST!

    But good effort anyway!

    0
  19. 19

    Some of them are very cool.

    0
  20. 20

    Wow, time to re-design. Those are horrible.

    0

↑ Back to top