Urban Company UI design & app screens

Selling a service you can't hold in your hand

The hardest problem Urban Company's UI solves is that a haircut or an AC repair has no product photo, no spec sheet, no unboxing. Its answer is to package intangible labor as browsable cards with a fixed price, a star rating, a duration estimate, and a hero image of the outcome — a glowing salon look, a spotless kitchen. The home screen is organized as a category grid (Salon, Cleaning, Appliance Repair, Massage) with large illustrated tiles, so choosing a service feels closer to shopping a catalog than filing a request.

Drill into a category and each service becomes a line item you add to a cart, complete with a running total pinned to the bottom of the screen. Borrowing e-commerce's cart metaphor for services is a quiet but decisive design choice: it turns an open-ended 'I need help with my home' into a bounded, priced, reviewable transaction. Designers studying marketplaces should note how thoroughly Urban Company commits to the product-catalog frame even though nothing being sold is a physical good.

Booking as a slot grid, not a calendar

Rather than dropping users into a full month calendar, Urban Company presents scheduling as a horizontal row of upcoming dates followed by a grid of time slots — morning, afternoon, evening bands broken into concrete windows. Unavailable slots are visibly dimmed rather than hidden, so the user reads supply and demand at a glance and self-selects into what's actually bookable. It's a smart reduction of a calendar's complexity down to the two decisions that matter: which day, which window.

Address and slot confirmation flow into a review screen that restates the service, the professional's arrival window, and the itemized price before any payment. This front-loading of certainty matters in a category where a stranger will enter your home — the UI's job is to eliminate ambiguity about who, when, and how much. The confirmation and tracking screens in dezzayn's catalog are a good study in reassurance-driven layout.

Trust signals and the professional-match moment

Once booked, Urban Company surfaces the assigned professional as a profile card: name, photo, rating averaged across hundreds of jobs, and years on the platform. This humanizing step converts an anonymous marketplace into a named person arriving at a specific time, and the live-tracking screen that follows mirrors food-delivery patterns — a map, an ETA, and a status timeline. The design consistently trades abstraction for specificity at exactly the moments a user feels risk.

Ratings and reviews are threaded throughout rather than quarantined on a separate tab: they appear on the service card, on the professional card, and again in the post-service prompt that asks you to rate the job just completed. That closed loop — reviews inform the booking, the booking generates a review — is the marketplace's trust engine made visible in the interface, and it's the pattern most worth extracting for any two-sided platform.

Frequently asked questions