PAVE / Infrastructure & Engineering

Turning pavement inspection data into a focused engineering workspace.

PAVE was designed for serious infrastructure work — where image data, road defects, QA flows, and government constraints all had to come together inside one usable product experience.

Infrastructure & Engineering, 2026

Project overview

This was not just a dashboard. It was a workflow product.

PAVE needed to help users move from raw road imagery to structured review, annotation, QA, and decision-making. The product had to feel technical enough for engineering work, but clear enough to avoid slowing people down.

Our role was to translate complex client requirements and government constraints into a product interface that felt controlled, reliable, and usable.

ServiceUI/UX & Branding + Engineering

IndustryInfrastructure & Engineering

SolutionAI SaaS Platform

Duration8+ months

The challenge

The real UX problem

The hardest part was understanding what the client actually needed, then shaping that into a product that could respect government-style constraints, engineering expectations, and day-to-day usability.

Large amounts of road imagery and inspection data needed structure.
Engineering users needed clarity, not decorative dashboard noise.
Annotation and review workflows had to support accuracy and repetition.
The interface needed to feel trustworthy for technical and operational decisions.

UX approach

UX focus — designing for engineering clarity

For PAVE, UX was about translating technical requirements into a clean operating model. The goal was to make the system feel organized before it felt visually impressive.

Requirement translation

Converted complex client and government constraints into screen structures, workflows, and decision points that could be understood by users.

Annotation flow

Structured the image review experience around speed, accuracy, and clear feedback so repetitive work did not become confusing.

Dashboard hierarchy

Separated overview metrics, review states, and deeper data so users could scan quickly and investigate only when needed.

Operational trust

Designed states, filters, and data views to make the system feel controlled, auditable, and appropriate for serious engineering workflows.

Selected work

Designed as a connected product experience.

UI and product direction

UI focus — a technical SaaS interface with controlled visual energy

The UI direction needed to look premium, but not decorative. We wanted the product to feel like a command center for engineering data: sharp, structured, and readable.

Color

Dark SaaS base with warm accent highlights for priority actions and important states.

Typography

Strong headings, compact labels, and readable dashboard text for technical scanning.

Layout

Grid-based cards, dense panels, and structured visual groupings for large datasets.

Data UI

Charts, filters, status indicators, review cards, and annotation-focused panels.

Key product decisions

The decisions that shaped the final experience.

SaaS Dashboard

Insights Dashboard

A technical dashboard designed to make pavement condition data easier to scan, compare, and act on without overwhelming the user.

Clear KPI hierarchy
Readable data cards
Decision-first layout

Core Product Flow

Annotation Workspace

We selected the annotation workspace as the key PAVE screen because it represents the real product value: reviewing visual road data and turning it into structured information.

Image-first layout
Tool state clarity
Focused review experience

Validation

QA Review Flow

The QA experience needed to make review states, feedback, and validation steps clear enough for technical teams to trust the process.

Approval/rejection clarity
Issue visibility
Review status structure

Data Operations

Dataset Management

Large datasets needed organization, filtering, and structured browsing so users could move through heavy information without losing context.

Filterable data views
Batch-friendly structure
Scalable UI patterns

Our process

From understanding the problem to a focused product direction.

Understand client and government constraints

The first challenge was making sense of technical requirements and constraints before turning them into interface decisions.

Map the real workflow

We broke the product into practical user flows: dashboard overview, image review, annotation, QA, and dataset management.

Design the system language

The UI needed reusable patterns for cards, filters, charts, statuses, panels, and high-density technical screens.

Build the React frontend

We implemented the interface in React using TypeScript, Tailwind CSS, and Recharts, keeping the frontend structured and scalable.

Execution

Frontend execution

PAVE was designed and developed by our team in React. The frontend had to support dashboards, data visualization, annotation-style layouts, reusable UI structures, and responsive product screens while keeping the interface clean and performant.

React + TypeScript implementation

Tailwind CSS interface system

Recharts data visualization

Reusable SaaS product components

PAVE colours and typography presentation

Impact

Impact without fake numbers

Rather than presenting unverified numbers, this case study focuses on the product value we can demonstrate: a clearer SaaS workflow, stronger visual hierarchy, a structured annotation experience, and a scalable frontend foundation.

Clearer translation of requirements into UI

More usable annotation and review workflow

Technical dashboard structure for engineering users

A scalable React frontend foundation

Closing perspective

What this project reinforced

PAVE reinforced that enterprise SaaS design is not only about screens. Strong work begins with listening, understanding constraints, and turning complex requirements into an interface that technical teams can trust.

Other projects

More products and experiences shaped by BlastUp Labs.

Patient Management System

Simplifying Patient Information Workflows with Healthcare UX and Frontend Modernization

Divina Boutique

Improving Luxury Fashion Shopping with Shopify UX and Responsive Development

FOEx SaaS Platform

Modernizing Industrial Inspections with Mobile UX and Workflow Design

BlastUp Labs helped us turn a rough idea into a clean, polished product experience. The design direction was clear, practical, and easy for our team to follow.

Shekinah Tshikulila

Software Engineer

The team improved our frontend workflow and delivered a responsive interface that felt sharp, modern, and production-ready.

Jonathan Yombo

Software Engineer

The website structure, spacing, and design system saved us a lot of time. Everything felt intentional and easy to scale.

Yucel Farukşahan

Creator, Tailkits

Software Engineer

Let’s shapewhat comes next.

Skip the long forms and start with one focused 30-minute conversation.

Fast, practical conversations for founders and product teams.

Schedule a 30-Min Call

Loading available times…

Turning pavement inspection data into a focused engineering workspace.

This was not just a dashboard. It was a workflow product.

The real UX problem

UX focus — designing for engineering clarity

Requirement translation

Annotation flow

Dashboard hierarchy

Operational trust

Designed as a connected product experience.

UI focus — a technical SaaS interface with controlled visual energy

The decisions that shaped the final experience.

Insights Dashboard

Annotation Workspace

QA Review Flow

Dataset Management

From understanding the problem to a focused product direction.

Understand client and government constraints

Map the real workflow

Design the system language

Build the React frontend

Frontend execution

Impact without fake numbers

What this project reinforced

More products and experiences shaped by BlastUp Labs.

Simplifying Patient Information Workflows with Healthcare UX and Frontend Modernization

Improving Luxury Fashion Shopping with Shopify UX and Responsive Development

Modernizing Industrial Inspections with Mobile UX and Workflow Design