Guide
How to build a music producer portfolio website.
By SoundToggle · Updated
Who it’s for, what to put on it, where to build it and how to make the audio sound the way you made it. Whatever platform you end up on.
The short version
- Decide who the site is for and what you want them to do.
- Lead with three to six of your best tracks, then credits, process, bio, services and contact.
- Pick a platform: a website builder for your own domain and full control, or a hosted page to be live today.
- Check the audio quality listeners actually get, and loudness-match any before/after.
- Test on a phone, then put the link everywhere.
Step 1
Decide who it’s for
A portfolio that tries to serve everyone serves no one well. Pick the visitor who matters most and build the home page for them.
Artists looking for a producer
They want: Your sound, your credits, what a session costs and how to book.
Managers, A&Rs and labels
They want: Credits with release names, results, and a fast way to hear your best work.
Sync and music libraries
They want: Clean, well-labelled tracks by genre and mood, and your rights position.
Beat buyers
They want: A catalog they can browse quickly, licensing terms and a way to pay.
Step 2
Decide what goes on it
For real pages to compare against, see 58 real music producer portfolio examples.
Your best work, first
Put three to six of your strongest tracks at the top. Assume a visitor will play only one or two, so lead with range only if every piece is strong.
Credits that say what you did
List artist, title, release and your exact role: produced, co-produced, additional production, mixed. Vague credits read as padding.
One example of your process
A rough demo against the final track, or a raw session against your production, shows what you add in a way a finished song cannot.
A short bio
Two or three sentences: genres, notable work and where you are based or whether you work remotely.
Services and how to hire you
What you offer (full production, beats, co-writing, mixing) and what happens next. You do not have to publish rates, but say how to ask.
Contact that is easy to find
A form or an email address on every page. Do not make people hunt for it.
Step 3
Choose where to build it
Four common setups. You can also combine them: a site on a website builder with a dedicated audio player embedded in it is the most flexible.
General website builder
e.g. Squarespace, Wix, WordPress, Webflow
Good for: Your own domain, full design control and as many pages as you want.
Watch for: Built-in audio is basic. Squarespace’s Audio block, for example, plays one MP3 or M4A track per block. A dedicated player embedded in the page gives you more control.
Music website builder
e.g. Bandzoogle
Good for: Made for musicians, with a music player, store and a .com domain on its all-in-one plans.
Watch for: Designed around artists releasing their own music, with a store and tour dates, so check it suits client work. WAV and FLAC uploads stream as MP3.
Hosted portfolio page
e.g. SoundToggle
Good for: Quick to set up, with no site to maintain. A/B before/after players, and lossless playback on paid plans.
Watch for: Lives on the platform’s domain (app.soundtoggle.io/u/yourname) and is a single page, not a full site.
Streaming profile only
e.g. SoundCloud
Good for: Sharing tracks and being found by listeners on the platform.
Watch for: Listeners hear re-encoded streams, and a profile is built around tracks, not services or credits.
Embedding a player on a website builder? Step-by-step guides: Squarespace, WordPress, Wix, Webflow.
Step 4
Get the audio right
A producer is judged on how the work sounds, so this step deserves as much care as the design.
Check what listeners actually hear
Some platforms accept a WAV but stream a compressed copy. Read the platform’s help page on playback quality, not just its upload page.
Do not rely on autoplay
Browsers block autoplay with sound until the visitor interacts with the page, so put a clear play button where people will see it.
Loudness-match any comparison
If you show a before and after, match their integrated loudness (LUFS) first. Otherwise the louder version wins and the comparison proves nothing.
Test on a phone
Links shared on social media are often opened on a phone. Check that players load, controls are tappable and nothing is cut off.
What a process example can look like
A SoundToggle A/B player. Press play, then switch versions mid-playback.
Step 5
Launch checklist
- Register or connect your domain, if you are using one.
- Put one strong player and a one-line description of what you do above the fold on the home page.
- Add credits, services, bio and contact. Keep it to a few pages.
- Write a page title and description that say “music producer” plus your genre or city, so search engines know what the page is.
- Test every player and the contact form on a phone and a laptop.
- Put the link in your social bios, email signature and every pitch.
- Score it against 58 real music producer portfolios.
Where SoundToggle fits
SoundToggle is a portfolio platform built around A/B before/after players. Use it as a hosted portfolio page, as the player you embed on a site you build elsewhere, or both. To set up the hosted page: set a username in Settings → Account (it becomes app.soundtoggle.io/u/yourname), create projects from New Project, set the ones you want seen to Public under Privacy & Access, then fill in Portfolio Page in the sidebar and press Save.
- Free: 3 projects, 250 MB, lossy uploads, loudness matching.
- Pro ($9/month or $199 once): lossless playback, 25 projects, no branding, contact form.
- No custom domain, and no contracts, invoicing or delivery tools. It is a portfolio, not a project-management app.
Questions people ask
What should a music producer portfolio website include?
Your strongest few tracks at the top of the page, a credits list that says exactly what you did on each (produced, co-produced, mixed), at least one example that shows your process, such as a rough demo against the final track, a short bio, the services you offer and how to hire you, and a contact method that is easy to find. Links to your streaming profiles and real testimonials help, but they are secondary to the music.
Do I need my own domain name?
It is not required, but a domain such as yourname.com looks more established in pitch emails and is yours if you ever change platforms. General website builders and music-specific builders let you connect one, usually on a paid plan; Bandzoogle says its all-in-one plans include a .com domain. Hosted profile pages, including SoundCloud profiles and SoundToggle portfolio pages, live on the platform’s own domain.
Is a SoundCloud profile enough as a producer portfolio?
It is a good place to share tracks and find listeners, but it is built around tracks rather than services and credits, and listeners hear a re-encoded copy rather than your file: SoundCloud’s help center says free listeners stream AAC at up to 160 kbps and Go+ subscribers at up to 256 kbps. Many producers keep a SoundCloud profile and link to it from a portfolio site.
What audio format should I upload to my portfolio?
Upload the best file the platform accepts, then check what it actually plays back, because those are often different. Squarespace’s Audio block accepts only MP3 and M4A. Bandzoogle accepts WAV and FLAC but streams them as 192 kbps MP3 on its uncompressed setting. If full-quality playback matters to you, choose a player that streams the original lossless file.
How do I show a before-and-after fairly?
Use the same section of the song in both versions with identical start and end points, and match their perceived loudness (integrated LUFS) before comparing, because a louder version tends to sound better on first listen. A player that switches between the two in place, without restarting, makes the difference easiest to hear. SoundToggle’s A/B player does this and offers loudness matching on every plan, including Free.
Can I put client work on my portfolio?
Only with permission from the artist and anyone else with rights in it, such as a label or publisher. That matters most for unreleased songs and rough mixes. If you cannot get permission to publish something, share it privately instead, for example behind a password-protected link.
Can I use SoundToggle as my portfolio website?
Yes, for a simple one: every account, including Free, gets a hosted portfolio page at app.soundtoggle.io/u/yourusername. It is a single page and does not offer a custom domain. If you want your own domain or a multi-page site, build the site on a website builder and embed SoundToggle players in it.