Skip to content
Producer Dashboard

Visitor Experience

When someone lands on your public portfolio page, they enter a curated space designed to showcase your music and make it easy for potential clients to connect with you. Your public page works as your always-on music store — no login required, no time limits, just your work presented beautifully.

What Visitors See First

Section titled “What Visitors See First”

Your public page opens with a bold header that immediately establishes your brand. The banner image you choose fills the top of the screen, followed by your profile photo, artist name, and bio. This header section gives visitors the context they need before diving into your music.

Below the header, visitors find your social links as clickable icons — Instagram, SoundCloud, YouTube, or whatever platforms you’ve connected. They can follow you on their preferred platform without leaving your page.

The rest of the page is organized into sections based on the buckets you selected. Each bucket becomes its own section, with the bucket name as the section title. Visitors scroll through your work section by section, discovering your catalog in the order you choose to present it.

Browsing Your Music

Section titled “Browsing Your Music”

Your tracks appear in either grid or card format depending on what you selected for each section. The grid view shows smaller thumbnails in a tight layout — good for giving visitors many options at a glance. The cards view displays larger track cards in a horizontal scroll — better for letting each track breathe and show more detail.

Each track card displays:

  • Album artwork — a colorful geometric shape or pattern generates automatically if you haven’t uploaded artwork
  • Song title — the track name prominently displayed
  • Duration — how long the track runs
  • Genre tags — helping visitors quickly identify your style
  • Play button — the entry point for audio preview

This layout lets visitors quickly scan your catalog and decide which tracks interest them most.

Audio Playback

Section titled “Audio Playback”

Clicking the play button on any track opens your persistent waveform player at the bottom of the screen. This player stays visible as visitors browse, so they can listen while exploring more of your work.

The waveform player includes:

  • Visual waveform — a colorful visualization showing the track’s audio landscape
  • Progress bar — visitors can click anywhere on the waveform to jump to that spot
  • Time display — current position and total duration shown clearly
  • Play and pause — a large circular button for easy control
  • Volume slider — adjust playback loudness
  • Track queue — when one track finishes, playback automatically advances to the next in the current section

The player shows the accent color you chose for your page, creating a cohesive visual experience. All audio streams directly from your connected Dropbox account, so visitors hear high-quality bounces without any download steps.

Contacting You

Section titled “Contacting You”

If you’ve enabled the contact form, visitors see a “Contact” section at the bottom of your page. This section lets potential clients reach out directly — perhaps to discuss licensing a track, request a custom project, or simply ask questions about your work.

The contact form asks for the visitor’s name, email, and message. When they submit it, you receive an email notification with their inquiry. This creates a direct line of communication between you and interested clients, all without exchanging contact information publicly.

You control whether this form appears through your public page settings. If you prefer to direct clients to your email or social media instead, you can disable it.

Section titled “Featured Collaborators”

If you’ve added collaborators to your public page, visitors see a dedicated section showcasing the people you work with. This could include vocalists you’ve produced for, mix engineers you’ve partnered with, or other artists in your network.

Each collaborator appears as a card with their photo, name, and any featured status you’ve given them. Visitors can click through to learn more about your team — building trust and demonstrating the quality of projects you deliver together.

Mobile Experience

Section titled “Mobile Experience”

Your public page adapts smoothly to mobile devices. On smaller screens, the grid view adjusts to fewer columns, the cards view scrolls vertically, and the waveform player remains fixed at the bottom for easy thumb control. Navigation stays simple and touch-friendly, ensuring visitors can browse your music just as easily on their phone as on a desktop.

Page Availability

Section titled “Page Availability”

Your public page exists at a permanent URL based on your display name: client.producerdashboard.app/pages/your-name/. Share this link anywhere — your social bios, email signatures, business cards, or music industry platforms.

The page is always live when you publish it, working around the clock without any action needed from you. When you update your profile information, add new tracks to your buckets, or change your accent color, those changes appear automatically on your public page.

If you unpublish your page, the URL returns an error. This gives you complete control — your page is live when you want it to be and hidden when you need a break.

Tips

Section titled “Tips”
  • Choose your best tracks first — visitors often judge your sound within the first few songs they hear. Put your strongest work at the top of your most prominent sections.
  • Keep your bio concise — visitors scanning your page don’t need your full life story. A punchy two to three sentence bio that captures your sound and experience works best.
  • Update your banner regularly — a fresh banner image keeps your page feeling current and gives repeat visitors something new to notice.
  • Enable the contact form — many licensing opportunities come from clients reaching out through your page. It’s the easiest way for interested parties to start a conversation.
  • Test on mobile — preview your page on your phone to make sure everything looks good and plays smoothly for visitors browsing on mobile devices.
Section titled “Related”