Skip to content
Book a call
Marketplace

WavMastersA marketplace for booking audio engineers

A web marketplace where artists book mixing, mastering and other audio services. It covers onboarding, profiles, booking, inbox and the engineer dashboard.

WavMasters: sign-up step 1: choose a profile type
Industry
Marketplace (audio services)
Services
Product design, UX design, Design system
Platform
Web
Screens shown
16
The brief

The problem

Artists book engineers, and engineers sell services, on the same screens.

  • Find and book an engineer
  • List services, track orders, chat
  • One product that feels the same for both sides
Approach

How we approached it

What it had to do

  • Let artists and studios find and book an audio engineer
  • Let engineers list services and track their orders
  • Give both sides one inbox for questions and files
  • Keep profiles, bookings and settings in one clear system
  1. 1Mapped four flowsFrom sign-up to account settings.
  2. 2Drew sign-up in two stepsPick a profile type, then add profile details.
  3. 3Designed services and bookingsAdding a service takes a details step and a media step. A booking uses a date picker.
  4. 4Set up the systemA color and style sheet, buttons in every state and input field states.
Flows

The screens

16 real screens, grouped by the flow they belong to.

01

Join and discover

Choose a profile type, then find engineers from the landing page or the explore page.

WavMasters: sign-up step 1: choose a profile type
Sign-up step 1: choose a profile type
WavMasters: sign-up step 2: profile details
Sign-up step 2: profile details
WavMasters: landing page with search and popular services
Landing page with search and popular services View full page of Landing page with search and popular services (opens in a new tab)
WavMasters: explore professionals: filters and results
Explore professionals: filters and results View full page of Explore professionals: filters and results (opens in a new tab)
02

Profiles and services

Public profiles with portfolio and reviews, and the steps to add a service.

WavMasters: public profile with services and questions
Public profile with services and questions
WavMasters: profile portfolio tab
Profile portfolio tab View full page of Profile portfolio tab (opens in a new tab)
WavMasters: profile reviews tab with a rating summary
Profile reviews tab with a rating summary
WavMasters: add a service: details
Add a service: details
WavMasters: add a service: media
Add a service: media
03

Bookings and inbox

Create a booking, follow it in My bookings and talk to the other side.

WavMasters: create a booking with a date picker
Create a booking with a date picker
WavMasters: my bookings list
My bookings list
WavMasters: inbox: conversation list
Inbox: conversation list
WavMasters: inbox: an open chat
Inbox: an open chat
04

Dashboard and account

A dashboard with earnings and orders, pricing plans and account settings.

WavMasters: dashboard with a chart and an orders table
Dashboard with a chart and an orders table
WavMasters: pricing plans
Pricing plans View full page of Pricing plans (opens in a new tab)
WavMasters: account settings: account details
Account settings: account details
Components

Design system

The parts that repeat across the screens, built once and reused.

  • Colors and typeOne color sheet with a yellow accent on neutral grays.
  • ButtonsPrimary and secondary buttons in default, hovered and disabled states.
  • InputsText fields in default, focus, filled and error states.
WavMasters design system: color and style sheet
Color and style sheet View full page of Color and style sheet (opens in a new tab)
WavMasters design system: buttons in every state
Buttons in every state View full page of Buttons in every state (opens in a new tab)
Result

What we delivered

Desktop screens for both sides of the marketplace, plus a components and style guide in Figma. The file also covers account settings, pricing plans, a bookings list and landing pages.

  • Desktop screens for profiles, services, bookings, inbox and dashboard
  • A component and style guide in Figma

Next project

All work
Marketplace Bibaho A marketplace for wedding vendors View the project Bibaho

Have a product like this in mind?

Tell us what you are building. We will say honestly how we would approach it and what it would cost.

Book a call See all work