Engagement scope and billing queries / Interface design

Understand the scope.
Read the statement.

We designed a legal engagement workspace that connects the agreed scope to an itemised statement and a question about billing.

The document library supports that conversation without becoming the only route to basic engagement information.

Explore the work ↓

Original illustration · Engagement scope and billing queries

PROJECT TYPE: Interface design & front-end development
DOMAIN: Engagement scope and billing queries
DESIGN FOCUS: Connecting legal engagement scope to billing questions

01 / THE DESIGN DECISION

A billing question needs its context.

We kept scope detail and statement lines in distinct views, then gave the billing question a place of its own. A client can inspect what the work covers before asking about a charge. The interface organises the administrative record; it does not interpret a legal entitlement or resolve a dispute.

02 / THE BUILD

The pages we designed.

The build brings engagement, scope detail, statement, billing question and document library into one workspace.

01 / Screen

Engagement

View the screen ↓

02 / Screen

Scope detail

View the screen ↓

03 / Screen

Statement

View the screen ↓

04 / Screen

Billing question

View the screen ↓

05 / Screen

Document library

View the screen ↓

03 / PROJECT NOTES

Project scope.

We designed and built 5 pages for this self-initiated project, including the layouts, responsive behaviour and front-end interactions. The interface uses sample business records.

The screenshots show authored interface states. Live accounts, operational integrations and production transactions are outside this portfolio build.

The gallery shows our rendered pages with identifying details masked.

06 / ON SCREEN

A closer look.
Page by page.

Start with the overview, then explore the details. These are screenshots of the original interface, with names, contact details and identifying information blurred for privacy.

5 views Select any view to explore