August 22, 2024
August 22, 2024
Hardware Management App
Hardware Management App
Hardware Management App
A fast, 7-day design project focused on creating a clean, dark-themed app to make borrowing office hardware easy, replacing messy manual communication.
A fast, 7-day design project focused on creating a clean, dark-themed app to make borrowing office hardware easy, replacing messy manual communication.
A fast, 7-day design project focused on creating a clean, dark-themed app to make borrowing office hardware easy, replacing messy manual communication.
Year
2024
Client
nextap (internal project)
Category
App design
App design
Product Duration
7 days
The challenge
The challenge
The challenge
The way employees borrowed office hardware (laptops, phones) was broken. They had to ask for everything on Slack, which led to constant confusion, wasted time, and no one knowing what was available. This caused a lot of duplicate requests. The goal was simple: replace the old, manual system with an easy-to-use mobile app interface in just one week.
The way employees borrowed office hardware (laptops, phones) was broken. They had to ask for everything on Slack, which led to constant confusion, wasted time, and no one knowing what was available. This caused a lot of duplicate requests. The goal was simple: replace the old, manual system with an easy-to-use mobile app interface in just one week.
The way employees borrowed office hardware (laptops, phones) was broken. They had to ask for everything on Slack, which led to constant confusion, wasted time, and no one knowing what was available. This caused a lot of duplicate requests. The goal was simple: replace the old, manual system with an easy-to-use mobile app interface in just one week.
Outcome
Outcome
Outcome
We quickly designed and delivered a working app prototype that gave employees a central tool to manage hardware themselves. This solution brought big, clear improvements in speed and efficiency by focusing on simple design and a smooth user path.
Key Stages
Planning and Flow Charts
Phase 1
The first steps were planning. We quickly defined who the users were (Admin, Employee) and what the app absolutely needed to do (MVP). Then, we mapped out the User Flow and Information Architecture to make sure the steps for borrowing or returning an item were logical and simple for everyone
Planning and Flow Charts
Phase 1
The first steps were planning. We quickly defined who the users were (Admin, Employee) and what the app absolutely needed to do (MVP). Then, we mapped out the User Flow and Information Architecture to make sure the steps for borrowing or returning an item were logical and simple for everyone
Planning and Flow Charts
Phase 1
The first steps were planning. We quickly defined who the users were (Admin, Employee) and what the app absolutely needed to do (MVP). Then, we mapped out the User Flow and Information Architecture to make sure the steps for borrowing or returning an item were logical and simple for everyone
Design System and Visuals
Phase 2
We moved fast to build the app's look. We decided on a dark visual theme using colors like black and purple. We used the Poppins font for easy reading and set up a consistent 4-column grid to keep everything organized and neat. We designed the main pages, like the devices list and the borrowing mechanism.
Design System and Visuals
Phase 2
We moved fast to build the app's look. We decided on a dark visual theme using colors like black and purple. We used the Poppins font for easy reading and set up a consistent 4-column grid to keep everything organized and neat. We designed the main pages, like the devices list and the borrowing mechanism.
Design System and Visuals
Phase 2
We moved fast to build the app's look. We decided on a dark visual theme using colors like black and purple. We used the Poppins font for easy reading and set up a consistent 4-column grid to keep everything organized and neat. We designed the main pages, like the devices list and the borrowing mechanism.
Working Prototype and Delivery
Phase 3
The last step was building a fully functional prototype that looked exactly like the final product. We added key features like the QR code scanner for quick check-in/out and used clear color tags to show if a device was "Available" or "In Use." The final blueprint was delivered to the development team on Day 7.
Working Prototype and Delivery
Phase 3
The last step was building a fully functional prototype that looked exactly like the final product. We added key features like the QR code scanner for quick check-in/out and used clear color tags to show if a device was "Available" or "In Use." The final blueprint was delivered to the development team on Day 7.
Working Prototype and Delivery
Phase 3
The last step was building a fully functional prototype that looked exactly like the final product. We added key features like the QR code scanner for quick check-in/out and used clear color tags to show if a device was "Available" or "In Use." The final blueprint was delivered to the development team on Day 7.
Final Design
Final Design
Final Design
The final app is a self-service tool with a clean, modern dashboard. The design uses clear typography and visual cues to manage all the technical details. The most important feature is the clear, color-coded status on every device card, which completely removes the need for employees to send messages asking if something is available.
The final app is a self-service tool with a clean, modern dashboard. The design uses clear typography and visual cues to manage all the technical details. The most important feature is the clear, color-coded status on every device card, which completely removes the need for employees to send messages asking if something is available.
The final app is a self-service tool with a clean, modern dashboard. The design uses clear typography and visual cues to manage all the technical details. The most important feature is the clear, color-coded status on every device card, which completely removes the need for employees to send messages asking if something is available.
Impact
Impact
Impact
The application's design successfully replaced chaos with structure, leading to immediate, measurable improvements in team efficiency and hardware management during pilot testing.
The application's design successfully replaced chaos with structure, leading to immediate, measurable improvements in team efficiency and hardware management during pilot testing.
The application's design successfully replaced chaos with structure, leading to immediate, measurable improvements in team efficiency and hardware management during pilot testing.
70% fever duplicates
Reduced duplicate hardware requests by 70%
70% fever duplicates
Reduced duplicate hardware requests by 70%
70% fever duplicates
Reduced duplicate hardware requests by 70%
60% Faster Information
Users found info 60% faster than before
60% Faster Information
Users found info 60% faster than before
60% Faster Information
Users found info 60% faster than before
Workflow centralised
Replaced all Slack hardware requests, stopping confusion
Workflow centralised
Replaced all Slack hardware requests, stopping confusion
Workflow centralised
Replaced all Slack hardware requests, stopping confusion
More Works More Works
