All work

Drumbase · Case study · 4 min read

Drumbase: designing a beat marketplace and brand for producers and artists

Drumbase is a marketplace where artists buy beats and custom production, and producers sell beats, lyrics, sound kits and services. I led the design of the whole platform and its brand: more than 100 pages over six months, from onboarding and auctions to the seller dashboard.

Client
Drumbase
Year
2025
Role
Lead designer (UX/UI & branding)
Duration
6 Months
Industry
Music, Marketplace, Creator economy
Tools
Figma, Miro, Creative Cloud, Loom
  • User Experience Research
  • User Interface Design
  • Design System
  • Branding

At a glance

Challenge

Beats, lyrics, sound kits and services each come with different licences and ways to buy, for two very different audiences.

Solution

A separate upload flow per product type, personalised onboarding and clear offers, auctions and a seller dashboard.

Outcome

100+ pages and a complete brand, ready for launch, where every listener sees beats that match their taste.

Deliverables

  • 100+ pages
  • Marketplace and seller dashboard
  • Product upload flows per type
  • Responsive web, light and dark
  • Brand identity and app icon
Drumbase landing page hero, “Find beats. License. Start selling.”, with category cards for beats, services, compositions and sound kits
The landing page: find, license and sell beats, with a player always at the bottom.

Overview

Drumbase is a marketplace for beats and custom music production. Artists come to buy or license beats, lyrics, compositions and sound kits, or to hire producers for services such as mixing and mastering; producers come to sell, run auctions and answer custom offers. The model is close to platforms like BeatStars. [1]

I designed the platform and the brand through my studio, Beew, as lead designer: more than 100 pages over six months in 2025, for desktop and mobile, in light and dark mode. Drumbase has not launched yet.

The challenge

A beat marketplace serves two audiences with opposite needs. Artists want to find the right sound quickly; producers want to list, price and promote their work and manage offers. On top of that, every product type is sold under different terms.

  • Different licences: beats, lyrics, compositions and sound kits each have their own legal terms and details.
  • Many ways to buy: instant licences, packages, auctions and custom offers all had to feel clear and safe.
  • Relevance: someone looking for energetic beats should not be shown slow ones.
  • Scale: 100+ pages, a seller dashboard and a brand built from scratch.

Goals

  • Give each product type an upload flow that matches its licence.
  • Personalise the feed from the first visit, based on what people choose in onboarding.
  • Make offers, negotiations and auctions as easy to follow as a checkout.
  • Give producers a dashboard that shows sales, listings and offers at a glance.
  • Create a brand that feels at home in music culture.

Approach

1. One upload flow per product type

Beats, services, compositions and sound kits are uploaded through separate step-by-step flows, so each asks only for what its licence needs: BPM, key and genre for a beat, packages and delivery times for a service.

2. Personalise from the first minute

Onboarding asks what kind of beats, styles, services and sounds someone is looking for, and the feed and the rest of the site follow those answers. A listener looking for energetic trap is not shown slow beats.

3. Make negotiation as clear as checkout

Every offer shows the listing price, the offer, its status and the time left to respond, and the same card is used by buyers and sellers, in the dashboard and on mobile.

4. A brand built for music

The Drumbase mark combines a “b” with drum-pad dots, and a deep purple carries through the logo, the app icon and the interface.

The solution

Homepage and discovery

Search covers beats, albums, lyrics and artists, and categories split the catalogue into beats, services, compositions and sound kits. A persistent player lets people keep listening while they browse.

Mobile drawer menu with wallet balance and account links, the mobile homepage, and the notifications list with an offer to accept or reject
Mobile drawer menu with wallet balance and account links, the mobile homepage, and the notifications list with an offer to accept or reject
Mobile drawer menu with wallet balance and account links, the mobile homepage, and the notifications list with an offer to accept or reject
The homepage, menu and notifications on mobile.
Drumbase homepage with the notifications panel open, showing messages, sales and offers
Sales, messages and offers arrive in one notifications panel.
Services search results for “drill beat” with filters for category, price, mood, BPM, key and duration
Filters for BPM, key and mood help people find the right sound.

Onboarding and account

Onboarding asks four quick questions with skippable steps: the kind of beats, the style, the services and the sounds someone needs. Account, privacy and notification settings share one clean layout.

Onboarding step one on desktop: “What kind of beats do you like?” with genre options next to a photo of two artists
The first question shapes everything people see next.
Four mobile onboarding steps: favourite genres, beat styles, services of interest and composition styles and sound kits
Four short, skippable steps; the answers personalise the feed.
Dark mode mobile settings: account settings, privacy and security with password rules, and notification settings
Dark mode mobile settings: account settings, privacy and security with password rules, and notification settings
Dark mode mobile settings: account settings, privacy and security with password rules, and notification settings
Account, privacy and notification settings follow one layout.

Producer profiles and product pages

Producer profiles gather beats, services and stats under a bold header. Product pages show packages side by side, with what is included, delivery time and revisions, so buyers can compare before they pay.

Producer profile for Freddy Red with a graffiti header, follower stats and a grid of beats
Producer profiles put the catalogue and the numbers up front.
Product page for a professional mixing and mastering service with Basic, Standard and Pro packages and a Buy Now button
Services are sold in packages that are easy to compare.
My Likes page on desktop with liked beats and services as cover cards
Liked beats and services, ready to revisit.
Mobile screens: My Likes with beats, a negotiation with a 25% countdown, and listening history with license prices
Mobile screens: My Likes with beats, a negotiation with a 25% countdown, and listening history with license prices
Mobile screens: My Likes with beats, a negotiation with a 25% countdown, and listening history with license prices
Likes, offers and listening history on mobile.

Offers, negotiations and messages

Auctions and custom offers run through one negotiation view. Each card shows the price, the offer, whether it is pending, accepted or rejected, and a countdown to respond; buyers and producers can also talk in direct messages.

Negotiations page with offer cards showing price, offer, status and a circular countdown
Every offer shows its status and how long is left to respond.
Dark mode components: earnings stats, an offer card, a beat card, a performance chart and listing rows
Offer cards, stats and charts are shared components.
Dark mode mobile screens: create account, a message thread negotiating a beat price, and the message list
Dark mode mobile screens: create account, a message thread negotiating a beat price, and the message list
Dark mode mobile screens: create account, a message thread negotiating a beat price, and the message list
Sign-up and direct messages, where custom deals are agreed.

Seller dashboard

The seller dashboard brings sales, earnings, listings and product performance together. The same views work on mobile, so producers can check offers and listings on the go.

Dark mode My Listings page in the sales dashboard with active listings and edit actions
Producers manage all their listings in one place.
Dark mode analytics with sales by day and top-performing products
Analytics show what sells and when.
Light mode analytics with total earnings, sales, a sales chart and transactions
Earnings and transactions in light mode.
Mobile seller screens: analytics with earnings, a negotiation at 80%, and My Listings
Mobile seller screens: analytics with earnings, a negotiation at 80%, and My Listings
Mobile seller screens: analytics with earnings, a negotiation at 80%, and My Listings
The dashboard, offers and listings on mobile.
Components: a listing card, a collaborators card with revenue chart and an overview bar chart
Collaborations and overview charts reuse the same component set.

Upload flows for every product type

Creating a beat asks for BPM, key, genre and vocals and lets producers add collaborators with a revenue share. Creating a service is about packages and delivery. Both end with promotion options, and producers choose a membership plan that fits how much they sell.

Create a beat form with BPM, vocals, category, genre, key, collaborators with revenue share and artwork upload
A beat upload asks for what a beat licence needs, including collaborators.
Create a service form with basic, standard and pro package details and delivery options
Services are built from packages instead of licences.
Listing promotion step with homepage feature, top of category, priority search, featured badge and social media promotion
Promotion options at the end of every upload flow.
Membership plan page with Basic, Standard and Professional plans, monthly or yearly
Membership plans for producers at different stages.

Brand identity

Alongside the product, we designed the complete Drumbase brand: a logo that turns a “b” into a drum pad, a deep purple palette and an app icon that carries it.

Drumbase app icon in purple gradient and the Drumbase logo with its “b” drum-pad mark
Drumbase app icon in purple gradient and the Drumbase logo with its “b” drum-pad mark
The app icon and logo: a “b” built from drum pads.

Results

  • More than 100 pages for desktop and mobile, in light and dark mode, delivered in six months.
  • Separate upload flows and product pages for beats, services, compositions and sound kits, each matching its licence.
  • A feed and site that adapt to each listener's onboarding choices, so people see the tempo and style they came for.
  • Auctions, custom offers and negotiations in one consistent view, plus a seller dashboard.
  • A complete brand identity, ready for launch.

Key takeaways

  • In a marketplace, the licence shapes the product page; design those first.
  • A few onboarding questions are enough to make a large catalogue feel personal.
  • When buyers and sellers see the same offer card, negotiations need far less explaining.
  • Designing the brand and the product together keeps them speaking the same language.

FAQ

What is Drumbase?

Drumbase is an upcoming marketplace for beats and custom music production. Artists buy or license beats, lyrics, sound kits and services such as mixing and mastering; producers sell them, run auctions and answer custom offers. It has not launched yet.

What did you design for Drumbase?

The full platform and the brand: landing page, homepage, personalised onboarding, producer profiles, product pages with packages, auctions, custom offers and negotiations, messaging, the seller dashboard with analytics and listings, upload flows for each product type, membership plans, account settings, the logo and the app icon.

How long did the project take?

Six months in 2025, with me as lead designer.

How do you design a beat marketplace?

Start from the licences. Beats, lyrics and sound kits are sold under different terms, so each needs its own upload flow and product page. Then personalise discovery from the first visit, keep a player always within reach, and make offers and negotiations as clear as a checkout.

Can you design a marketplace or platform for my company?

Yes. I design marketplaces and products for consumer, AI, SaaS, fintech and Web3 teams, including the brand when needed. Book a call through the contact page.

Sources

  1. [1] BeatStars, a beat marketplace with a similar model

Have a product to design?

I help teams turn complex products into websites and interfaces people understand in seconds. Tell me about yours.

Next case study

Efficense

Explore case study
Efficense

Toolkit

Connect


© 2026 | Made with curiosity & caffeine.

EN