Smooth coding
in checkout.
Approvers coded invoice lines one at a time, discovered errors only at submission, and had no way to see what was still missing. We rebuilt the experience around inline editing, bulk actions, and real-time status — without leaving the page.
Coding worked — but it was slow and invisible. No way to copy across lines, no way to see total status, and errors only surfaced on submit. Multi-line orders meant repeating the same coding 20+ times.
- Line by line, every time — even when all lines shared the same cost center.
- No bulk action — no copy, no template, no propagation.
- Invisible errors — discovered only at submission, causing delays and rework.
Three validation rounds with Inframark, Stena Line, and Alleima — different volumes, different structures. The same story every time: coding wasn't broken, it was repetitive.
Three moves carried the redesign. Inline coding panel: click a row, panel opens in place — no context switch. Bulk actions: select multiple lines, apply once. Coding status per row: complete / partial / missing visible at a glance before submit.
100% task success across all three validation sessions. Significant reduction in clicks on multi-line orders. Phase two — coding templates and copy-from-previous-order — is planned based directly on what surfaced in testing.
3×
Customer
validation sessions
10↓
Avg. clicks on
multi-line orders
100%
Task success
in usability test