FIGR / UI TEMPLATE

Building Work Order Board

Move building repairs from reported faults to verified completion.

Explore how to update board in Property Management & Tenant Services software. This board includes WO-304 lift service and WO-317 roof seal. Adapt the sample workflow to your product and design system. Records and metrics are fictional.

Building Work Order Board

BUILD ON THIS

Make it yours in Figr.

Explore this screen, then bring in your own product and design system to shape the next version.

Use this template ↗

At a glance

Screen

Board

Primary action

Update board

Pattern

board with status, filters and selected-record details

State

Default, Selected, Filtered, Empty, Loading, Warning, Error, Success

Design system

Independent product UI reference; no 1mg assets

What this screen helps with

Review WO-304 lift service and WO-317 roof seal, identify blockers and update board with the correct owner and status in view.

What to look for

  • Sample records: WO-304 lift service and WO-317 roof seal.
  • Owner: Property Manager; team area: Riverside Tower.
  • Sample metric: Open work items (74, fictional).
  • Primary task: Update board.

States to consider

  • Default: show the sample workflow.
  • Selected: inspect WO-304 lift service.
  • Filtered: show needs review or matching items.
  • Empty: explain no results and offer reset.
  • Loading: keep the layout stable.
  • Warning: show a blocked item.
  • Error: explain the failure and offer retry.
  • Success: confirm update board.

Where it fits

Properties → Tenants → Update board

Patterns in this screen

board, record search, selection, status chips, filtering, action feedback

UX choices to review

Keep the current stage, owner and blocker visible on every card.

  • Show that Property Manager owns WO-304 lift service in Riverside Tower.
  • Distinguish Needs review from Complete without relying only on colors.
  • Explain unsuccessful actions and let users retry.

Try a similar screen in Figr

Adapt Building Work Order Board to our existing product and design system. Inspect our current layouts, components, flows and permissions before changing anything. We need to update board for records such as WO-304 lift service and WO-317 roof seal. Explore two useful approaches, then design default, selected, filtered, empty, loading, warning, error and success states that our designers can keep editing. Example records are fictional.

Open Figr

KEEP EXPLORING

More ways to approach your next screen.

Browse other product UI examples, compare patterns, and pick the direction that suits your product.

Explore all 500 templates ↗