Skip to content
WorkServicesProcessPricingAboutFAQBook a call
All work

Marketplace

Buildela

A marketplace that helps homeowners find the right builder.

Client
Buildela
Audiences
Homeowners and trade members
Region
United Kingdom
Deliverables
Public pages, dashboards, mobile layouts
Buildela key visual

Overview

One marketplace, one simple path to a builder.

Buildela connects UK homeowners with local tradespeople. Homeowners post a free job, tradespeople reply, and the homeowner picks.

I designed the public site and signed in app for both sides, at 1650 px desktop and 430 px mobile: job search, profiles, pricing, rewards, blogs and chat.

The challenge

Two audiences, one marketplace.

  1. 01Homeowners want to post a job and find someone they trust.
  2. 02Trade members want steady leads and a clear plan.
  3. 03Both sides need to chat and follow each job.

The approach

Friendly blue, one clear action per screen.

  1. 01Every hero leads with one green action, like Post a free job.
  2. 02Profiles show qualifications, insurance, area and reviews.
  3. 03Job cards reuse tags for trade, status and urgency.

Structure

Two journeys under one roof.

Taken from the sections in the design file.

Home

  • HomeownersHow it worksHomeowner blogsBlog detail
  • Trade membersHow it worksTrade signupPricingRewards
  • Find a jobJob searchJob popupJob posted popup
  • Post detailsInviteHiredView job postMy posted jobs
  • ProfilesMy profileUser profileInsurance popup
  • ChatMessagesPerson profile

Key screen

The home page hero.

It speaks to both sides, with live activity.

Buildela, The home page hero
  1. 1
    App banner

    A bar offers live job updates in the app.

  2. 2
    Menu for both sides

    Homeowners, Trade members, Log in, Post a job.

  3. 3
    Live activity

    50 jobs posted today.

  4. 4
    Two clear paths

    Post a free job. Join as a trade.

  5. 5
    Offers from tradespeople

    A counter and avatars show replies.

  6. 6
    The product in one card

    A homeowner message and Post job button.

Page flow

From first visit to posted job.

It explains the steps, builds trust, then asks for a free job post.

Buildela, From first visit to posted job
  1. 1
    Hero

    The better way to find a builder.

  2. 2
    How does it work?

    Post a free job, Tradespeople respond, Review and choose.

  3. 3
    Our top categories

    Plumber, Electrician, Roofer and more.

  4. 4
    Connect with the best tradespeople

    No cost to join, no cold calling, a guarantee on every job.

  5. 5
    Some featured tradespeople

    Location, expertise, rating and a Hire button.

  6. 6
    Our customers love us

    Reviews with star ratings.

  7. 7
    Post a free job

    Checked, Guaranteed, Reviewed.

  8. 8
    Local tradespeople

    Trade tabs and UK towns, then the footer.

Find a job

Leads, sorted for the trade.

Trade members search for work and move jobs along.

Buildela, Leads, sorted for the trade
  1. 1
    Search first

    Job title or keywords, plus a green Search button.

  2. 2
    Job pipeline tabs

    New jobs, Interested, Shortlisted, Jobs won.

  3. 3
    Results count

    Jobs won and 11 jobs found.

  4. 4
    Filters

    One button opens filters.

  5. 5
    Where and when

    Location, distance and posting time.

  6. 6
    Status tags

    Trade, progress and urgency as coloured tags.

Membership and chat

Signing up and staying in touch.

Register as a Pro takes five steps. Chat keeps each job in one place.

Buildela membership and chat
Buildela membership and chat

Mobile

Every page, sized for the phone.

430 px pages, from home to chat.

Buildela mobile
Buildela mobile
Buildela mobile
Buildela mobile

Visual language

Trust blue, action green.

Blue is for brand and navigation. Green marks actions and success.

  • Primary Blue#0476DA
  • Dark Blue#023561
  • Navy#012545
  • Ink#101828
  • Green#17B26A
  • Slate#475467
  • Mist#F0F3FB

Typography

Typeface

Aa

Onest

One family for headlines, body copy, labels and buttons.

  • Regular
  • Medium
  • SemiBold
  • Bold

Display

Find a job

Onest

Bold display headings up to 40 px, with Medium and SemiBold for cards and tags.

  • 40
  • Bold
  • SemiBold
  • Medium

Deliverables

What I delivered.

  • Home
  • How it works, homeowner
  • How it works, trade
  • Find a job
  • Post details and job states
  • My posted jobs
  • Trade signup
  • Pricing and payment
  • My profile
  • User profile
  • Trade member rewards
  • Blogs and blog detail
  • Chat
  • Mobile layouts, 430

Want this kind of clarity for your marketplace?

Book a free 30 minute call. You leave with 3 written fixes, even if we don’t work together.

Nafees ZulfiqarUsually replies within an hour 5.0 from 33 Upwork reviewsTop Rated
OpenTaking new projects for NovemberBook a call