01 · blueground partner portal

A partner portal, designed from a blank page

Property partners run a real business through Blueground: listings, availability, bookings, payouts. I designed the platform they do it on from scratch, from the information architecture down to the last table state.

role
Design lead, hands-on. All core product and UI decisions
scope
IA, navigation, dashboard, listings, bookings, settings
system
shadcn/ui, rebranded with Blueground tokens
stack
Next.js, React, Tailwind
Listings table Listing detail panel open beside the table
the core ideaOpen any listing without leaving the list
detailStep through listings: 12 of 30
the problem

Partners are operators, not consumers

Blueground's partner network was growing, and partners were running dozens of listings through tooling that wasn't built for them. Key information about a listing or a booking was scattered, hard to find, or missing entirely.

Treating partners as operators and suppliers changed the brief. They don't need delight first; they need density, speed, confidence in the numbers, and a clear signal when something needs their attention.

key decision

Build on shadcn, make it ours

Instead of extending a legacy UI, the portal started on shadcn/ui: accessible, composable primitives that engineering could own in code, branded with Blueground's own typography, colour and component styling so it felt unmistakably ours.

That let a small team move fast without forking a design system, and gave us a foundation we could extend screen by screen.

Sidebar navigation component Record header with status badge, ID chips, buttons and tabs Availability calendar with rates and discounts Rates dialog with a data table Channel integration card with a switch
PN Portal Design Systemshadcn/ui primitives: sidebar, tabs, badges, buttons, calendar, dialog, switch
made oursBlueground type, colour and radius on every component, so engineering ships them as-is
structure

Navigation that scales with the business

I started with the IA: mapping every job a partner does, then designing a sidebar, breadcrumbs and scroll behaviour so the navigation that works for five listings still works for five hundred. Scroll through the exploration:

Listings with the expanded sidebarListings with the detail panel openCollapsed icon sidebarTablet layoutTablet navigation drawer
1 / 6scroll ↓

the dashboard

One screen that answers "how is my business doing?"

The dashboard is where partners land, and it became the portal's most-used surface. Five insights with 30-day trends, the next bookings with a countdown to each move-in, and upcoming payouts sit on one screen, with integration health and help alongside.

Partner Portal dashboard: insights, bookings, upcoming payouts, integration and help
insightsBooking value, bookings, cancellations and listings, vs the previous 30 days
7.4 views a monthper active partner, the portal's most-visited surface
interaction model

Stay in the list, go deep in the panel

Partners work across many listings at once. So instead of sending them to a new page for every record, a side panel opens next to the table. They can scan, open and step through listings without losing their place, and expand to a full page when they need room.

Listings table with detail panel
1 / 4scroll ↓

listing details

Every detail of a listing, one panel away

The side panel carries the whole listing without leaving the table. Each tab answers one question a partner has about a home, and every state is designed, from the first load to an issue that needs fixing. Pick a tab:

Listing side panel: Overview

Photos, description, amenities, regulation info and links to Blueground and the PMS: the essentials, scannable in seconds.

Listing side panel: Pricing

Minimum and maximum rates, length-of-stay discounts and every extra charge, from cleaning to local taxes, in one place.

Listing side panel: Availability

A month view with nightly rates, bookings and discounts together, so partners see the whole picture before they change a thing.

Listing side panel: Bookings

Active, upcoming and past bookings for this listing, each one tap away from its full details.

Listing side panel: House rules

The rules guests see, edited right where partners manage everything else about the home.

Listing side panel: Channels

Where the listing is distributed, with each channel visible and editable from the same panel.

Listing side panel: Issues & to-dos

When something blocks a listing, a “1 issue” badge says so, and the to-do menu goes straight to the fix, like adding missing regulation info.

Listing side panel: Loading

Even loading is designed: a skeleton keeps the structure in place, so the panel never jumps while data arrives.

trust in the numbers

A booking page that explains every euro

The most common partner questions were about money: what was charged, what Blueground keeps, and when they get paid. The booking page answers all three in one read.

Line-by-line payment breakdown ending in total payout value Payout schedule with status per instalment Version history of the booking
1 · what was chargedFrom accommodation price to total payout value, line by line
2 · when it gets paidEvery instalment with its date and status
3 · what changedEach edit to a booking is versioned
getting buy-in

Selling the redesign internally

A redesign of a revenue-critical tool needs more than a Figma link. So I produced a short motion walkthrough that told the story to stakeholders across the business in six chapters, from navigation to settings, closing with what comes next.

The 2.5-minute stakeholder walkthrough, designed and produced for the redesign.
outcome

From a tool nobody used to the one partners open every month

Before the redesign, fewer than 1 in 10 partners used the portal's MVP. After it, partners came back, and when the portal tells them something needs attention, they fix it themselves.

<10% → 66%of partners active in the portal each month, from the MVP to the redesign's peak (Jun 2026)
7.4dashboard views per active partner a month (Aug 2026); it's the portal's most-used surface
77%of blocked listings get fixed by partners themselves once they open them (Sep 2026)

Monthly active partners peaked at 66% on the original analytics setup. A stricter tracking method introduced in Jul 2026 reads ~45%, still 4.5× the MVP.

where it's going

A foundation, not a finish line

The portal now carries the roadmap: partner-facing engagement metrics on the dashboard, bulk actions and status insights for large portfolios, and migrating all partners from Nestpick into one platform.