Music Website Template Design: Customizing Vesper

Music Website Template Design: Customizing Vesper

What's in a theme? Since releasing the sleek and responsive website template, Vesper, so many musicians have been using it to build great looking websites! This theme, besides being mobile-responsive, is also very flexible. So no matter what type of music you play, the stylish Vesper template can work for you!

It all starts with a great image

First off, let's talk about your image. I do mean the 'brand' that you want to portray, but also your main website image. These two things should be tied together. That way, when a music lover and potential fan lands on your website, they know right away what your music would sound like - just from what they see!

Having some high quality images in the header area of your website will set the tone for your website. Think about the impression you want to make. You could go for striking - dramatic black and white for an indie-rock artist, or a sepia tinged group shot for your folk band.

[8 Ways You Should be using Photos on your Band Website]

A stunning image placed in a website template can work in parallel with your music to create an overall effect. Let's look at some examples!

Beautifully muted blue website

The streamlined look of the Vesper theme lends itself nicely to an uncluttered website. A simple image in the header area will help solidify your brand. Try an image of yourself, your instrument, or some scenery that conveys your sound.

The blue version of Vesper works really well for a classical music website, setting a serene vibe. Look at how classical violinist Sornitza Baharova has done this, using an image that is interesting, and matches the calm feel of her music.

Classical music website template

Kicking it up a notch, this same color scheme works just as well for a beats website! If you want to make money selling beats on your website, this theme has a simple, clean look that will let you focus on content.

With a banner image that represents who you are as a producer, keep the content area simple. Add calls to action that will direct your visitors right to your Store page to buy your tracks.

Beats website template

[How to Build a Website to Sell Beats Online]

Basic black and white website

Another variation on this template is black and white. It's a bit more dramatic and works well for a variety of music genres, depending on how you dress it up.

You can add pops of color, like alt rock band London Above, whose main image tells you right away that they're probably a lot of fun. They're also great at keeping their fans up to date with new snippets of information with their blog and Twitter feed.

Alt rock website template

Fun and funky website

And now for a fun twist, there's a version of Vesper that uses a trendy color combination of navy and pink. It's perfect for a singer- songwriter, folk, Christian, or country artist!

Taylor Loren has used an array of images to create a website that makes you want to listen to her music. She's even got a matching pink shirt that ties in perfectly with the pink menu bar. To let her website visitors know exactly what she looks and sounds like live, she also includes an embedded music video.

Music website template

Mellow Yellow website

Not a band but still need a music website? This version of the website template is a good bet for anyone that wants a modern looking, clear layout.

The neutral background lends itself to any kind of main image. Check out media composer Eric Watkins' website with a gloriously haunting header image, a clean content area, and gorgeous music to match.

Composer website template

Go big or go home

One nice thing about Vesper is that it allows for a large image on the landing page, grabbing your visitor’s attention immediately. Then on the inner pages (every page but the Homepage), a shorter image is featured. You can either use an image that works on all pages, or change your image on every page.

Deafheaven does a great job with this. Their first page features a picture that tells a thousand words, plus an effective call to action to sign up for their email list right away. Then their inner page images are all different, making every page interesting to look at. They have also added some customization to the basic theme to change around the design elements.

[Why Email Newsletters are still a Vital Marketing Tool For Musicians]

Rock band website template

Make it about the Menu

Looking for a way to make your menu bar stand out a bit? Use a logo rather than text for your band name. Check out this funky, free-spirited logo that Hana Kin has added to her website. It ties in an unexpected color and adds a bit of playfulness to her website menu.

Website template with logo

Does your website have great images and font choices that show off your genre of music, in a visual way? We hope these examples inspire you to create a personalized version of Vesper!

Create a stylish website that’s easy to update in minutes. Try Bandzoogle free today!


Posted by Julia on Sep 29 2015 8:01 AM
Check it out
Stones of Fire
Posted by Stones of Fire on Oct 9 2015 11:35 AM
Sorry to ask such an ignorant question, but ... uh ... what is "Vesper"? You didn't even tell us what it is, did you? Is it built in to Bandzoogle's library of website themes? Is it a separate package that I need to download? Help me out here, OK? Thank you.
Posted by Cameron on Oct 9 2015 11:41 AM
Hey @Stones of Fire! Yes, Vesper is one of our themes! If you go to Design > Choose a Different Theme, Vesper will be at the top left! If you have any questions, feel free to reach out to us via the Help tab!
Mak Ramz Music
Posted by Mak Ramz Music on Nov 1 2015 5:43 PM
bandzoogle just cant save their own ass. no matter how much feed back you give them. they dont have listening skills. as long as they like a product, they think its gonna be a hit. i lothe the day i subscribed. should have never fuckin paid for a 6 month subscription.
Posted by Julia on Nov 1 2015 6:15 PM
Hi @Mak Ramz Music, sorry to hear that you're disappointed in the service here! We're happy to help you with your website - if you have any questions or concerns, don't hesitate to get in touch with the support team through your Help tab. We're always willing to assist.
Posted by alfalah12345 on Nov 18 2015 12:17 AM
i will check it out...
Matthew Stephens
Posted by Matthew Stephens on Jun 5 2016 9:14 AM
Hi, how do you change the size of the menu bar in Vesper please?
Posted by Desi on Jun 5 2016 9:26 AM
@Matthew Stephens, I've reached out to you through your account!