Skip to main content
UI Coach Logo
Back to challenges
Hard

Compare Quotes for a Home Repair

Design a contractor marketplace flow that turns a homeowner's repair request into comparable, trustworthy quotes and a clear booking.

Responsive web, Mobile

The brief

Understand the problem

Background

Home repair requests are often vague, while contractor quotes vary in scope, materials, timing, and guarantees. Comparing only the total price can lead to misunderstandings after work begins.

User context

Nora needs a damaged bathroom ceiling repaired after a leak. She can provide photos and access windows, but does not know whether repainting or mold inspection belongs in the job.

Product problem

The marketplace must help Nora describe the issue, protect her address, and compare quote assumptions without presenting every contractor as equally qualified.

Objective

Design request creation, contractor response, quote comparison, and booking for a focused home repair.

What to design

Define the experience

Required experience

  • Structured job request
  • Qualified contractor shortlist
  • Scope-aware quote comparison
  • Booking and payment terms

Screens and states

  • Repair request builder
  • Contractor responses
  • Quote comparison
  • Booking detail
  • Change request

Core user flow

Follow the critical path

  1. 01

    Nora documents the ceiling damage

  2. 02

    Eligible contractors ask clarifying questions

  3. 03

    She compares two complete quotes

  4. 04

    She books one provider with a deposit and written scope

Product rules

Requirements and constraints

Requirements

  • Hide the exact address until booking
  • Show license, insurance, and verification status
  • Compare included work, exclusions, materials, schedule, and warranty
  • Keep message and scope changes in one record
  • Explain deposit protection

Constraints

  • Photos cannot confirm hidden damage
  • Credential requirements vary by trade and location
  • A quote can change only through explicit approval

Reality check

States worth considering

The job requires an on-site assessment
A contractor withdraws
New damage changes the scope
The homeowner disputes a deposit
No verified provider serves the area

Ready-to-use content

Mock data

Use this content to test hierarchy and realistic data states. You can expand it when the concept needs more depth.

Repair quotes

  • Mason Repairs, $780, inspection and repaint included
  • ClearBuild, $620, repaint excluded, earliest start 19 October
  • Both quotes require owner approval for mold remediation

Finish line

What to deliver

  • Five responsive screens
  • A quote comparison that exposes assumptions and exclusions

If you want more

Optional extensions

Add milestone payments
Design a post-work issue claim

Optional direction

Visual resources

Use these as a starting constraint if you want one. They are not part of the required solution.

Color palette
#79674F
#EDE6D2
#090C0F
#B7B7B7
#A7A7A7
Font pairing
OswaldMerriweather

Oswald & Merriweather

Clear interface writing gives people the confidence to understand what changed and decide what to do next.

Icons
Illustrations