ENRU
  • UX/UI
  • Product design
  • Fintech

// construction

Buildpay

A construction payments platform — projects, milestones, sign-offs and payment requests in one flow.

role
UX/UI design, design system
scope
SaaS web app · 50+ screens
platform
Desktop web
client
Under NDA — anonymized

// case.overview

The challenge

// problem

Contractors and clients tracked progress in photos and chats, and payment requests stalled waiting for sign-offs nobody could find.

// approach

I tied money to work: every milestone has tasks, sign-offs and an amount, so a payment request follows from approved work.

// focus

Clear project status, milestone sign-off, team roles and a simple payment request with attachments.

// case.work

Key screens

Four flows from milestone to payment.

  1. Project activity — screen Buildpay

    Project activity

    Milestones, amounts and sign-off status for the whole project.

  2. Task details — screen Buildpay

    Task details

    Scope, dates and sign-offs for a single piece of work.

  3. Milestone status — screen Buildpay

    Milestone status

    What is done, what is signed and what is ready to bill.

  4. Payment request — screen Buildpay

    Payment request

    Request payment for approved work with notes and attachments.

// case.system

Visual language

// typeface

Urbanist

regular · semibold — 12 / 14 / 16 / 24

// palette

  • Primary#5FD6E6
  • Accent#F28B3C
  • Ink#1E1E1E
  • Surface#F2F2F2
  • Lime#D8E058
  • Blush#F4DCD8

// case.result

Outcome

Payments follow the work: milestones are signed off in the app, and payment requests go out with everything the client needs.

50+
unique screensdesigned from scratch
4
core flowsproject to payment
1
sign-off flowtied to every milestone
1
component libraryshared by every screen
team — roles and access — screen Buildpay
team — roles and access

// next.case

Hireloop

Tech hiring platform: candidates, coding challenges and interview pipelines in one workspace.