Design of an inventory
management app
for a paper supply company
Jesse Yusufu
Project overview
The product:
Stockli App is an Inventory Management app
for business owners to monitor, manage their
inventory. They offer a wide range of
customisation to meet the needs of its
customers/clients.
Project duration:
January 2022 – June 2022
Project overview
The problem: The goal:
Business owners who are overwhelmed by Design an app that make it easier to manage
manual process of taking their inventory their inventory seamlessly.
Project overview
My role: Responsibilities:
Lead UX Designer, designing the Stockli app Conducting interviews, paper and digital
from conception to delivery. wireframe, low and high-fidelity prototyping,
conducting usability studies, accounting for
accessibility and iteration on designs.
● User research
Understanding ● Personas
the user ● Problem statements
● User journey maps
User research: summary
As part of my research, I conducted a user interviews and created empathy maps to understand
the users I am designing for and their needs. A primary user group identified through the research
was a business owner who don’t have the time to organize his/her inventory.
This user group confirmed initial assumptions about the inventory management users, but my
research also revealed that lack of organisation was not only the factor limiting users from using
inventory mamangement app. Other users problem include time.
User research: pain points
1 2 3
Time Accessibility Information Architexture
Business owners waste Users find it difficult to Users are frustrated
time organising their locate an inventory item identifying categories of
company inventory inventory
Persona: Carlos Montes
Problem statement:
Carlos is a business
owner
who needs to organize
and take record of all his
inventory because he
doesn’t have the time to
keep doing so manually.
User journey map
Mapping Carlos’s user
journey revealed how
important it is to have the
app easier to navigate
● Paper wireframes
Starting ● Digital wireframes
the design ● Low-fidelity prototype
● Usability studies
Paper wireframes
In the process of making
these paper wireframes, I
pay special attention to
ease of navigation.
Digital wireframes
Users can get
useful insights
here
As part of my design
process, I paid special
attentions to some of the
This
feedbacks necessary to showcases
the list of
make the app better stocks to
view
Digital wireframes
Easy to use and
understand
menu page
Making the design easy to
navigate and use is part of
the design goal of this
project.
Low-fidelity prototype
The main flow of the prototype
starts with uploading of the
product down to the successful
completion of the uploading
process
View the Stockli prototype here
Usability study: findings
From the two usability studies I conducted, I iterated the low-fidelity mockup and also the
high-fidelity mock up based on the requirement needed by the users.
Round 1 findings Round 2 findings
1 Users want more customisation 1 Add upload options to some of the
pages
2 Users want product scanning for
easy uploading
3 Users want more insights options
Refining ● Mockups
● High-fidelity prototype
the design ● Accessibility
Before usability study After usability study
Mockups
Initial designs allowed for
some customizations, but
after the usability studies, I
added additional options
for users to search and
filter the inventory
Before usability study 2 After usability study 2
Mockups
The second usability study
revealed frustration with
uploading of the inventory.
To streamline this process, I
added Floating Action Bar
(FAB) and scanning option
to make it easy to upload
items
Mockups
High-fidelity prototype
The final high-fidelity
prototype presented
cleaner users flows for
building the inventory
management app. It also
met user needs for
uploading inventory
View the Inventory
Management App high-
fidelity prototype
Accessibility considerations
1 2 3
I provided access to users Relevant icons were used Used detailed imagery for
who are vision impaired to help make navigation inventory to help users
through adding alt text to easier better understand the
images for screen readers designs.
Takeaways
Going forward
●
● Next steps
Takeaways
Impact: What I learned:
At the end of this project, users were able to From this project, I learned that usability
seamlessly use the app without much studies and user research is very crucial in
challenges. designing a solution that meets the user
needs. Again collaboration is very important to
One quote from peer feedback the success of any project.
“I am blown away by this easy to use app. I will
definitely be using this app for my company”
Next steps
1 2
Conduct another round of Conduct more user
usability studies to research to determine
validate whether the pain any new areas of need.
points users experienced
have been effectively
addressed.
Let’s connect!
Thank you for your time reviewing my work on the design of Inventory Management App. If you'd
like to see more or get in touch, my contact information is provided below
Email: jesseyusufu@gmail.com
Website: https://www.behance.net/jesseuiux
Thank you!
