Pipe: Hi-Fi UI Mockups
Full-color, polished mobile screen designs with dark industrial theme. Shows the final look and feel of the application.
Pipe: Lo-Fi Wireframes
Black and white phone mockups with simple box layouts. Traditional wireframe style focusing on structure and content.
Pipe: Workflow Boxes
Pure flowchart-style diagrams with no phone frames. Shows process flows, decision points, and data fields as simple boxes.
Pipe: Mermaid Diagrams
Interactive flowcharts rendered with Mermaid.js. Copy-paste ready code for documentation and presentations.
Pipe: Warehouse Dashboard
Large touchscreen + 5 vertical displays for warehouse status monitoring. Real-time spool tracking, project progress, and alerts.
Pipe: Interactive Dashboard
Fully functional touchscreen prototype. Navigate between pages, view details, simulate RFID scans, and explore all features.
Tool & Inventory Dashboard
Interactive tool management dashboard. Track checkouts, inventory levels, equipment, and maintenance work orders.
Tool Mobile Scanner
Mobile scan interface for tool checkout/return workflows. Badge scan, condition check, and gangbox audits.
Tools Hi-Fi Mockups
Full-color mobile screen designs for tool checkout, return, and inventory workflows with dark industrial theme.
Tools Lo-Fi Wireframes
Black and white wireframes for tool management workflows. Structure-focused with simple box layouts.
Tools Workflow Boxes
Flowchart-style diagrams for tool checkout, return, receiving, and pick list workflows. No phone frames.
Tools Mermaid Diagrams
Interactive flowcharts for tool management. State machines, checkout flows, and receiving workflows with copy-paste code.