Interactive Website
Embedded Files
UX Case Study
Project Overview
Project Overview
The Product
The Product
The SCM project is an interactive, responsive supply chain management platform that empowers businesses to monitor inventory, optimize shipments, and streamline operations through a modern dashboard, actionable analytics, and intelligent automation.
The Problem
The Problem
Supply chain professionals face challenges with fragmented data, manual tracking, delayed shipments, and a lack of real-time insights. These issues lead to inefficiencies, missed deadlines, and increased operational costs. The SCM platform addresses these pain points by centralizing information, automating key tasks, and providing clear, actionable data.
The Product Duration
The Product Duration
The project was executed 5 weeks, from initial research and ideation to final usability testing and takeoff.
The Goal
The Goal
To create a centralized, intuitive platform that reduces manual effort, increases shipment visibility, and enables data-driven decision-making for supply chain teams.
My Role
My Role
This is an individual project that allowed me to plan and direct each step of the design thinking process as a UX designer with mobile and web UI design experience.
My Responsibilities
My Responsibilities
Led user research and synthesized findings
Defined personas, empathy maps, and journey maps
Designed low- and high-fidelity wireframes and prototypes
Conducted iterative usability testing and incorporated feedback
Understanding the User
Understanding the User
User Research Summary
User Research Summary
I interviewed warehouse managers and logistics coordinators. I read interviewes of executives to understand their workflows and pain points. Observational studies and surveys revealed a need for real-time data, simplified reporting, and streamlined communication.
User Research Pain Points
User Research Pain Points
Manual inventory tracking and order management
Lack of real-time shipment updates
Difficulty identifying and resolving exceptions
Fragmented communication across teams
Insufficient analytics for proactive decision-making
Empathy Map
Empathy Map
User Personas
User Personas
User Story
User Story
As a logistics coordinator, I want to see real-time updates on shipments so I can respond quickly to delays and keep customers informed.
User Journey Map
User Journey Map
Problem Statement
Problem Statement
Supply chain professionals need a centralized, real-time platform to monitor inventory and shipments because current manual processes cause delays, errors, and poor visibility.
Goal Statement
Goal Statement
Design a responsive dashboard that streamlines inventory and shipment management, provides actionable insights, and reduces manual effort for supply chain teams.
Ideating the Design
Ideating the Design
How Might We
How Might We
- How might we provide real-time visibility into inventory and shipments for all users?
We could explore integrating live data feeds from warehouse sensors and GPS-enabled shipment tracking, presenting this information through intuitive dashboards and clear status indicators. By ensuring users can access up-to-date inventory and shipment locations at a glance, we empower them to make timely decisions and reduce uncertainty throughout the supply chain.
- How might we automate route planning to reduce delays and manual effort?
We could investigate leveraging algorithms that analyze traffic, weather, and delivery constraints to suggest optimal routes automatically. Presenting these recommendations within the platform allows users to quickly approve, adjust, or reroute shipments, minimizing manual planning and helping ensure on-time deliveries.
- How might we deliver actionable insights to help users make faster, better decisions?
We could design analytics modules that surface key performance metrics, trends, and exception alerts in a digestible format. By providing users with context-driven insights and proactive notifications, the platform can support informed decision-making and prompt action when issues arise.
These answers are intentionally open, focused on user needs, and leave space for creative ideation-aligning with the HMW method and Google UX Design course guidance
Starting the Design
Starting the Design
User Flow
User Flow
Site Map
Site Map
Paper Wireframe
Paper Wireframe
Orders Screen
Orders Screen
I created five paper wireframes for the orders screen. After conducting comprehensive research, I developed user personas, empathy maps, and a user journey map to ensure that I effectively addressed user needs and pain points by selecting the relevant sections marked with a star from each wireframe. This thoughtful approach was applied to each of the five primary screens.
Mid-Fidelity Wireframes
Mid-Fidelity Wireframes
Dashboard Screen
Dashboard Screen
Orders Screen
Orders Screen
Inventory Screen
Inventory Screen
Shipment Screen
Shipment Screen
Report Screen
Report Screen
Sticker Sheet
Sticker Sheet
Style Guide
Style Guide
Interactive Components
Interactive Components
Interactive Charts
Interactive Charts
MockUps
MockUps
Dashboard Screen
Dashboard Screen
Orders Screen
Orders Screen
Inventory Screen
Inventory Screen
Shipment Screen
Shipment Screen
Report Screen
Report Screen
Hi-Fidelity Prototype
Hi-Fidelity Prototype
Usability Study Findings
Usability Study Findings
- Clarity
Users found the dashboard intuitive but requested clearer status indicators for shipments and inventory.
- Efficiency
Quick action buttons (e.g., Add New, Export) were highly valued, but users suggested grouping related actions for efficiency.
- Customization
The responsive design was praised, but some users wanted more customization options for dashboard widgets.
Accessibility Considerations
Accessibility Considerations
- Contrast
High color contrast and color-blind-friendly palettes were used for all status indicators and charts.
- Navigation
All interactive elements are keyboard-accessible and have descriptive ARIA labels.
- Alt Text
Text alternatives are provided for charts and visualizations to support screen readers.
Takeaways
Takeaways
Impact
Impact
The SCM platform reduced manual effort, improved shipment visibility, and empowered teams with actionable insights, resulting in fewer delays and better resource utilization.
What I Learned
What I Learned
The importance of iterative user feedback in refining dashboard features
The value of designing for accessibility and responsiveness from the start
Next Steps
Next Steps
Step 1
Step 1
Introduce advanced analytics and predictive insights (e.g., demand forecasting, risk alerts).
Step 2
Step 2
Expand integrations with external logistics and ERP systems for seamless data flow and enhanced automation.
Let's Work Together
Let's Work Together
Thanks For Reading!
Thanks For Reading!
Feedback, suggestions, and collaborations are welcome!
Page updated
Google Sites
Report abuse