Your name
Project overview
THE PRODUCT:
A custom digital inventory management solution that helps
retail store owners manage and track inventory Preview of selected
management-related tasks. polished designs.
PROJECT DURATION:
8 weeks; July 2023–September 2023
Project overview
THE PROBLEM: THE GOAL:
Inventory management can be a cumbersome and Develop custom inventory management platform
time-consuming task for retailers. Now store´s that would function seamlessly across different
owners are looking for a scalable technology devices. This would replace cumbersome Excel
solution that would aid the store’s inventory sheets and provide the store´s owners with a
management, security, scalability, and efficiency. secure and intuitive online/offline platform for
managing and tracking inventory
management-related tasks.
Project overview
MY ROLE: RESPONSIBILITIES:
This is an individual project that allowed ● Conduct user research
me to plan and direct each step of the ● Define the problem and provide insights to
design thinking process as a UX strategic inform the ideation phase
design student with mobile and web UI ● Define personas, user journeys, empathy
design experience. maps, and user flows
● Visual design of low-fi and high-fi
wireframes, prototypes, and user testing
● User research
Understanding ● Personas
the user ● Problem statements
● User journey maps
User research: summary
To understand user frustration, needs, and requirements, I conducted foundational research through
interviews and user surveys for my project. My goal was to gain insights to understand the processes users
go on their daily business operations.
There are two types of user research methodologies: qualitative and quantitative research. I chose
qualitative research because I had a time constraint.
User research: pain points
1 2 3 4
CHAOTIC INVENTORY INVENTORY TAKES TRANSFERRING LOSSES
STORAGE AREA TOO LONG WRITTEN DATA
The inability to properly
Messy and distracting Not enough time and help Challenges transposing record inventory has
environment not to perform all processes. from paper to computer. caused loss of stock and
conducive to keeping good Need to find a way to Solution should be able to profits. The solution
inventory management streamline some of the digitize written inventory should accurately update
practices. tasks to optimize time records. stock numbers based on
spent on the overall sales and returns.
process.
Persona: Name
PROBLEM STATEMENT:
Elena is a professional
businesswoman working in her
own retail store. She is looking
for ways to save money and
automate her store´s inventory
processes.
User journey map
By creating user journey maps, I
wanted to illustrate the process of
how Elena behaves, feels, and what
she thinks while accomplishing her
goals to address pain points or
provide moments of delight.
● Sitemap
Starting ● Paper wireframes
the design ● Digital wireframes
● Low-fidelity prototype
● Usability studies
Sitemap
I built user-focused flows to ensure
that my personas can successfully
complete their key objectives while
reducing the existing pain points.
To view a larger version of this
sitemap, follow the link here.
Paper wireframes
Focusing on the core features
identified during user research, I
sketched the first wireframes using
pen and paper.
Paper wireframe
screen size variation(s)
I drafted iterations of each screen
on paper.
I also started to work on designs for
additional screen sizes to make
sure the site would be fully
responsive.
Digital wireframes
Using wireframes, I put my ideas on
paper first and then started to
make high-fidelity wireframes.
After dozens of iterations, these
are the wireframes that best
represented user flow and met user
needs.
Dashboard with Description and
a list view of all statistics for
items each product
Digital wireframe
screen size
variation(s)
I also started to work on digital
wireframes for additional screen
sizes to make sure the site would
be fully responsive.
Low-fidelity
prototype
I created a low-fidelity
prototype from the user flow
diagram and wireframes to
test functionality before
incorporating it into the final
View Prototype:
design and ensure
Desktop
accessibility for end-users. Mobile
Usability study: parameters
STUDY TYPE: LOCATION:
Unmoderated usability study United States, remote
PARTICIPANTS: LENGTH:
4 participants 20-30 minutes
Usability study: findings
Now that I have the key insights from the usability study, let's look at the findings and define the
actual problems that a designer can solve.
1 2 3
FINDING FINDING FINDING
Users had a hard time Adding an item seems to The Settings icon is out of
knowing where to start. have several steps. Dividing sight for users. Moving it to a
Clearer instructions can into sections and adding more intuitive place next to
help users start their stepper components can the principal menu can
tasks. help to create a seamless improve its visibility.
flow experience on this task.
Mockups
Refining
●
● High-fidelity prototype
the design ● Accessibility
Mockups
Based on insights from the usability studies, I applied design changes such as adding an item task flow, providing clear
instructions, and simplifying the navigation.
Before usability study After usability study
Mockups: Original screen size
Mockups: Screen size variations
High-fidelity
prototype
After finalizing the low-fidelity
prototype, I worked on creating the
final designs with the goal of
making them simple and intuitive.
The main color theme I used was
red because it’s a very powerful View Prototype:
color that symbolizes strength, Desktop
Mobile
power, and action. I thought it was
very representative of the
persona’s character.
Accessibility considerations
1 2 3
When choosing a color I am using only two I implemented a text
palette, I made sure my typefaces: Barlow for hierarchy throughout the
primary colors met WCAG headlines and Raleway for app. This helps users to
AA Compliance before body copy. distinguish the different
building out the UI for each Mixing too many different sections and information on
screen. typefaces can make your screen.
app seem fragmented and
busy.
Going ● Takeaways
forward ● Next steps
Takeaways
IMPACT: WHAT I LEARNED:
The design strategy included an efficient concept While designing this app, I learned that the first
design that increases task efficiency multifold, and ideas for the app are only the beginning of the
improves engagement with the application. process. Usability studies and peer feedback
The retail store has ensured its potential for future influenced each iteration of the app’s design.
growth with a scalable and secure solution that has
streamlined the store´s inventory management
operations.
Next steps
1 2 3
Obtain UX/UI feedback from When I have documented all Create a cross-platform
designers with more feedback that was provided, responsive design. The goal
experience in the field to I will make the necessary is to build the same
improve the overall design design updates in order to experience for all users, no
and functionality. improve the app’s overall matter what type of device
experience. they are using.
Let’s
connect!
I would appreciate your thoughts and insights on this topic, as feedback is crucial to further enhancing the
findings of this study.
Provide your contact information here. This might include your email address, phone number, and website
or link to other professional platforms.
