Service agreement and hours desk / Interface design
Read the hours.
Read the hours.
Follow the correction.
We paired a proportional balance graphic with a detailed hours ledger.
The summary helps someone understand the agreement at a glance; the ledger explains the entries behind that balance.
Explore the work ↓- PROJECT TYPE
- Interface design & front-end development
- DOMAIN
- Service agreement and hours desk
- DESIGN FOCUS
- Reconciling delivered, scheduled and available service hours
01 / THE DESIGN DECISION
Scheduled time and delivered time stay separate.
We retained a correction history so changed hours could be traced rather than silently replaced. Delivered, scheduled and available time have distinct roles in the account. The workspace makes those differences readable without presenting future activity as already delivered service.
02 / THE BUILD
The pages we designed.
The build brings agreement overview, hours ledger, planned and delivered visits, reviewed correction VR–04, october hours statement and record version history into one workspace.
Hours ledger
View the screen ↓Planned and delivered visits
View the screen ↓Reviewed correction VR–04
View the screen ↓October hours statement
View the screen ↓Record version history
View the screen ↓03 / PROJECT NOTES
Project scope.
We designed and built 6 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 SCREENA closer look.
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.
6 views Select any view to explore
Have a similar project?
Let’s discuss the work.
Tell us what your customers or team need to do. We can help define the pages, records and interactions around that task.