Expert Listing — Real Estate Marketplace UX/UI Design

Overview

Expert Listing is a verified property marketplace for the Nigerian real estate market — connecting buyers, renters, and agents across Lagos, Abuja, and beyond. Masterly designed the full platform UX/UI from scratch, for both sides of a two-sided marketplace, across web and mobile.

The brief was precise: make property search feel fast, trustworthy, and simple in a market where none of those things are guaranteed. Nigerian real estate operates with high informal listings volume, inconsistent agent quality, and buyers who have learned to be skeptical of what they see online. The design had to work against that backdrop.

What the project covered:

1. Buyer side — hero, search, listing cards, property detail with inline lead capture, mobile search flow
2. Agent side — publish listing flow, agent profile, performance dashboard, pricing, onboarding
3. Trust architecture — verified badges, visit counts, agent performance data embedded at every touchpoint
4. Design system that scales across web and mobile without fragmentation

The Challenge

Two very different users, one coherent product

A real estate marketplace serves two distinct audiences with opposing priorities. Buyers want to find the right property quickly, understand what they're looking at, and contact a trustworthy agent with minimal friction. Agents want to publish listings fast, attract serious inquiries, and track how their listings are performing — without learning a complicated tool.

Designing one interface that serves both creates a product that works for neither. Masterly designed two distinct experiences — buyer-facing and agent-facing — unified by the same design system, sharing the same visual language, but optimized for completely different tasks.

Trust as infrastructure, not decoration

In a market with high informal listing volume and variable agent quality, trust signals aren't a nice-to-have — they're the product. A buyer who can't quickly assess whether an agent is legitimate or a listing is accurate will leave.

Most platforms treat trust as a badge in the corner of a profile page. We designed it as infrastructure: verified status, visit counts, response time, and agent ratings embedded directly into listing cards and search results, where the buying decision actually happens. A user shouldn't have to navigate to an agent profile to understand whether to trust them.

Mobile search in a variable-connectivity market

Nigeria's mobile internet infrastructure is uneven. A marketplace that loads slowly or fails partially on a 3G connection loses users permanently in a market where alternatives exist. Mobile search had to be fast, resilient, and forgiving — not a scaled-down version of the desktop experience.

The mobile search flow was designed around three decisions to first relevant result: location, property type, price range. Advanced filters appear progressively, after the initial results are loaded, not as a gate before search begins.

Design Approach

Buyer side: search to contact in the fewest possible steps

The buyer journey has one job: get from "I want a property" to "I've contacted an agent" with as little friction as possible. Every extra step is a conversion that doesn't happen.

The search interface surfaces the highest-signal filters first — location, property type, price band — and progressively reveals secondary filters (bedrooms, amenities, agent type) once the user has results to look at. Listing cards are dense but scannable: photo, price, location, key stats, and trust signals, without requiring a click to the detail page to make a basic assessment.

The property detail page places the lead capture form inline — not in a modal, not on a separate contact page — so the path from "I like this property" to "I've sent an enquiry" is a single scroll and a tap.

Agent side: publishing speed and performance clarity

Agents drop off publish flows when they're slow, confusing, or require decisions they're not ready to make. The Expert Listing publish flow was designed around a clear step structure — property details, photos, pricing, visibility — with smart defaults at every step so an agent can publish a complete listing without reading documentation.

The agent dashboard gives performance data that matters: listing views, enquiry count, contact conversion, and visit badges earned. Not vanity metrics — data an agent can act on. If a listing is underperforming, the dashboard surfaces the likely reason (incomplete details, low photo quality, uncompetitive pricing) rather than just showing a low number.

Visual language: professional, local, accessible

The palette — deep forest green with a clean white and light neutral base — was chosen to signal professionalism and stability without feeling foreign to a Nigerian market context. Green carries strong positive associations in the market; the deep tone avoids the over-saturated look of lower-quality local listing sites.

The design system was built to be maintainable by a small engineering team: a limited component set, clear naming conventions, and explicit documentation of how components behave across breakpoints. It shipped alongside the product, not after.

Mobile-first across both sides

Both the buyer and agent experiences were designed mobile-first. On the buyer side, mobile search is the primary use case. On the agent side, agents in the Nigerian market frequently manage listings from phones rather than desktops — the publish flow and dashboard were designed to work fully on mobile, not just to be readable on it.

The Outcome

The platform launched with no significant design revisions. The design system held together across web and mobile and scaled cleanly as the product grew.

"The brief was clear: make property search feel fast, trustworthy, and simple in a market where none of those things are guaranteed."

That brief shaped every decision — from how trust signals are embedded in listing cards to how the agent publish flow handles incomplete data. The two-sided structure meant every design choice had to be evaluated against both user types simultaneously: does this help buyers find properties faster, and does it help agents publish and convert without slowing down?

The result is a platform where both sides of the marketplace get what they need without compromise.

Deliverables

• Buyer side — hero, search results, listing cards, property detail page (web + mobile)
• Lead capture — inline form on property detail, mobile-optimised
• Agent side — onboarding flow, publish listing flow, agent profile, performance dashboard, pricing page
• Design system & component library (web + mobile)
• Mobile-responsive layouts for all core surfaces
• Development-ready Figma handoff