Skip to content
Book a call
Marketplace

BibahoA marketplace for wedding vendors

A marketplace where couples book wedding services. We designed the vendor panel and the admin panel.

Bibaho: vendor service list
Industry
Marketplace (wedding services)
Services
Product design, UX design, Design system
Platform
Web
Screens shown
16
The brief

The problem

Vendors sell packages with many details: time slots, add-ons, location and cancellation rules. Admins review each listing before it goes live.

  • Long package forms that are easy to finish
  • A review queue for admins
  • Two panels in one visual system
Approach

How we approached it

What it had to do

  • Give vendors one place for services, bookings and earnings
  • Let admins review each listing before it goes live
  • Keep the vendor and admin panels in one visual system
  • Make long package forms easy to finish
  1. 1Mapped four flowsTwo for vendors and two for admins.
  2. 2Designed the vendor sideA dashboard, a service list, package creation and a weekly bookings calendar.
  3. 3Designed the admin sideA submissions queue with review actions, then vendors, catalog, payments and reports.
  4. 4Set up the systemColor shades, buttons and controls, and navigation components shared by both panels.
Flows

The screens

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

01

Vendor: dashboard and services

A dashboard, a service list and the steps to create a package.

02

Vendor: bookings and earnings

Bookings with a weekly calendar, booking details, earnings and an inbox.

Bibaho: bookings with a weekly calendar
Bookings with a weekly calendar View full page of Bookings with a weekly calendar (opens in a new tab)
Bibaho: booking details
Booking details
Bibaho: earnings overview chart
Earnings overview chart
Bibaho: earnings statement
Earnings statement
Bibaho: inbox with an open chat
Inbox with an open chat
03

Admin: reviewing listings

A dashboard and a queue of new submissions with review actions.

04

Admin: people, catalog, payments

Vendor management, the service catalog, payments and reports.

Bibaho: vendor management
Vendor management
Bibaho: service catalog
Service catalog
Bibaho: payments: transactions
Payments: transactions
Bibaho: reports and analytics
Reports and analytics View full page of Reports and analytics (opens in a new tab)
Components

Design system

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

  • ColorsA dark theme with gold accents.
  • Buttons and controlsButtons and controls with their states.
  • Basic componentsNavigation, notifications and account menus shared by both panels.
Bibaho design system: color shades
Color shades
Bibaho design system: buttons and controls
Buttons and controls View full page of Buttons and controls (opens in a new tab)
Bibaho design system: navigation and basic components
Navigation and basic components
Result

What we delivered

Desktop screens for the vendor and admin panels, an inbox, account settings and a components and style guide in Figma. The design uses a dark theme with gold accents.

  • Desktop screens for the vendor and admin panels
  • A component and style guide in Figma

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.