Trackit
Stanley Black & Decker App
Web and Mobile App for Construction Inventory Management with Monthly Membership Revenue.
Stanley Black & Decker
Trackit
Roles & Responsibilities
My Role: UX designer & Prototyper
Team: Project Manager, Senior Interactive Designer, and Researcher.
Location: Remote
Overview
Stanley Black & Decker, a worldwide leader in tools brings technology and transformation to the construction industry. Stanley Doors Division saw the opportunity to improve the inventory of delivered material and the installation status of commercial projects. Creating a software application that could speed up the process and improve accuracy.
The Problem
Manually verifying that the right supplies and materials are on site when required can be time-consuming and stressful. This usually results in inaccurate data due to a lack of communication between all parties, a rudimentary tracking process, the use of multiple technologies that are not interconnected, and no internet in the construction field. Resulting in delays and increasing the budget.
Users
Project engineers, Field engineers, Door suppliers, and Installers.
User Goals
1. Decrease time searching for the location of delivered material
2. Speedup the inventory process using cloud technology
3. Improve communication/updating all parties on the status of materials.
Business Goals
Create new revenue via monthly membership, while proving immense value to commercial construction companies.
The Solution
The app Trackit allows users to quickly scan material barcodes using smartphone cameras, update statuses, add storage locations, search materials, take photos, and more. Mobile updates are auto-synced to the cloud and can be easily accessed in real-time by anyone in the field or office teams.
current process to verify materials
01
The material is scheduled to arrive on site, and the supplier has sent an email with the listed materials.
02
Paper sales order arrives with material
03
Each material needs to be verified when arriving on site manually
04
Later, the paper slip order needs to be typed and compared against the digital order.
02
Paper sales order arrives with material
04
Later, the paper slip order needs to be typed and compared against the digital order.
The New User workflow & Mobile User Flow
User Work Flow - Web app
First user experience
User Work Flow - Mobile app
User can only create account if he/she have received email inviting them to a project
Solution
User Interface Design
The final interface was designed to support a shared, end-to-end workflow that begins in the office and continues into the field. The goal was to centralize material data early, reduce manual handoffs, and ensure that information entered before delivery could be reliably used during on-site verification.
This section walks through how the interface supports that workflow, highlighting key design decisions that enabled accuracy, consistency, and adoption across teams.
Scenario: Centralized Material Details Across Teams
Office-based workflow Web application
An office-based engineer prepares material details before delivery.
Key actions supported:
- Upload sales order data into a centralized system
- Configure delivery statuses to support consistent field verification
Design Rationale
The web experience prioritizes accuracy, consistency, and readiness before materials reach the site. Structured setup, configurable status logic, and clear confirmation reduce downstream errors and prepare field teams to verify materials efficiently.
01
Uploading material data before delivery
What’s happening:
Material data is uploaded through a guided flow and centralized in the cloud.
04
Automatic syncing back to the office
What’s happening:
The user updates an asset once and continues scanning. Verification updates sync back to the cloud and appear in the web application.
03
Scan assets and update status
What’s happening:
The user scans an asset and updates its delivery status using a standardized set of options.
02
Select the order and begin scanning
What’s happening:
The user selects an asset order and scans barcodes to verify delivered materials on site.
01
Signing in and downloading the project
What’s happening:
The user signs in, sees only assigned projects, and downloads the project to the device for local access.
Scenario 2: Field verification (Installer)
Construction field-based workflow Mobile application
Verify delivered materials on site using mobile scanning.
Key actions supported:
- Download project
- Scan assets and confirm status
Design Rationale
The mobile experience is optimized for speed and reliability in real job-site conditions. Offline access, barcode scanning, and automatic sync enable fast verification while maintaining a single source of truth.
05
Confirm and share with the team
What’s happening:
The project is confirmed, stored in the cloud, and ready to be accessed by invited team members.
04
Assign default statuses
What’s happening:
Materials are assigned a default status, establishing a baseline before field verification begins.
03
Configuring delivery statuses
What’s happening:
Delivery status labels and colors are customized during setup to reflect real-world processes.
02
Review imported materials
What’s happening:
The system generates a preview of the project list, showing imported materials with statuses initially set to empty.
Web: Setup & Oversight
-
Establish a single source of truth for materials across all job sites -
Reduce time through bulk imports and standardized statuses
-
Reporting and audit-ready material tracking
Mobile: Field Execution
-
Verify materials on site, even with limited or no internet -
Fast barcode scanning for on-site verification
-
Automatic status sync back to the office
Project Impact
20 hrs
Reduction per week
in material verification process
80%
Reduction per week
in material verification process
97%
Reduction per week
in material verification process