Stanley Black & Decker
Trackit Web and Native Mobile App
optimizes inventory management in construction with barcode scanning, real-time updates, and cloud syncing, keeping field and office teams connected effortlessly.

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.
No Content
No Content
No Content
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.

03
Each material needs to be verify when arriving on site manually

02
Paper sales order arrives with material

04
Later, the paper slip order needs to be typed and compared against the digital order.
Challenges we were solving: How might we…
reduce the search for delivered materials in the construction field?
speed up the scanning process with its status?
upload the approved order of materials to the cloud?
allow customers to correct/change status info?
download the list of materials for verification of arrival when there is no internet in the field?
let customers take/add pictures?
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

User Story
These are a few of the user stories I followed for my design solution: The initial version of the solution should address the following stories:
As an Office engineer or PM, I want to easily set up the door status that will be used in my project so that I can quickly know what the current status is and make decisions
As an Office engineer or PM, I want to set up the labels for the status that can only be done in a web app so that people in the field cannot change it.
As an installer, I want to quickly change the status of components in the field so that I don’t have to spend time on emails or phone calls updating the team.
As an Office engineer or PM, I want to edit the labels of status so that I can change them in case I make a mistake
Constraints:
Not tech-savvy users.
Limited internet connection on the field.
As an Office engineer or PM, I want to quickly assign a color to each status so that I can visually identify the current status and make decisions.
As an installer, I want to scan the barcode of each component so that I don’t make mistakes verifying the delivered materials.
As an Office engineer or PM, I want to know who and when was the last status change, so that I can reach out to that individual to ask questions.
As an installer, I want to be able to type the delivery location of the materials so that I don’t have to inform people in the field.

Scott Bowens
Web Interface solution
Scenario 1
He is an Engineer (works in an office), and he has a new delivery of door frames coming up. He wants to upload the sales order file (delivery slip) to Trackit web app. He needs to set up a delivery status and assign colors to each status. So, the team in the work field can use it and verify the arrival, location, and status of each door frame.
01
He opens Trackit app on his computer and uploads the sales order file.

02
He selects the sales order from his files.

03
He creates 5 status labels and assigns colors:

04
He is done with the project list and now it’s ready to be used in the construction field.

Mobile Interface solution

Pedro Cruz
Scenario 2
Is a contractor Installer. He is responsible for verifying that all doorframes arrive correctly. He has been notified that the delivery slip was uploaded to the cloud. Before going onsite, he needs to download the project on his device, and once in the field, he can start scanning the doorframes’ barcode.
A member of the team easily can update the status of a component.



Iza Simons
Scenario 3
Is a PM. She is walking the site and realizes one of the door frames is damaged, the barcode is no longer visible, but she needs to report it.
A team member from the offices has instant updates from the site.

Scott Bowens
Scenario 4
He is in front of his computer, in his office, and he can see what is happening in the field with the verification of deliveries.
