DropZone. Bulk Document Delivery & Metadata Management Tool
Designing a web tool for engineering teams to upload, organize, and submit large volumes of technical documents, with inline metadata editing across thousands of files, multi-level error handling, and a delivery workflow built for operational precision.
Managing thousands of technical documents, without losing control
Engineering teams needed to deliver large batches of technical documents, up to 1,000+ files per delivery, each requiring precise metadata: title, revision number, tag number, equipment number, and discipline classification. The existing process was error-prone and difficult to manage at scale.
The challenge was designing a tool that made bulk operations feel manageable, with inline editing, clear error visibility, and a delivery workflow that guided users from upload to submission without losing track of status or failures.
UX/UI Designer, responsible for the end-to-end interface design of the tool, including the DropZone logo and visual identity, the delivery dashboard with four status states, the bulk upload flow with real-time progress and error handling, the metadata table with inline editing and column controls for 1,000+ row datasets, and a multi-level notification system (Error, Warning, Notice). Existing corporate design system components were extended to cover data-dense interaction patterns not previously addressed.
Upload flow with inline error tracking, failed files are flagged individually and can be retried to keep the delivery clean before submission.
The metadata table, inline editing across multiple fields per file, with column filters, sort controls, and pagination for deliveries of 1,000+ documents.
Multi-value editing modal, allowing users to assign multiple tag numbers to a single document without leaving the table context.
Full-screen mode for data-dense workflows, expanding the table to maximise visible records and reduce scrolling across large deliveries.
Error handling designed with a human tone, communicating failures clearly without technical jargon, while keeping the user oriented and in control.
A tool built for operational precision, at any scale.
The interface made it possible for engineering teams to manage complex document deliveries, with full metadata control, visibility over errors, and a clear workflow from upload to submission. Designing for data density at this scale required careful attention to hierarchy, feedback, and the moments where things go wrong.